:root{--grain-paper: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%3E%3Cfilter%20id='p'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.9'%20numOctaves='2'%20seed='4'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23p)'/%3E%3C/svg%3E");--grain-leather: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='280'%3E%3Cfilter%20id='l'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.02%200.04'%20numOctaves='2'%20seed='9'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23l)'/%3E%3C/svg%3E")}.dl-room{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:#0b0805}.dl-photo{position:absolute;top:0;right:0;bottom:0;left:0;background:url(room-bg.jpg) no-repeat center center / cover;filter:saturate(1.04) contrast(1.03)}.dl-photo-grade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0805036b,#0805030a 20%,#08050300 38%,#09060480 66%,#070402cc),radial-gradient(120% 80% at 50% 6%,#ffc4780d,#ffc47800 55%)}.dl-grade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#04030100 30%,#040301f0),radial-gradient(120% 92% at 50% 20%,transparent 44%,rgba(4,2,1,.62) 100%);opacity:var(--dl-dim, .45)}.dl-hero{position:relative;display:flex;align-items:flex-end;min-height:clamp(220px,34vh,420px);padding:0 clamp(16px,4vw,40px) 10px}.dl-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(70% 120% at 16% 100%,#ffc4741f,#ffc47400 56%),linear-gradient(0deg,#06040280,#06040200 52%)}.dl-hero-inner{position:relative;z-index:1;width:100%;max-width:var(--maxw);margin:0 auto}.dl-hero .eyebrow{font-family:var(--font-sans);font-weight:600;font-size:var(--fs-sm);letter-spacing:.4px;color:var(--ink-room-soft);text-shadow:0 1px 8px rgba(0,0,0,.7)}.dl-hero h1{margin:6px 0 0;font-family:var(--font-serif);font-weight:700;font-size:clamp(2rem,5vw,3.2rem);line-height:1.05;color:var(--ink-room);text-shadow:0 2px 20px rgba(0,0,0,.6);text-wrap:balance}.dl-library{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:0 clamp(16px,4vw,40px) 90px}.dl-shelf{padding-top:20px}.dl-shelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 4px 4px}.dl-shelf-titles{display:flex;align-items:baseline;gap:12px;min-width:0}.dl-shelf-titles h2{margin:0;font-family:var(--font-serif);font-weight:700;font-size:clamp(1.2rem,2.3vw,1.6rem);color:var(--ink-room);letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 10px rgba(0,0,0,.6)}.dl-count{font-family:var(--font-sans);font-weight:600;font-size:var(--fs-sm);color:var(--ink-room-faint);flex:0 0 auto;text-shadow:0 1px 6px rgba(0,0,0,.6)}.dl-addbook{flex:0 0 auto;cursor:pointer;white-space:nowrap;font-family:var(--font-sans);font-weight:700;font-size:var(--fs-sm);letter-spacing:.3px;padding:7px 15px;border-radius:7px;color:#3a2a14;background:linear-gradient(180deg,#e4c57e,#c8a656 48%,#a9842f);border:1px solid rgba(60,40,12,.5);box-shadow:inset 0 1px #fff6d699,inset 0 -2px 3px #50341073,0 2px 5px #00000073;text-shadow:0 1px 0 rgba(255,244,206,.5);transition:filter var(--dur-fast) ease,transform var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.dl-addbook:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:inset 0 1px #fff6d6b3,inset 0 -2px 3px #50341066,0 3px 8px #00000080}.dl-addbook:active{transform:translateY(0);box-shadow:inset 0 2px 4px #3c280c80}.dl-stage{position:relative}.dl-back{position:absolute;left:-2px;right:-2px;top:22px;bottom:24px;z-index:0;border-radius:3px;background:radial-gradient(120% 70% at 50% 122%,#ffb8680f,#ffb86800 58%),radial-gradient(90% 90% at 0% 0%,#00000080,#0000 42%),radial-gradient(90% 90% at 100% 0%,#00000080,#0000 42%),repeating-linear-gradient(90deg,#0000002e 0,#0000002e 2px,#281a0f00 2px,#281a0f00 66px),linear-gradient(180deg,#060402eb,#0c07038c 16%,#120b0657 50%,#0805039e),#150d06;box-shadow:inset 0 12px 26px #000000a6,inset 0 -5px 12px #00000073,inset 15px 0 26px #0006,inset -15px 0 26px #0006}.dl-rail{display:flex;align-items:flex-end;gap:clamp(14px,1.8vw,26px);overflow-x:auto;overflow-y:visible;padding:40px 8px 0;scroll-snap-type:x proximity;scrollbar-width:none;position:relative;z-index:2}.dl-rail.is-spine{gap:2px;padding-left:12px;padding-right:12px}.dl-rail::-webkit-scrollbar{height:0;display:none}.dl-tile{flex:0 0 auto;cursor:pointer;position:relative;scroll-snap-align:start}.dl-cv{position:relative;transition:transform var(--dur-base) var(--ease-warm)}.dl-tile.is-spine .dl-cv:after{left:-1px;right:-1px;bottom:-4px;height:8px;background:radial-gradient(60% 90% at 50% 0%,#000000b3,#0000 80%)}.dl-spine{position:relative;flex:0 0 auto;overflow:hidden;border-radius:2px 2px 1px 1px}.dl-spine .cloth{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--grain-paper);background-size:90px 90px;mix-blend-mode:overlay;opacity:.5}.dl-spine .mottle{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--grain-leather);background-size:150px 220px;mix-blend-mode:soft-light;opacity:.7}.dl-spine .wear{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#0006,#0000 11%,#0000 89%,#0006),repeating-linear-gradient(90deg,#0000000d 0,#0000000d 1px,#ffe8be05 1px,#ffe8be05 2px,#0000 2px,#0000 4px)}.dl-cv:after{content:"";position:absolute;left:2%;right:2%;bottom:-7px;height:14px;background:radial-gradient(50% 80% at 50% 0%,#000000a6,#0000 75%);filter:blur(2px);z-index:-1}.dl-tile-dot{position:absolute;top:8px;right:8px;width:12px;height:12px;border-radius:999px;box-shadow:inset 0 -1px 2px #00000080,inset 0 1px 1px #fff6,0 1px 2px #0009,0 0 0 1.5px #0a070480;z-index:3}.dl-tile-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 34% 28%,#ffffffb8,#fff0 46%)}.dl-tile-prog{position:absolute;left:7%;right:7%;bottom:7px;height:5px;z-index:3;border-radius:999px;background:#0a07049e;box-shadow:inset 0 1px 2px #0009,0 1px #ffecbe1f;overflow:hidden}.dl-tile-prog i{display:block;height:100%;border-radius:999px;background:linear-gradient(180deg,#E9C766 0%,var(--gold-highlight) 45%,#C79A2E 100%);box-shadow:inset 0 1px #fff7d680}.dl-detailcard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:var(--grain-paper);background-size:88px 88px;mix-blend-mode:multiply;opacity:.06}.dl-detailcard>*{position:relative;z-index:1}.dl-tip{position:absolute;bottom:calc(100% - 30px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center;padding:8px 12px;border-radius:var(--r-md);pointer-events:none;z-index:9;background:#120c08f0;box-shadow:0 8px 22px #00000080;border:1px solid rgba(255,226,176,.14);max-width:230px;transition:opacity var(--dur-fast) ease}.dl-tip .t{font-family:var(--font-serif);font-weight:700;font-size:var(--fs-sm);color:#f2e4cd;line-height:1.2}.dl-tip .a{font-family:var(--font-sans);font-size:var(--fs-xs);color:#f2e4cd9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.dl-board{position:relative;z-index:2;height:32px;margin-top:-3px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#0000005c,#0000000a 26%,#0000 40%),url(floor.jpg) repeat-x center 42% / 620px auto;filter:brightness(.96) saturate(.95) contrast(1.05);box-shadow:inset 0 2px #ffe8b847,inset 0 -7px 13px #00000080,0 16px 26px #0000008c}.dl-board:before{content:"";position:absolute;left:0;right:0;top:-34px;height:34px;pointer-events:none;background:radial-gradient(60% 90% at 50% 100%,#ffc4741f,#ffc47400 72%)}.dl-board .lip{position:absolute;left:0;right:0;top:100%;height:12px;border-radius:0 0 3px 3px;background:linear-gradient(180deg,#2a1b0f,#1a1009 60%,#120b05);box-shadow:0 14px 22px #0000008c}.dl-empty{display:flex;align-items:flex-end;min-height:150px;padding:0 8px 6px;font-family:var(--font-serif);font-style:italic;font-size:var(--fs-body);color:var(--ink-room-faint);text-shadow:0 1px 8px rgba(0,0,0,.6)}.dl-empty-btn{border:1.5px dashed var(--ink-room-faint);background:#0000002e;border-radius:var(--r-md);cursor:pointer;align-items:center;min-height:96px;padding:0 22px;transition:all var(--dur-fast) ease}.dl-empty-btn:hover{border-color:var(--ink-room-soft);color:var(--ink-room);background:#00000047}.dl-libbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:var(--maxw);margin:0 auto;padding:4px 4px 8px}.dl-libsearch{display:flex;align-items:center;gap:9px;flex:1 1 260px;min-width:0;background:#140e086b;border:1px solid rgba(255,240,210,.16);border-radius:var(--r-pill);padding:9px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dl-libsearch span{color:var(--ink-room-faint);font-size:1.05rem}.dl-libsearch input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--ink-room)}.dl-libsearch input::placeholder{color:var(--ink-room-faint)}.dl-libsearch button{border:none;background:transparent;cursor:pointer;color:var(--ink-room-faint);font-size:.8rem;padding:2px 4px}.dl-libsort{display:flex;gap:4px;padding:4px;background:#140e086b;border:1px solid rgba(255,240,210,.16);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex:0 0 auto}.dl-libsort button{border:none;cursor:pointer;background:transparent;color:var(--ink-room-soft);font-family:var(--font-sans);font-weight:600;font-size:var(--fs-sm);padding:6px 13px;border-radius:var(--r-pill);white-space:nowrap;transition:all var(--dur-fast) ease}.dl-libsort button.is-active{background:var(--nav-active-bg);color:var(--ink-room);box-shadow:var(--nav-active-shadow)}.dl-notefilter{border:1.5px solid var(--line-strong);background:var(--bg-card);cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:var(--fs-sm);color:var(--text-muted);padding:7px 14px;border-radius:var(--r-pill);transition:all var(--dur-fast) ease}.dl-notefilter:hover{border-color:var(--text-faint);color:var(--text-main)}.dl-notefilter[data-active=true]{background:var(--accent-lime-light);border-color:var(--accent-lime);color:var(--accent-lime-deep)}.dl-page{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:clamp(8px,2vw,20px) clamp(16px,4vw,40px) 90px}.dl-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:clamp(8px,3vh,26px) 0 22px}.dl-pagehead-eyebrow{font-family:var(--font-sans);font-weight:600;font-size:var(--fs-sm);letter-spacing:.4px;color:var(--ink-room-soft);text-shadow:0 1px 8px rgba(0,0,0,.7)}.dl-pagehead-title{margin:6px 0 0;font-family:var(--font-serif);font-weight:700;font-size:clamp(1.9rem,4.4vw,2.9rem);line-height:1.05;color:var(--ink-room);text-shadow:0 2px 20px rgba(0,0,0,.6);text-wrap:balance}.dl-pagehead-sub{margin-top:8px;max-width:46ch;font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--ink-room-soft);text-shadow:0 1px 8px rgba(0,0,0,.6)}.dl-panel{background:var(--bg-card);border:1px solid rgba(120,90,50,.12);border-radius:var(--r-lg);box-shadow:0 18px 44px #0006,0 4px 12px #00000042,inset 0 1px #ffffffb3;padding:20px}.dl-panel.is-soft{background:var(--bg-card-soft)}.dl-panel.is-clickable{cursor:pointer;transition:transform var(--dur-base) var(--ease-warm),box-shadow var(--dur-base) ease}.dl-panel.is-clickable:hover{transform:translateY(-3px);box-shadow:0 26px 56px #00000075,0 8px 18px #0000004d,inset 0 1px #ffffffb3}.dl-panel.is-clickable:active{transform:translateY(-1px)}.dl-challenge{background:linear-gradient(135deg,#fffcf2,#fff4d6)!important;border-color:#efdfa8!important}.dl-bar{border-radius:6px 6px 0 0;transition:height var(--dur-base) var(--ease-warm)}.dl-ghost-room{background:#fff2de12;border-color:#ffeed138;color:var(--ink-room);backdrop-filter:saturate(140%) blur(6px);-webkit-backdrop-filter:saturate(140%) blur(6px)}.dl-ghost-room:hover{background:#fff2de24;border-color:#ffeed166;color:var(--ink-room)}@media(max-width:640px){.dl-pagehead-title{font-size:1.8rem}}:root[data-mood=day] .dl-room{background:var(--bg-room)}:root[data-mood=day] .dl-photo{filter:saturate(1) brightness(1.04)}:root[data-mood=day] .dl-board{filter:brightness(1.05) saturate(.95)}@media(max-width:640px){.dl-hero{min-height:clamp(170px,26vh,280px)}.dl-shelf-titles h2{font-size:1.18rem}.dl-rail{padding-top:34px}}.dl-photo{background-image:url(/room-bg.jpg)}.dl-board{background:linear-gradient(180deg,#0000005c,#0000000a 26%,#0000 40%),url(/floor.jpg) repeat-x center 42% / 620px auto}.dl-library{max-width:none;margin:0;padding:0 0 90px}.dl-libbar{max-width:var(--maxw);margin:0 auto;padding:4px clamp(16px,4vw,40px) 12px}.dl-shelf-head{max-width:var(--maxw);margin:0 auto 4px;padding:0 clamp(16px,4vw,40px)}.dl-stage{width:100%}.dl-back{left:0;right:0;border-radius:0}.dl-board{width:100%;border-radius:0}.dl-rail,.dl-rail.is-spine{padding-left:clamp(10px,2.5vw,28px);padding-right:clamp(10px,2.5vw,28px)}.dl-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.dl-shelf-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:31;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-card);padding:6px;min-width:170px;animation:dl-card-in var(--dur-fast) var(--ease-warm)}.dl-shelf-menu-item{display:block;width:100%;text-align:left;border:none;cursor:pointer;background:transparent;padding:9px 12px;border-radius:var(--r-sm);font-family:var(--font-sans);font-weight:600;font-size:var(--fs-sm);color:var(--text-main);transition:background var(--dur-fast) ease}.dl-shelf-menu-item:hover{background:var(--bg-card-soft)}.dl-shelf-menu-item.is-danger{color:var(--status-dnf)}.dl-shelf-menu-divider{height:1px;background:var(--line);margin:6px 4px}.dl-tile.is-spine .dl-tile-dot{top:5px;right:auto;left:50%;transform:translate(-50%);width:10px;height:10px}.dl-tile.is-spine .dl-tile-prog{left:10%;right:10%;bottom:5px;height:4px}.dl-spine{transition:box-shadow var(--dur-base) var(--ease-warm)}.dl-cover-frame{position:relative;flex:0 0 auto;border-radius:var(--r-book);overflow:hidden;box-shadow:var(--shadow-book)}.dl-cover-frame.is-hero{box-shadow:var(--shadow-hero)}.dl-cover-art{position:absolute;top:0;right:0;bottom:0;left:0}.dl-cover-plate{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:1.5px solid #c9b79a;border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8%;text-align:center}.dl-cover-plate-rule{width:14%;height:2px;background:#c9b79a}.dl-cover-plate-title{margin:8% 0;font-family:var(--font-serif);font-weight:700;font-size:clamp(10px,2.8vw,14px);line-height:1.14;color:#3a2e22;text-wrap:balance}.dl-cover-plate-author{font-family:var(--font-sans);font-weight:600;font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:#8a7b66}.dl-cover-band{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10%;text-align:center;gap:6px}.dl-cover-band-title{font-family:var(--font-serif);font-weight:700;font-size:clamp(10px,2.5vw,13px);color:inherit;line-height:1.1}.dl-cover-band-author{font-family:var(--font-sans);font-weight:600;font-size:8px;text-transform:uppercase;letter-spacing:.6px;opacity:.85}.dl-cover-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.dl-cover-img--hidden{display:none}.dl-cover-cloth,.dl-cover-mottle,.dl-cover-paper,.dl-cover-vignette,.dl-cover-sheen,.dl-cover-room-light,.dl-cover-spine-edge,.dl-cover-top-pages,.dl-cover-fore-edge{position:absolute;pointer-events:none}.dl-cover-cloth{top:0;right:0;bottom:0;left:0;opacity:.4;mix-blend-mode:soft-light;background:repeating-linear-gradient(0deg,#00000080 0,#00000080 .5px,#ffffff29 .5px,#ffffff29 1.5px),repeating-linear-gradient(90deg,#00000080 0,#00000080 .5px,#ffffff29 .5px,#ffffff29 1.5px);background-size:3px 3px}.dl-cover-mottle{top:0;right:0;bottom:0;left:0;background-image:var(--grain-leather);background-size:170px 230px;mix-blend-mode:soft-light;opacity:.34}.dl-cover-paper{top:0;right:0;bottom:0;left:0;background-image:var(--grain-paper);background-size:100px 100px;mix-blend-mode:overlay;opacity:.4}.dl-cover-vignette{top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(135% 100% at 34% 14%,#fff0d61a,#0000 46%,#00000042)}.dl-cover-sheen{top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#fff0d61a,#fff0d600 24%)}.dl-cover-room-light{top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,#0003,#0000 15%,#0000 68%,#78461821)}.dl-cover-spine-edge{top:0;bottom:0;left:0;width:10%;z-index:2;background:linear-gradient(90deg,#0000004d,#ffecc821 26%,#ffecc800 58%,#0000000d)}.dl-cover-top-pages{top:0;left:10%;right:4%;height:3px;z-index:2;background:linear-gradient(180deg,#ecdfc4,#c7b58e 62%,#00000038)}.dl-cover-fore-edge{top:1px;bottom:1px;right:0;width:4%;z-index:2;background:repeating-linear-gradient(180deg,#78603c6b 0,#78603c6b 1px,#f0e5cb 1px,#f0e5cb 2.6px);box-shadow:inset 1px 0 2px #0006,-1px 0 3px #00000047;border-radius:0 2px 2px 0}.dl-cover-frame--flyout{width:clamp(200px,42vw,264px)!important;height:auto!important;aspect-ratio:2 / 2.84}.dl-cover-frame--sm{width:64px!important;height:auto!important;aspect-ratio:2 / 2.84}.dl-cover-frame--lg{width:120px!important;height:auto!important;aspect-ratio:2 / 2.84}@media(max-width:640px){.dl-libbar{flex-wrap:wrap}.dl-libsearch{flex:1 1 100%}}:root{--bg-room: #F9F6F0;--bg-room-deep: #F1EBE0;--bg-card: #FFFFFF;--bg-card-soft: #FCFAF6;--bg-overlay: rgba(36, 32, 28, .45);--lamp-glow: radial-gradient( 120% 90% at 88% -8%, #FFF7E6 0%, #FBF2DF 26%, var(--bg-room) 64%, var(--bg-room-deep) 100%);--wood-light: #B88E6B;--wood-main: #9E7453;--wood-depth: #7A5538;--wood-shadow: #5E4029;--wood-deck: linear-gradient(180deg, #C79C76 0%, #B0855F 55%, #9A7350 100%);--wood-face: linear-gradient(180deg, #A9784F 0%, #8A5F3D 60%, #6E4A2F 100%);--wood-bracket: linear-gradient(90deg, #8A5F3D 0%, #6E4A2F 100%);--wood-grain: repeating-linear-gradient( 90deg, rgba(94,64,41,0) 0px, rgba(94,64,41,.05) 2px, rgba(255,247,230,.04) 4px, rgba(94,64,41,0) 7px);--accent-lime: #7E9F70;--accent-lime-deep: #5F7E54;--accent-lime-light: #F0F4EE;--gold-highlight: #FAD02C;--gold-deep: #C99A12;--gold-light: #FFF9E6;--status-want: #C28A4E;--status-want-bg: #FBF1E2;--status-reading: #7E9F70;--status-reading-bg: #F0F4EE;--status-done: #6E8FA6;--status-done-bg: #ECF1F5;--status-dnf: #B07B7B;--status-dnf-bg: #F6EDED;--status-reread: #9C82B5;--status-reread-bg: #F2EEF6;--text-main: #24201C;--text-muted: #72685E;--text-faint: #A39A8E;--text-on-wood: #FBF3E8;--text-on-dark: #FBF7F0;--ink-room: #2A241F;--ink-room-soft: #6B6155;--ink-room-faint: #9C9286;--header-bg: rgba(249,246,240,.82);--header-line: #ECE4D7;--header-blur: saturate(140%) blur(10px);--nav-active-bg: #FFFFFF;--nav-active-shadow: 0 4px 10px rgba(58,46,36,.1);--line: #ECE4D7;--line-strong: #DED3C2;--font-brand: "Comfortaa", system-ui, sans-serif;--font-serif: "EB Garamond", Georgia, "Times New Roman", serif;--font-sans: "Plus Jakarta Sans", system-ui, sans-serif;--fs-display: clamp(2.25rem, 5vw, 3rem);--fs-h1: clamp(1.75rem, 3.5vw, 2.25rem);--fs-h2: clamp(1.375rem, 2.5vw, 1.75rem);--fs-h3: 1.25rem;--fs-title: 1.0625rem;--fs-body: 1rem;--fs-sm: .875rem;--fs-xs: .75rem;--lh-tight: 1.15;--lh-snug: 1.3;--lh-body: 1.55;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--r-book: 3px 5px 5px 3px;--shadow-book: 0 4px 10px rgba(58,46,36,.15), 0 1px 3px rgba(58,46,36,.1);--shadow-book-hover: 0 14px 26px rgba(58,46,36,.22), 0 3px 8px rgba(58,46,36,.14);--shadow-shelf: 0 8px 24px rgba(36,32,28,.12);--shadow-card: 0 12px 36px rgba(36,32,28,.08);--shadow-sheet: 0 -10px 40px rgba(36,32,28,.16);--shadow-hero: 0 30px 70px rgba(36,32,28,.34), 0 10px 24px rgba(36,32,28,.22);--shadow-contact: 0 6px 8px -4px rgba(58,40,24,.45);--ease-warm: cubic-bezier(.22, 1, .36, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .14s;--dur-base: .24s;--dur-fly: .52s;--maxw: 1280px;--header-h: 64px}:root[data-mood=evening]{--bg-room: #16110D;--bg-room-deep: #0D0A07;--bg-overlay: rgba(10, 7, 5, .62);--ink-room: #F2E4CD;--ink-room-soft: #C2AE92;--ink-room-faint: #897962;--header-bg: rgba(26, 19, 14, .66);--header-line: rgba(255, 238, 209, .1);--header-blur: saturate(130%) blur(14px);--nav-active-bg: rgba(255, 226, 170, .13);--nav-active-shadow: inset 0 0 0 1px rgba(255,226,170,.16);--line: rgba(255,238,209,.12);--line-strong: rgba(255,238,209,.2);--glow-warm: #FFC766;--glow-soft: #FFE0A0}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur-base: 0ms;--dur-fly: 0ms}}.app-shell{position:relative;min-height:100vh;display:flex;flex-direction:column;z-index:1}.app-shell>:not(.dl-room):not(.dl-grade){position:relative;z-index:1}.app-header{position:sticky;top:0;z-index:40;background:var(--header-bg);backdrop-filter:var(--header-blur);-webkit-backdrop-filter:var(--header-blur);border-bottom:1px solid var(--header-line)}.app-header-inner{max-width:var(--maxw);margin:0 auto;min-height:var(--header-h);padding:0 var(--sp-5);display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.app-header-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit}.app-header-brand h1{margin:0;font-family:var(--font-brand);font-weight:700;font-size:1.35rem;color:var(--ink-room);letter-spacing:.3px}.brand-mark{flex-shrink:0}.app-nav{display:flex;gap:4px;margin-left:6px}.nav-link{border:none;background:transparent;cursor:pointer;padding:8px 14px;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:600;font-size:var(--fs-sm);color:var(--ink-room-soft);text-decoration:none;transition:color var(--dur-fast) ease,background var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.nav-link:hover{color:var(--ink-room)}.nav-link.active{background:var(--nav-active-bg);color:var(--ink-room);box-shadow:var(--nav-active-shadow)}.app-header-spacer{flex:1}.app-header-actions{display:flex;align-items:center;gap:var(--sp-3)}.dl-primary{cursor:pointer;white-space:nowrap;font-family:var(--font-sans);font-weight:700;font-size:var(--fs-sm);letter-spacing:.3px;padding:8px 16px;border-radius:7px;color:#3a2a14;background:linear-gradient(180deg,#e4c57e,#c8a656 48%,#a9842f);border:1px solid rgba(60,40,12,.5);box-shadow:inset 0 1px #fff6d699,inset 0 -2px 3px #50341073,0 2px 5px #00000073;text-shadow:0 1px 0 rgba(255,244,206,.5);transition:filter var(--dur-fast) ease,transform var(--dur-fast) ease}.dl-primary:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.dl-primary:disabled{opacity:.6;cursor:not-allowed}.header-profile{display:flex;align-items:center;gap:9px;border:none;cursor:pointer;background:transparent;padding:4px 6px 4px 4px;border-radius:var(--r-pill);color:var(--ink-room-soft);font-family:var(--font-sans);font-size:var(--fs-sm)}.profile-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:linear-gradient(150deg,var(--accent-lime),var(--accent-lime-deep));color:#fff;display:grid;place-items:center;font-family:var(--font-sans);font-weight:700;font-size:.78rem;box-shadow:inset 0 -2px 4px #00000038,0 1px 2px #0000004d}.header-email{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-actions{position:relative}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45}.menu-backdrop--header{z-index:90}.header-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:46;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-card);padding:6px;min-width:190px;animation:dl-card-in var(--dur-fast) var(--ease-warm)}.header-menu--portal{position:fixed;z-index:91}.header-menu-divider{height:1px;background:var(--line);margin:6px 4px}.header-menu-item:disabled{opacity:.45;cursor:not-allowed}.notif-bell-wrap{position:relative}.notif-bell-btn{position:relative;display:grid;place-items:center;width:38px;height:38px;border:none;border-radius:var(--r-pill);cursor:pointer;background:transparent;color:var(--ink-room-soft);transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.notif-bell-btn:hover,.notif-bell-btn.is-open{background:#fff2de1f;color:var(--ink-room)}.notif-bell-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent-lime-deep);color:#fff;font-family:var(--font-sans);font-weight:700;font-size:.62rem;line-height:16px;text-align:center}.notif-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:35;width:min(340px,92vw);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow:hidden;animation:dl-card-in var(--dur-fast) var(--ease-warm)}.notif-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.notif-panel-title{font-family:var(--font-sans);font-weight:700;font-size:var(--fs-sm);color:var(--text-main)}.notif-mark-all{border:none;background:transparent;cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:var(--fs-xs);color:var(--accent-lime-deep)}.notif-list{max-height:360px;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:10px;width:100%;border:none;cursor:pointer;text-align:left;background:transparent;padding:12px 16px;transition:background var(--dur-fast) ease}.notif-item:hover{background:var(--bg-card-soft)}.notif-item.is-unread{background:#7e9f7014}.notif-glyph{flex-shrink:0;font-size:1.1rem}.notif-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.notif-text{font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--text-main);line-height:var(--lh-body)}.notif-time{font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--text-muted)}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-lime);flex-shrink:0;margin-top:6px}.notif-empty{margin:0;padding:28px 16px;text-align:center;font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--text-muted)}.profile-avatar--lg{width:52px;height:52px;font-size:1.2rem}.header-menu-item{display:block;width:100%;text-align:left;border:none;cursor:pointer;background:transparent;padding:10px 12px;border-radius:var(--r-sm);font-family:var(--font-sans);font-weight:600;font-size:var(--fs-sm);color:var(--text-main)}.header-menu-item:hover{background:var(--bg-card-soft)}.header-menu-item--danger{color:var(--status-dnf)}.app-nav-mobile{display:none;gap:4px;padding:0 var(--sp-4) 10px;overflow-x:auto;max-width:var(--maxw);margin:0 auto;width:100%}@media(max-width:820px){.app-nav{display:none}.app-nav-mobile{display:flex}.header-email{display:none}}.flyout-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;animation:dl-fade var(--dur-base) ease}.flyout-stage{display:flex;flex-direction:column;align-items:center;gap:22px}.flyout-cover-wrap{transform-origin:center;cursor:pointer;border:none;background:transparent;padding:0}.flyout-meta{text-align:center;max-width:420px;opacity:0;transform:translateY(10px);transition:all var(--dur-base) var(--ease-warm) .12s}.flyout-meta.is-visible{opacity:1;transform:translateY(0)}.flyout-meta h2{margin:0;font-family:var(--font-serif);font-weight:700;font-size:var(--fs-h1);color:var(--text-on-dark)}.flyout-author{margin:6px 0 14px;font-family:var(--font-serif);font-style:italic;font-size:1.15rem;color:#fbf7f0c7}.flyout-hint{margin:0;font-family:var(--font-sans);font-size:var(--fs-sm);color:#fbf7f09e}.flyout-close{position:fixed;top:var(--sp-4);right:var(--sp-4);z-index:51;color:#fbf7f0d9;background:#00000059;border-radius:var(--r-pill)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:600;font-size:var(--fs-xs)}.status-pill--sm{padding:3px 9px;font-size:.68rem}.offline-hint{margin:0;padding:10px var(--sp-5);text-align:center;font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--gold-deep);background:#fff9e6eb;border-bottom:1px solid rgba(201,154,18,.25)}.banner-error{margin:0;padding:10px var(--sp-5);text-align:center;background:var(--error-bg);color:var(--error)}.library-inline-form{max-width:var(--maxw);margin:0 auto var(--sp-4);padding:0 var(--sp-5)}.center-page--auth{position:relative;min-height:100vh;z-index:1}.center-page--auth .login-card{position:relative;z-index:2;background:#fffcf6f5;border-color:var(--line);box-shadow:var(--shadow-card)}.app-page-wrap{position:relative;z-index:1}@keyframes dl-fade{0%{opacity:0}to{opacity:1}}@keyframes dl-card-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}@keyframes dl-sheet-up{0%{transform:translateY(100%)}to{transform:none}}@media(prefers-reduced-motion:reduce){.flyout-cover-wrap{transition:none!important}}.dl-ghost{border:1.5px solid var(--line-strong);cursor:pointer;white-space:nowrap;background:var(--bg-card);color:var(--text-muted);font-family:var(--font-sans);font-weight:600;font-size:var(--fs-sm);padding:9px 15px;border-radius:var(--r-pill);transition:all var(--dur-fast) ease}.dl-ghost:hover:not(:disabled){color:var(--text-main);border-color:var(--text-faint);background:var(--bg-card-soft)}.dl-ghost:disabled{opacity:.45;cursor:not-allowed}.dl-close{border:none;background:var(--bg-card-soft);cursor:pointer;width:34px;height:34px;border-radius:999px;flex-shrink:0;color:var(--text-muted);font-size:14px;transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.dl-close:hover{background:var(--line);color:var(--text-main)}.dl-segmented{display:flex;gap:4px;padding:4px;background:var(--bg-card-soft);border:1px solid var(--line);border-radius:var(--r-pill)}.dl-segmented-btn{flex:1;border:none;cursor:pointer;padding:8px 6px;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:600;font-size:var(--fs-sm);color:var(--text-muted);background:transparent;transition:all var(--dur-fast) ease}.dl-segmented-btn.is-active{color:var(--text-main);background:var(--bg-card);box-shadow:var(--shadow-book)}.dl-stat-chip{flex:1 1 0;min-width:0;background:var(--bg-card-soft);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px}.dl-stat-chip-value{font-family:var(--font-serif);font-weight:700;font-size:1.3rem;color:var(--text-main);line-height:1}.dl-stat-chip-label{font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--text-muted);margin-top:5px;letter-spacing:.2px}.dl-detail-stats{display:flex;gap:8px;padding:0 28px 16px}.dl-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:radial-gradient(58% 48% at 50% 40%,#ffb45c2b,#ffb05600 62%),var(--bg-overlay);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:dl-fade var(--dur-base) ease;padding:16px}.dl-detailcard{position:relative;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(130% 55% at 50% 0%,#ffeeca8c,#ffeeca00 58%),linear-gradient(180deg,#fbf5e9,#f5eddb);box-shadow:0 34px 80px #00000085,0 10px 28px #00000057,inset 0 1px #ffffffd9,inset 0 0 0 1px #785a321a;animation:dl-card-in var(--dur-base) var(--ease-warm)}.dl-detailcard.is-modal{width:min(680px,94vw);max-height:90vh;border-radius:var(--r-xl)}.dl-detailcard.is-sheet{position:fixed;left:0;right:0;bottom:0;max-height:92vh;border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:0 -16px 50px #00000080,inset 0 1px #ffffffb3;animation:dl-sheet-up var(--dur-base) var(--ease-warm);padding-bottom:env(safe-area-inset-bottom)}.dl-sheet-handle{width:40px;height:4px;border-radius:999px;background:var(--line-strong);margin:10px auto 0;flex-shrink:0}.dl-detail-header{display:flex;gap:16px;padding:24px 28px 18px;align-items:flex-start}.dl-detail-cover-wrap{position:relative;flex-shrink:0}.dl-detail-cover-wrap .book-cover--md{width:92px;height:auto;aspect-ratio:2 / 2.84;object-fit:cover;border-radius:var(--r-book);box-shadow:var(--shadow-book)}.dl-detail-cover-shadow{position:absolute;left:5%;right:5%;bottom:-7px;height:11px;background:radial-gradient(50% 100% at 50% 0%,#3a28144d,#0000 76%);filter:blur(1.5px);pointer-events:none}.dl-detail-meta{flex:1;min-width:0;padding-top:4px}.dl-detail-meta h2{margin:0;font-family:var(--font-serif);font-weight:700;font-size:var(--fs-h2);line-height:var(--lh-tight);color:var(--text-main)}.dl-detail-meta p{margin:4px 0 10px;font-family:var(--font-serif);font-style:italic;font-size:var(--fs-body);color:var(--text-muted)}.dl-detail-tabs-wrap{padding:0 28px}.dl-detail-body{overflow-y:auto;padding:20px 28px 8px;flex:1;min-height:0}.dl-detail-footer{padding:16px 28px 22px;border-top:1px solid var(--line);display:flex;gap:12px}.dl-detail-footer .dl-primary{flex:1}.dl-field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.dl-field-label{font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--text-faint)}.dl-choice-row{display:flex;gap:8px;flex-wrap:wrap}.dl-choice{padding:8px 14px;border-radius:var(--r-md);cursor:pointer;font-family:var(--font-sans);font-weight:500;font-size:var(--fs-sm);border:1.5px solid var(--line-strong);background:var(--bg-card);color:var(--text-muted);transition:all var(--dur-fast) ease}.dl-choice.is-active{border-color:var(--accent-lime);background:var(--accent-lime-light);color:var(--accent-lime-deep)}.dl-toggle-row{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:8px}.dl-toggle-track{width:46px;height:28px;border-radius:999px;padding:3px;background:var(--line-strong);transition:background var(--dur-fast) ease;flex-shrink:0}.dl-toggle-track.is-on{background:var(--accent-lime)}.dl-toggle-thumb{width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #0003;transition:transform var(--dur-fast) var(--ease-warm)}.dl-toggle-track.is-on .dl-toggle-thumb{transform:translate(18px)}.dl-form-row{display:flex;gap:12px;flex-wrap:wrap}.dl-form-row>label{flex:1;min-width:140px}.dl-session-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.dl-session-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-card-soft);border:1px solid var(--line);border-radius:var(--r-md)}.dl-session-date{font-family:var(--font-serif);font-weight:700;font-size:var(--fs-body);color:var(--text-main);width:72px;flex-shrink:0}@media(max-width:720px){.dl-modal-backdrop{align-items:flex-end;padding:0}.dl-detail-header{padding:16px 18px 14px}.dl-detail-cover-wrap .book-cover--md{width:72px}.dl-detail-stats{padding:0 18px 14px}.dl-detail-tabs-wrap{padding:0 18px}.dl-detail-body{padding:16px 18px 8px}.dl-detail-footer{padding:12px 18px 16px}}.auth-onboard-wrap{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px}.auth-onboard-card{width:min(460px,96vw);background:radial-gradient(130% 55% at 50% 0%,#ffeeca80,#ffeeca00 58%),linear-gradient(180deg,#fbf5e9,#f5eddb);border-radius:var(--r-xl);box-shadow:0 40px 90px #0000008c,inset 0 1px #ffffffd9;padding:40px 38px;animation:dl-card-in var(--dur-base) var(--ease-warm)}.auth-onboard-brand{display:flex;align-items:center;gap:11px;justify-content:center;margin-bottom:22px}.auth-onboard-brand span{font-family:var(--font-brand);font-weight:700;font-size:1.6rem;color:var(--text-main);letter-spacing:.3px}.auth-onboard-title{margin:0 0 8px;font-family:var(--font-serif);font-weight:700;font-size:clamp(1.5rem,4vw,2rem);color:var(--text-main);text-align:center;line-height:1.15}.auth-onboard-sub{margin:0 0 26px;font-family:var(--font-sans);font-size:var(--fs-body);color:var(--text-muted);text-align:center;line-height:var(--lh-body)}.auth-onboard-field{width:100%;box-sizing:border-box;padding:13px 16px;border:1.5px solid var(--line-strong);border-radius:var(--r-md);background:var(--bg-card);font-family:var(--font-sans);font-size:var(--fs-body);color:var(--text-main);outline:none}.auth-onboard-field:focus{border-color:var(--accent-lime)}.auth-onboard-actions{display:flex;flex-direction:column;gap:12px}.auth-onboard-foot{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);text-align:center;font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--text-faint)}.auth-sent-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--accent-lime-light);display:grid;place-items:center;font-size:1.7rem;color:var(--accent-lime-deep);box-shadow:inset 0 0 0 1px #5e7e5433}.auth-link-btn{border:none;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--text-muted);margin-top:2px}.auth-reassure{display:flex;align-items:center;gap:7px;justify-content:center;font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--text-faint)}.auth-reassure span:first-child{color:var(--accent-lime-deep)}@media(max-width:760px){.auth-onboard-card{padding:28px 22px}}.dashboard-page .dashboard-card,.buddy-reads-page .dashboard-card{background:var(--bg-card);border:1px solid rgba(120,90,50,.12);border-radius:var(--r-lg);box-shadow:0 18px 44px #0006,0 4px 12px #00000042,inset 0 1px #ffffffb3}.dashboard-page .dashboard-toolbar h2,.buddy-reads-page .dashboard-toolbar h2{margin:0;font-family:var(--font-serif);font-weight:700;font-size:clamp(1.9rem,4.4vw,2.4rem);color:var(--ink-room);text-shadow:0 2px 20px rgba(0,0,0,.6)}.dashboard-challenge-card{background:linear-gradient(135deg,#fffcf2,#fff4d6)!important;border-color:#efdfa8!important}.dl-detail-reading-actions{display:flex;gap:10px;padding:0 28px 16px}.dl-detail-read-primary{flex:1;padding:12px 16px!important}@media(max-width:720px){.dl-detail-reading-actions{padding:0 18px 14px}}.dl-note-badge{display:inline-block;padding:2px 9px;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:600;font-size:var(--fs-xs);border:1px solid transparent}.notes-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.notes-filters{display:flex;gap:6px;flex-wrap:wrap}.notes-filter-count{opacity:.6;margin-left:6px}.notes-search{flex:0 1 240px;margin-left:auto;background:var(--bg-card);border:1px solid var(--line-strong)}.notes-search input{color:var(--text-main)}.notes-empty{text-align:center;padding:40px 24px;font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--text-muted)}.notes-masonry-item{break-inside:avoid;margin-bottom:16px}.notes-card{display:block;width:100%;text-align:left;padding:18px;border:none}.notes-card-badges{display:flex;gap:6px;margin-bottom:10px}.notes-card-body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-main)}.notes-card-body.is-quote{font-family:var(--font-serif);font-style:italic}.notes-card-foot{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.notes-card-book{min-width:0}.notes-card-title{font-family:var(--font-serif);font-weight:700;font-size:var(--fs-sm);color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-card-author{font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--text-muted)}.dl-settings-head{display:flex;gap:14px;align-items:center;padding:24px 28px 16px}.dl-settings-head-text h2{margin:0;font-family:var(--font-serif);font-weight:700;font-size:var(--fs-h2);color:var(--text-main)}.dl-settings-head-text p{margin:4px 0 0;font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--text-muted)}.dl-settings-body{overflow-y:auto;padding:0 28px 8px;display:flex;flex-direction:column;gap:16px;flex:1}.dl-field-row{display:flex;gap:12px}.dl-field-row .dl-field{flex:1}.dl-field-input{width:100%;box-sizing:border-box;border:1.5px solid var(--line-strong);border-radius:var(--r-md);padding:10px 12px;font-family:var(--font-sans);font-size:var(--fs-body);color:var(--text-main);background:var(--bg-card);outline:none}.dl-field-input:focus{border-color:var(--accent-lime)}.dl-range{width:100%;accent-color:var(--accent-lime)}.dl-settings-divider{border:none;height:1px;background:var(--line);margin:0}.dl-toggle{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.dl-toggle input{margin-top:4px;accent-color:var(--accent-lime)}.dl-toggle-text{display:flex;flex-direction:column;gap:2px}.dl-toggle-label{font-family:var(--font-sans);font-weight:600;font-size:var(--fs-body);color:var(--text-main)}.dl-toggle-hint{font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--text-muted)}.dl-settings-foot{padding:16px 28px 22px;border-top:1px solid var(--line);display:flex;gap:12px}.dl-settings-foot .dl-primary{flex:1}.dl-detailcard.is-narrow{width:min(420px,94vw)}@media(max-width:720px){.dl-settings-head,.dl-settings-body,.dl-settings-foot{padding-left:18px;padding-right:18px}.dl-field-row{flex-direction:column}}.reader-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:linear-gradient(180deg,#f7eede,#f1e6cf);display:flex;flex-direction:column;animation:dl-fade var(--dur-base) ease}.reader-top{display:flex;align-items:center;gap:12px;padding:18px 26px;border-bottom:1px solid rgba(120,90,50,.16)}.reader-top-center{flex:1;min-width:0;text-align:center}.reader-title{font-family:var(--font-serif);font-weight:700;font-size:var(--fs-body);color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-author{font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--text-muted)}.reader-font-btns{display:flex;gap:4px;flex-shrink:0}.reader-page{flex:1;overflow-y:auto;display:flex;justify-content:center}.reader-page-inner{max-width:640px;width:100%;padding:52px 40px 80px}.reader-chapter{font-family:var(--font-sans);font-size:var(--fs-xs);letter-spacing:1px;text-transform:uppercase;color:var(--text-faint);margin-bottom:22px}.reader-prose{font-family:var(--font-serif);line-height:1.75;color:#33271a;margin:0 0 1.1em;text-indent:1.4em;text-wrap:pretty}.reader-tap{position:absolute;top:64px;bottom:64px;width:22%;border:none;background:transparent;cursor:pointer;padding:0}.reader-tap--left{left:0;cursor:w-resize}.reader-tap--right{right:0;cursor:e-resize}.reader-foot{padding:16px 26px;border-top:1px solid rgba(120,90,50,.16);display:flex;align-items:center;gap:16px}.reader-progress-wrap{flex:1}.reader-progress-track{height:6px;border-radius:999px;background:#785a322e;overflow:hidden}.reader-progress-fill{height:100%;border-radius:999px;background:var(--accent-lime);transition:width var(--dur-fast) ease}.reader-progress-labels{display:flex;justify-content:space-between;margin-top:6px;font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--text-muted)}.session-timer{text-align:center}.session-kicker{margin:0;font-family:var(--font-sans);font-size:var(--fs-xs);letter-spacing:1px;text-transform:uppercase;color:var(--text-faint)}.session-book-title{margin:8px 0 20px;font-family:var(--font-serif);font-weight:700;font-size:var(--fs-h2);color:var(--text-main)}.session-clock{font-family:var(--font-serif);font-weight:700;font-size:clamp(2.8rem,8vw,3.6rem);color:var(--text-main);letter-spacing:2px;margin-bottom:12px}.session-pause{margin-bottom:24px}.session-fields{display:flex;gap:12px;text-align:left;margin-bottom:8px}.session-note-field{flex:1.4}.session-foot{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--line)}.session-foot .dl-primary{flex:1}@media(max-width:720px){.reader-top{padding:14px 16px}.reader-page-inner{padding:28px 22px 60px}.reader-foot{padding:12px 16px calc(14px + env(safe-area-inset-bottom))}.session-fields{flex-direction:column}}.gr-import{width:min(560px,94vw);max-height:90vh;display:flex;flex-direction:column}.gr-import-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:24px 28px 12px}.gr-import-kicker{margin:0;font-family:var(--font-sans);font-size:var(--fs-xs);letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint)}.gr-import-head h2{margin:4px 0 0;font-family:var(--font-serif);font-weight:700;font-size:var(--fs-h2);color:var(--text-main)}.gr-import-body{overflow-y:auto;padding:0 28px 12px;flex:1}.gr-import-steps{margin:0 0 20px;padding-left:1.2rem;font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--text-muted);line-height:var(--lh-body)}.gr-import-steps li+li{margin-top:8px}.gr-import-steps code{font-size:.92em;color:var(--text-main)}.gr-import-file-input{display:none}.gr-import-pick-btn{width:100%;padding:12px 16px!important}.gr-import-summary{margin:0 0 16px;font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--text-muted);line-height:var(--lh-body)}.gr-import-preview-list{background:var(--bg-card-soft);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px}.gr-import-preview-item{display:flex;flex-direction:column;gap:2px;padding:8px 4px;border-bottom:1px solid var(--line)}.gr-import-preview-item:last-child{border-bottom:none}.gr-import-preview-title{font-family:var(--font-serif);font-weight:700;font-size:var(--fs-sm);color:var(--text-main)}.gr-import-preview-meta{font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--text-muted)}.gr-import-more{margin:8px 4px 0;font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--text-faint)}.gr-import-progress{text-align:center;padding:12px 0 8px;font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--text-main)}.gr-import-current{margin:8px 0 16px;font-family:var(--font-serif);font-style:italic;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gr-import-bar-track{height:8px;border-radius:999px;background:#785a3229;overflow:hidden}.gr-import-bar-fill{height:100%;border-radius:999px;background:var(--accent-lime);transition:width var(--dur-fast) ease}.gr-import-result-main{margin:0 0 12px;font-family:var(--font-sans);font-size:var(--fs-body);color:var(--text-main);line-height:var(--lh-body)}.gr-import-errors{margin:0 0 12px;padding-left:1.1rem;font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--status-dnf)}.gr-import-hint{margin:0;font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--text-muted)}.gr-import-foot{display:flex;gap:12px;padding:16px 28px 22px;border-top:1px solid var(--line)}.gr-import-foot .dl-primary{flex:1}@media(max-width:720px){.gr-import-head,.gr-import-body,.gr-import-foot{padding-left:18px;padding-right:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-sans);line-height:1.5;color:var(--text);background:var(--bg-wall)}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell--room{background:var(--lamp-spot),var(--bg-room)}a{color:var(--accent)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;border-radius:8px;padding:.55rem 1rem;background:var(--accent);color:#fff}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-warm)}.btn-small{padding:.35rem .65rem;font-size:.875rem}.btn-icon{background:transparent;color:var(--text-muted);font-size:1.5rem;line-height:1;padding:.25rem .5rem}input,select{width:100%;padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface)}label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--text-muted)}.center-page{flex:1;display:grid;place-items:center;padding:var(--space-lg);color:var(--text-muted)}.center-page--auth{min-height:100vh;background:var(--lamp-spot),var(--bg-room)}.login-card{width:min(100%,400px);background:var(--surface);color:var(--text);border:1px solid var(--border-soft);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow)}.login-card h1{margin:0;font-family:var(--font-display);font-weight:700;color:var(--wood)}.login-tagline{margin:.35rem 0 1.5rem;color:var(--text-muted)}.login-google-btn{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);font-weight:500}.login-google-btn:hover:not(:disabled){background:var(--bg-warm)}.login-google-icon{width:1.15rem;height:1.15rem;flex-shrink:0}.login-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:var(--text-muted);font-size:.85rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-soft)}.login-retry-link{display:inline-block;margin-top:.75rem;font-weight:500}.login-form{display:flex;flex-direction:column;gap:.75rem}.form-hint{color:var(--text-muted);font-size:.9rem}.form-error{color:var(--error);font-size:.9rem}.banner-error{margin:0;padding:.75rem 1rem;background:var(--error-bg);color:var(--error)}.library-layout{flex:1;display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:0;min-height:0}@media(max-width:720px){.library-layout{grid-template-columns:1fr}}.shelves-panel,.books-panel{padding:1rem 1.25rem}.shelves-panel{background:var(--bg-warm);border-right:1px solid var(--border)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem}.panel-head h2{margin:0;font-size:1.1rem}.shelf-meta{margin:.2rem 0 0;font-size:.85rem;color:var(--text-muted)}.shelf-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.shelf-list li{display:flex;align-items:stretch;gap:.25rem}.shelf-btn{flex:1;display:flex;justify-content:space-between;align-items:center;background:var(--surface);color:var(--text);border:1px solid transparent;text-align:left}.shelf-btn.active{border-color:var(--accent);background:#fff}.shelf-delete{background:transparent;color:var(--text-muted);padding:0 .5rem;font-size:1.1rem}.inline-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}.inline-form h3{margin:0;font-size:1rem}.form-actions{display:flex;gap:.5rem;justify-content:flex-end}.empty-hint{color:var(--text-muted);font-size:.95rem}.book-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.book-card{width:100%;padding:0;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);color:inherit}.book-card:hover{border-color:var(--accent)}.book-cover{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover;background:var(--bg-warm)}.book-cover--md{width:72px;height:108px;flex-shrink:0;border-radius:4px}.book-cover--sm{width:48px;height:72px;flex-shrink:0}.book-cover--lg{width:120px;height:180px;flex-shrink:0;border-radius:6px}.book-card-body{padding:.65rem .75rem .85rem}.book-card-body h3{margin:0 0 .25rem;font-size:.95rem;line-height:1.25}.book-card-body p{margin:0 0 .5rem;font-size:.8rem;color:var(--text-muted)}.status-pill{display:inline-block;font-size:.72rem;padding:.2rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-hover);font-weight:500}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d2f2466;display:grid;place-items:center;padding:1rem;z-index:100}@media(max-width:640px){.modal-backdrop--sheet{place-items:end;padding:0}.modal--bottom-sheet{width:100%;max-width:100%;max-height:92vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:sheet-up .28s ease}}@keyframes sheet-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal{width:min(100%,520px);max-height:90vh;overflow:auto;background:var(--surface);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.75rem;border:1px solid var(--border-soft)}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.15rem}.tabs{display:flex;gap:.35rem}.tab{background:var(--bg-warm);color:var(--text)}.tab.active{background:var(--accent);color:#fff}.search-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;max-height:280px;overflow:auto}.search-hit{width:100%;display:flex;gap:.75rem;align-items:center;text-align:left;background:var(--bg-warm);color:var(--text);padding:.5rem}.search-hit strong{display:block}.search-hit small{color:var(--text-muted)}.manual-form{display:flex;flex-direction:column;gap:.75rem}.modal--detail{width:min(100%,640px)}.book-detail-hero{display:flex;gap:1rem;align-items:flex-start}.book-detail-meta h3{margin:0 0 .35rem;font-family:Georgia,serif;font-size:1.2rem;line-height:1.3}.book-detail-meta p{margin:0;color:var(--text-muted);font-size:.9rem}.book-detail-year{margin-top:.35rem!important;font-size:.85rem!important}.stats-row{display:flex;flex-wrap:wrap;gap:.5rem}.stat-chip{flex:1;min-width:72px;background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:.5rem .65rem;text-align:center}.stat-label{display:block;font-size:.72rem;color:var(--text-muted);margin-bottom:.15rem}.stat-chip strong{font-size:1rem}.book-detail-form{display:flex;flex-direction:column;gap:.75rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.checkbox-label{flex-direction:row!important;align-items:center;gap:.5rem!important;color:var(--text)!important;font-size:.9rem!important}.checkbox-label input{width:auto}.sessions-section h3{margin:0;font-size:1rem}.session-form{margin-bottom:.5rem}.session-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.session-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.65rem .75rem;background:var(--bg-warm);border-radius:8px}.session-item strong{display:block;font-size:.9rem}.session-item span{font-size:.85rem;color:var(--text-muted)}.session-note{margin:.25rem 0 0;font-size:.85rem;color:var(--text)}.book-detail-dates{margin:0;text-align:center}.reviews-section{display:flex;flex-direction:column;gap:.75rem}.reviews-public-note{margin:0}.review-form textarea{width:100%;padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);resize:vertical;min-height:96px;font:inherit}.reviews-others-title{margin:.5rem 0 0;font-size:.95rem;color:var(--text-muted)}.review-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.review-card{background:var(--bg-warm);border-radius:var(--radius);padding:.85rem 1rem}.review-card--own{border:1px solid var(--accent);background:#fffef9}.review-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem}.review-rating{color:var(--accent);font-weight:600;white-space:nowrap}.review-body{margin:0;white-space:pre-wrap;line-height:1.5}.review-date{display:block;margin-top:.5rem;font-size:.8rem;color:var(--text-muted)}.review-spoiler{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.btn-danger{background:transparent;color:var(--error);border:1px solid var(--error)}.btn-danger:hover:not(:disabled){background:#fdeaea}.notes-section{display:flex;flex-direction:column;gap:.75rem}.note-form textarea{width:100%;padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);resize:vertical;min-height:96px;font:inherit}.note-form h4{margin:0;font-size:.95rem}.note-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.note-card{background:var(--bg-warm);border-radius:var(--radius);padding:.85rem 1rem}.note-card--other{background:#fffef9;border:1px solid var(--border)}.note-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem}.note-badges{display:flex;flex-wrap:wrap;gap:.35rem}.status-pill--public{background:#ecfccb;color:#4d5c1f}.note-meta{margin:0 0 .35rem;font-size:.8rem;color:var(--text-muted)}.dashboard-page{flex:1;padding:1rem 1.25rem 2rem;max-width:1100px;width:100%;margin:0 auto}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.dashboard-toolbar h2{margin:0;font-family:var(--font-serif);color:var(--wood-deep)}.year-select{flex-direction:row!important;align-items:center;gap:.5rem!important}.year-select select{width:auto;min-width:100px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}.dashboard-card{background:var(--surface);color:var(--text);border:1px solid var(--border-soft);border-radius:var(--radius);padding:1rem 1.15rem;box-shadow:var(--shadow-soft)}.dashboard-card--wide{grid-column:1 / -1}.dashboard-card h3{margin:0 0 .85rem;font-size:1rem}.dashboard-summary,.challenge-card{margin-top:.5rem}.challenge-form{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:.85rem}.challenge-form label{flex:1;min-width:140px}.challenge-progress-bar{height:12px;background:var(--bg-warm);border-radius:999px;overflow:hidden;margin-bottom:.35rem}.challenge-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-soft),var(--accent));border-radius:999px;transition:width .3s ease}.challenge-progress-text{margin:0;color:var(--text-muted);font-size:.9rem}.bar-chart{display:flex;align-items:flex-end;gap:.35rem;height:160px;padding-top:.5rem}.bar-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:0}.bar-chart-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar-chart-bar{width:100%;max-width:28px;min-height:4px;background:var(--accent);border-radius:4px 4px 0 0;transition:height .3s ease}.bar-chart-label{font-size:.68rem;color:var(--text-muted)}.breakdown-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.breakdown-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.88rem;margin-bottom:.2rem}.breakdown-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breakdown-value{color:var(--text-muted);flex-shrink:0}.breakdown-track{height:8px;background:var(--bg-warm);border-radius:999px;overflow:hidden}.breakdown-fill{height:100%;background:#c4a882;border-radius:999px}.buddy-reads-page,.buddy-read-detail{flex:1;padding:1rem 1.25rem 2rem;max-width:960px;width:100%;margin:0 auto}.toolbar-actions{display:flex;gap:.5rem}.join-form{display:flex;gap:.5rem;flex-wrap:wrap}.join-form input{flex:1;min-width:200px}.buddy-read-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.buddy-read-card{display:flex;gap:.85rem;align-items:center;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;box-shadow:var(--shadow)}.buddy-read-card:hover{border-color:var(--accent)}.buddy-read-card strong{display:block;margin-bottom:.2rem}.buddy-read-card p{margin:0 0 .35rem;font-size:.85rem;color:var(--text-muted)}.breadcrumb{margin:0 0 1rem;font-size:.9rem}.breadcrumb a{color:var(--text-muted)}.buddy-read-hero{display:flex;flex-direction:column;gap:1rem}.invite-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.invite-code{flex:1;min-width:0;padding:.45rem .65rem;background:var(--bg-warm);border-radius:8px;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-progress-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.member-progress-item{padding:.65rem .75rem;background:var(--bg-warm);border-radius:8px}.member-progress-item p{margin:.25rem 0 0;font-size:.88rem;color:var(--text-muted)}.buddy-read-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}@media(max-width:800px){.buddy-read-columns{grid-template-columns:1fr}}.chat-list{list-style:none;margin:0 0 .75rem;padding:0;max-height:280px;overflow:auto;display:flex;flex-direction:column;gap:.5rem}.chat-item{padding:.55rem .7rem;background:var(--bg-warm);border-radius:8px}.chat-item--own{background:#ecfccb}.chat-item p{margin:.2rem 0;white-space:pre-wrap}.chat-item time{font-size:.75rem;color:var(--text-muted)}.chat-form{display:flex;gap:.5rem}.chat-form input{flex:1}.offline-banner{padding:.55rem 1rem;font-size:.88rem;text-align:center}.offline-banner--offline{background:#fff3cd;color:#6b5a1e}.offline-banner--sync{background:#ecfccb;color:#4d5c1f}.offline-hint{margin:0;padding:.5rem 1rem;background:var(--offline-bg);color:var(--offline-text);font-size:.88rem;text-align:center;border-bottom:1px solid rgba(201,162,39,.2)}.modal--sheet{width:min(100%,560px);max-height:92vh;padding:0;overflow:hidden;color:var(--text);border:1px solid var(--border-soft)}@media(max-width:640px){.modal-backdrop:has(.modal--sheet){place-items:end;padding:0}.modal--sheet{width:100%;max-width:100%;max-height:94vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:sheet-up .28s ease}}.modal--sheet .modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem 1rem .75rem;border-bottom:1px solid var(--border-soft)}.book-detail-hero--compact{flex:1;min-width:0}.book-detail-hero--compact .book-cover--md{width:56px;height:84px;flex-shrink:0;border-radius:4px}.book-detail-meta h2{margin:0 0 .2rem;font-family:var(--font-serif);font-size:1.05rem;line-height:1.25}.stats-row--compact{padding:.65rem 1rem;border-bottom:1px solid var(--border-soft)}.detail-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-soft);overflow-x:auto;-webkit-overflow-scrolling:touch}.detail-tab{flex:1;min-width:0;padding:.65rem .5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.85rem;cursor:pointer;white-space:nowrap}.detail-tab:hover{color:var(--text);background:var(--surface-muted)}.detail-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.modal--sheet .book-detail-form,.modal--sheet .reviews-section--embedded,.modal--sheet .notes-section--embedded,.modal--sheet .sessions-section--embedded{padding:1rem;overflow-y:auto;max-height:min(50vh,420px)}.embedded-actions{display:flex;justify-content:flex-end;margin-bottom:.75rem}.reviews-section--embedded h3,.notes-section--embedded h3,.sessions-section--embedded h3{display:none}.modal--sheet .form-error{padding:0 1rem 1rem}.page-main{flex:1;padding:1.25rem 1rem 2rem;max-width:960px;margin:0 auto;width:100%;box-sizing:border-box}.page-main h2{margin:0 0 .35rem;font-family:var(--font-serif);font-size:1.4rem;color:var(--wood-deep)}.page-sub{margin:0 0 1.25rem;color:var(--text-muted);font-size:.9rem}