:root{color-scheme:light;--paper:#f4f1e9;--ink:#253c34;--muted:#6b7168;--line:#dcded3;--green:#254d42;--gold:#d9b55e;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,.dropzone:focus-visible{outline:3px solid #a36b29;outline-offset:5px}[hidden]{display:none!important}header,main,footer{max-width:1200px;margin:auto}header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:25px Georgia,serif}.brand span{font:10px Arial,sans-serif;letter-spacing:1.8px;border-left:1px solid #c8cebf;padding-left:18px;margin-left:8px}.quiet{background:transparent;border:0;color:var(--muted);padding:12px}.welcome{display:grid;grid-template-columns:1.1fr 1fr;min-height:650px;align-items:center;gap:60px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.4px;margin:0 0 24px}h1{font:normal clamp(46px,5.6vw,76px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-2.8px;margin:0 0 24px}.lede{color:var(--muted);font-size:16px;line-height:1.8}.button{display:inline-flex;justify-content:center;align-items:center;gap:34px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:6px;padding:17px 23px;font-size:14px;text-decoration:none;font-weight:500}.intro .button{margin-top:22px}.button:hover{background:#173d31}.caption{font-size:12px;color:var(--muted);margin:16px 0}.illustration{height:490px;position:relative;display:flex;justify-content:center;align-items:center;background:#e7e9dd;border-radius:190px 190px 12px 12px;overflow:hidden}.sun{position:absolute;top:45px;right:40px;width:105px;height:105px;background:#d8b875;border-radius:50%}.reader{width:222px;height:320px;background:#304c42;padding:14px 14px 28px;border-radius:18px;transform:rotate(-9deg);box-shadow:18px 22px 0 #c4cabb,3px 5px 0 #172f25;position:relative}.reader-screen{background:#eeeade;width:100%;height:100%;padding:22px 20px;color:#394b3c}.reader-mark{font:italic 25px Georgia;border-bottom:1px solid #bec3b3;padding-bottom:12px}.reader-title{font:30px/1.07 Georgia;margin-top:18px}.reader-lines{margin-top:20px;height:16px;background:repeating-linear-gradient(to bottom,#bec3b3 0 1px,transparent 1px 7px)}.reader-screen p{font-size:6px;letter-spacing:1.5px;margin-top:20px}.reader-dot{position:absolute;bottom:10px;left:50%;height:5px;width:5px;border-radius:50%;background:#a4b09d}.ill-caption{position:absolute;bottom:28px;font-size:9px;letter-spacing:2px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:64px 0 30px}.library-heading h1{font-size:58px;margin-bottom:16px}.library-heading .eyebrow{margin-bottom:20px}.device{display:flex;gap:12px;align-items:flex-start;padding:22px;background:#e9ecdf;max-width:330px;border-radius:8px}.device strong{font-size:13px;font-weight:500}.device p{font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0 0}.device>img{opacity:.55;margin-left:8px}.device-dot{width:7px;height:7px;border-radius:100%;background:#a18f65;margin-top:5px;flex-shrink:0}.device-dot.online{background:#498258}.dropzone{display:flex;align-items:center;gap:22px;border:1px dashed #a9b5a2;border-radius:8px;padding:28px 30px;cursor:pointer;background:#eeefe5;transition:background .15s,border-color .15s}.dropzone:hover,.dropzone.dragging{background:#e2e8d8;border-color:var(--green)}.dropzone strong{font-weight:500;font-size:16px}.drop-detail{display:block;color:var(--muted);font-size:12px;margin-top:8px}.upload-icon{display:grid;place-items:center;background:#dbe3d2;width:42px;height:42px;border-radius:50%;font-size:24px}.drop-end{margin-left:auto;font-size:25px;font-weight:300}.upload-progress{padding:20px 0}.upload-progress label{font-size:13px}progress{display:block;width:100%;height:7px;margin-top:12px;accent-color:var(--green)}.shelf-heading{margin:50px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}h2{font:normal 27px Georgia;margin:0}.shelf-heading h2 span{font:12px Arial;margin-left:12px;border:1px solid #cdd2c2;border-radius:20px;padding:4px 8px;vertical-align:middle}.search{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.search>span{font-size:25px;line-height:1}.search input{border:0;background:transparent;outline:0!important;color:var(--ink);width:180px;font-size:13px}.books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.cover{height:275px;padding:25px 24px;background:#d4ddcc;display:flex;flex-direction:column;position:relative;border-radius:2px 6px 6px 2px;border-left:8px solid #00000012;box-shadow:2px 3px 4px #21321d0d}.book:nth-child(4n+2) .cover{background:#dec8ad;color:#62442c}.book:nth-child(4n+3) .cover{background:#cbd9da;color:#2f505b}.book:nth-child(4n+4) .cover{background:#ddd1d1;color:#5a3d4a}.cover-edition{font-size:7px;letter-spacing:2px;opacity:.7}.cover h3{font:normal 25px/1.13 Georgia;margin:30px 0 12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow-wrap:anywhere}.cover p{font-size:10px;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cover-rule{margin-top:auto;border-bottom:1px solid currentColor;opacity:.3}.book-info{position:relative;padding-top:16px}.book-info h3{font:500 14px/1.4 Arial;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author{font-size:12px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-meta{display:flex;align-items:center;justify-content:space-between;margin-top:13px;gap:6px}.badge{font-size:10px;color:#716a4e;line-height:1.5}.badge.delivered{color:#3c7155}.book-menu{border:0;background:transparent;letter-spacing:2px;color:var(--muted);min-width:35px;min-height:35px}.book-actions{position:absolute;right:0;top:100%;z-index:2;background:#fffdf7;border:1px solid var(--line);border-radius:6px;padding:6px;box-shadow:0 8px 20px #26352c15}.book-actions a,.book-actions button{display:block;font-size:12px;padding:12px;background:none;border:0;text-align:left;text-decoration:none;white-space:nowrap;width:100%}.book-actions button{color:#8a493e}.book-actions a:hover,.book-actions button:hover{background:var(--paper)}.empty{text-align:center;padding:50px 16px 58px;border-bottom:1px solid var(--line)}.empty-mark{font:48px Georgia;color:#9aaa8c}.empty h3{font:normal 25px Georgia;margin:15px 0}.empty p{font-size:13px;color:var(--muted);line-height:1.8}.reading-note{display:flex;gap:15px;max-width:620px;margin:40px 0 65px;color:var(--muted);font-size:12px;line-height:1.9}.reading-note>span{font-size:28px}.reading-note strong{font-weight:500;color:var(--ink)}.reading-note p{margin:0}.notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;background:var(--green);color:white;box-shadow:0 8px 30px #0002;padding:16px 22px;border-radius:8px;font-size:13px;z-index:10;line-height:1.5}.notice.error{background:#794a3b}footer{border-top:1px solid var(--line);padding:25px 0 32px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}footer span:last-child{font-size:9px;letter-spacing:1.5px}dialog{border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:35px;max-width:460px;width:calc(100% - 32px)}dialog::backdrop{background:#172f2580}dialog p{font-size:14px;line-height:1.7;color:var(--muted)}dialog .eyebrow{font-size:10px}#remove-title{font-weight:600;color:var(--ink)}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.danger{background:#794a3b;border-color:#794a3b}.danger:hover{background:#603a2f}@media(max-width:1280px){header,main,footer{margin-left:40px;margin-right:40px}}@media(max-width:800px){.welcome{gap:35px;min-height:550px}.illustration{height:390px}.reader{transform:scale(.8) rotate(-9deg)}.welcome h1{font-size:52px}.brand span{display:none}.library-heading{align-items:flex-start}.library-heading h1{font-size:46px}.device{max-width:260px}.books{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cover{height:240px;padding:20px 16px}.cover h3{font-size:23px}.device>img{display:none}}@media(max-width:580px){header,main,footer{margin-left:22px;margin-right:22px}header{height:80px}.brand{font-size:22px}.welcome{grid-template-columns:1fr;gap:36px;padding:48px 0}.welcome h1{font-size:55px}.eyebrow{font-size:9px;letter-spacing:1.9px}.lede{font-size:14px}.illustration{height:350px;border-radius:170px 170px 10px 10px}.intro .button{margin-top:12px}.library-heading{display:block;padding:42px 0 24px}.library-heading h1{font-size:44px}.device{max-width:none;margin-top:24px;padding:16px}.device p{margin-top:4px}.device>img{display:block;margin-left:auto}.dropzone{padding:22px 16px;gap:14px}.dropzone strong{font-size:14px}.drop-detail{font-size:10px}.drop-end{display:none}.shelf-heading{margin-top:35px;flex-wrap:wrap}.shelf-heading h2{font-size:25px}.search{width:100%}.search input{width:100%}.books{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.cover{height:225px;padding:17px 13px}.cover h3{font-size:22px;margin-top:25px}.cover-edition{font-size:6px;letter-spacing:1.5px}.book-info h3{font-size:13px}.badge{font-size:9px}.empty{padding:30px 10px 40px}.empty h3{font-size:22px}footer{display:block;line-height:2.5}.dialog-actions .button{padding:14px}.reading-note{margin:30px 0 40px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}