:root{--void:#020306;--night:#070914;--night2:#0b0b16;--yellow:#f3e62f;--pink:#ff3f9f;--cyan:#42e4ea;--green:#4df58d;--wood0:#0d0605;--wood1:#21100b;--wood2:#3a1c12;--wood3:#60331e;--wood4:#8c5430;--text:#e2ded3;--muted:#85818e;--left-ratio:22.22%}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--void);color:var(--text)}body{font-family:SFMono-Regular,JetBrains Mono,Menlo,Consolas,monospace;min-width:1280px}body:before{content:"";position:fixed;inset:0;z-index:500;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.014) 0,rgba(255,255,255,.014) 1px,transparent 1px,transparent 4px);mix-blend-mode:screen;opacity:.72}body:after{content:"";position:fixed;inset:-4%;z-index:499;pointer-events:none;box-shadow:inset 0 0 170px #000000e0}.topbar{position:fixed;left:0;right:0;top:0;height:48px;z-index:120;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#010205f0;border-bottom:1px solid rgba(66,228,234,.1)}.brand{font-size:12px;letter-spacing:.14em;color:var(--yellow);text-shadow:0 0 5px rgba(243,230,47,.78),0 0 14px rgba(243,230,47,.18)}.status{font-size:9px;letter-spacing:.15em;color:var(--green);text-shadow:0 0 5px rgba(77,245,141,.55)}.center-meta{position:absolute;left:50%;transform:translate(-50%);font-size:8px;letter-spacing:.19em;color:#777b96;white-space:nowrap}.archive-stage{position:fixed;inset:48px 0 0;background:radial-gradient(circle at 50% 10%,rgba(112,30,124,.1),transparent 29%),linear-gradient(180deg,#080a12,#020307 78%);padding:12px 18px 16px}.wall{position:relative;width:100%;height:100%;border:7px solid #241109;border-top:11px solid #4a2817;background:linear-gradient(180deg,#130806,#080403 60%,#060302);box-shadow:inset 0 0 70px #000000bf,0 15px 40px #000000b3;overflow:hidden}.wall:before,.wall:after{content:"";position:absolute;top:0;bottom:0;width:9px;z-index:20;background:linear-gradient(90deg,#0a0403,#61331d 45%,#22100b)}.wall:before{left:0}.wall:after{right:0;transform:scaleX(-1)}.home-nook{position:absolute;left:14px;top:28px;bottom:14px;width:calc(var(--left-ratio) - 6px);z-index:5;border:1px solid rgba(66,228,234,.06);background:radial-gradient(circle at 20% 18%,rgba(95,110,255,.08),transparent 35%),linear-gradient(180deg,#0b1127,#080c1d 48%,#050811);box-shadow:inset 0 0 38px #00000052,inset -24px 0 50px #0000001f}.home-nook:after{content:"";position:absolute;right:-10px;top:0;bottom:0;width:10px;background:linear-gradient(90deg,#140806,#3a1c12 55%,#130907);box-shadow:2px 0 #1a0c08,6px 0 12px #00000080}.nook-copy{position:absolute;left:14px;right:16px;top:36px;z-index:4}.nook-copy .eyebrow{font-size:9px;letter-spacing:.18em;color:var(--cyan);text-shadow:0 0 4px rgba(66,228,234,.4)}.nook-title{margin-top:10px;font-family:Georgia,Times New Roman,serif;font-size:40px;line-height:.86;font-weight:700;letter-spacing:-.035em;color:var(--yellow);text-shadow:0 0 8px rgba(243,230,47,.75),0 0 26px rgba(243,230,47,.42)}.nook-desc{margin-top:16px;max-width:88%;font-size:11px;line-height:1.8;color:#b3afba}.nook-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chip{padding:7px 10px 6px;border:1px solid currentColor;background:#040509b8;font-size:9px;letter-spacing:.12em;box-shadow:0 0 10px color-mix(in srgb,currentColor,transparent 85%),inset 0 0 10px color-mix(in srgb,currentColor,transparent 92%)}.chip.yellow{color:var(--yellow)}.chip.pink{color:var(--pink)}.chip.cyan{color:var(--cyan)}.nook-lamp{position:absolute;left:22px;bottom:52px;width:118px;height:270px;z-index:3}.nook-lamp .shade{position:absolute;top:0;left:6px;width:74px;height:43px;clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);background:linear-gradient(#927445,#4d3b22);border-bottom:2px solid rgba(255,224,119,.6);box-shadow:0 0 18px #f8c55233}.nook-lamp .stem{position:absolute;left:41px;top:40px;width:4px;height:170px;background:#4c3020}.nook-lamp .base{position:absolute;left:20px;bottom:0;width:42px;height:10px;border-radius:50%;background:#2a1811}.nook-lamp .beam{position:absolute;left:30px;top:35px;width:210px;height:196px;clip-path:polygon(0 0,12% 0,90% 100%,46% 100%);background:linear-gradient(120deg,rgba(255,220,116,.22),rgba(244,190,76,.045) 58%,transparent);filter:blur(12px);mix-blend-mode:screen}.nook-chair{position:absolute;left:68px;bottom:32px;width:230px;height:206px;z-index:4}.nook-chair .back{position:absolute;left:26px;top:0;width:170px;height:124px;border-radius:22px 22px 18px 18px;background:linear-gradient(180deg,#19456d,#102b46);border:1px solid rgba(66,228,234,.1);box-shadow:inset 10px 8px 18px #ffffff04,inset -14px -18px 28px #0000004d,0 16px 36px #00000073}.nook-chair .seat{position:absolute;left:34px;bottom:14px;width:154px;height:62px;border-radius:22px;background:linear-gradient(#173b5d,#0f2942);box-shadow:inset 0 -14px 20px #00000040}.nook-chair .arm{position:absolute;bottom:18px;width:54px;height:82px;border-radius:24px 24px 14px 14px;background:linear-gradient(#1a4063,#112b45)}.nook-chair .arm.l{left:0}.nook-chair .arm.r{right:0}.nook-chair .leg{position:absolute;bottom:0;width:9px;height:18px;background:#3c2116;border-radius:0 0 4px 4px}.nook-chair .leg.l{left:46px}.nook-chair .leg.r{right:48px}.nook-book{position:absolute;left:65px;bottom:50px;width:92px;height:36px;transform:perspective(180px) rotateX(64deg)}.nook-book .p{position:absolute;top:0;width:46px;height:34px;background:linear-gradient(#f0e4c3,#c9b88f);border:1px solid rgba(75,55,34,.3)}.nook-book .p.l{left:0;transform:skewY(-8deg)}.nook-book .p.r{right:0;transform:skewY(8deg)}.nook-copy{transition:opacity .34s ease,filter .34s ease}.nook-selected{position:absolute;left:16px;right:16px;top:42px;z-index:12;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .34s ease,transform .38s ease}.nook-selected .mode{font-size:8px;letter-spacing:.18em;color:var(--cyan);margin-bottom:10px}.nook-selected .title{font-family:Georgia,Times New Roman,serif;font-size:30px;line-height:1.05;color:#f0eadf;text-shadow:0 0 10px rgba(255,255,255,.06)}.nook-selected .author{margin-top:10px;font-size:9px;line-height:1.5;color:#aaa5ae}.nook-selected .meta{margin-top:12px;font-size:8px;letter-spacing:.1em;color:var(--yellow)}.nook-back{margin-top:15px;appearance:none;border:1px solid var(--cyan);background:#020408b8;color:var(--cyan);font-family:inherit;font-size:8px;letter-spacing:.12em;padding:7px 9px;cursor:pointer;pointer-events:auto;box-shadow:0 0 8px #42e4ea1f}.chair-reader{position:absolute;left:42px;top:18px;width:142px;height:150px;overflow:hidden;z-index:2;opacity:0;transform:translateY(12px) scale(.94);transition:opacity .35s ease .12s,transform .42s cubic-bezier(.2,.75,.2,1) .12s;pointer-events:none}.chair-reader img{position:absolute;left:6px;top:-2px;width:126px;height:auto;filter:brightness(.88) saturate(.82) drop-shadow(0 4px 6px rgba(0,0,0,.32))}.home-nook.reading .nook-copy{opacity:.08;filter:blur(1px)}.home-nook.reading .nook-selected{opacity:1;transform:translateY(0)}.home-nook.reading .chair-reader{opacity:1;transform:translateY(0) scale(.94)}.home-nook.reading .nook-book{bottom:54px;z-index:9;filter:drop-shadow(0 0 10px rgba(255,221,120,.22))}.home-nook.reading .nook-chair .seat,.home-nook.reading .nook-chair .arm{z-index:5}.home-nook.reading .nook-lamp .beam{opacity:1.18}.nook-illustration{position:absolute;left:8px;right:8px;bottom:12px;height:49%;z-index:5;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;overflow:visible}.nook-illustration img{position:relative;z-index:2;display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 15px 24px rgba(0,0,0,.34));transition:opacity .16s ease}.nook-illustration .nook-light-beam{position:absolute;left:28%;top:17%;width:38%;height:52%;z-index:3;pointer-events:none;opacity:.95;mix-blend-mode:screen;clip-path:polygon(42% 0,58% 0,97% 100%,4% 100%);background:linear-gradient(180deg,rgba(255,233,154,.28) 0%,rgba(255,216,109,.18) 28%,rgba(255,204,90,.1) 56%,rgba(255,191,78,.045) 80%,transparent 100%);filter:blur(8px)}.nook-illustration .nook-light-beam:before{content:"";position:absolute;inset:-2% 8% 6%;background:linear-gradient(180deg,rgba(255,242,186,.42) 0%,rgba(255,222,122,.24) 38%,rgba(255,205,90,.08) 72%,transparent 100%);clip-path:polygon(44% 0,56% 0,90% 100%,10% 100%);filter:blur(14px);opacity:.95}.nook-illustration .nook-light-beam:after{content:"";position:absolute;inset:2% 18% 0;background:radial-gradient(ellipse at top,rgba(255,244,202,.36),transparent 56%),linear-gradient(180deg,rgba(255,230,150,.2),transparent 78%);filter:blur(18px);opacity:.88}@media(max-width:1680px){.nook-illustration .nook-light-beam{left:27%;top:15%;width:40%;height:54%}}@media(max-width:1440px){.nook-illustration .nook-light-beam{left:26%;top:13%;width:42%;height:56%;filter:blur(7px)}}@media(min-width:1920px){.nook-illustration .nook-light-beam{left:28%;top:17%;width:38%;height:52%}}.nook-illustration .nook-book-target{position:absolute;left:42%;bottom:29%;width:78px;height:48px;opacity:0;pointer-events:none}.home-nook.reading .nook-illustration img{filter:drop-shadow(0 15px 24px rgba(0,0,0,.34))}.shelf-area{transition:filter .38s ease,opacity .38s ease}.shelf-area.reading-mode{filter:brightness(.68) saturate(.78)}.ladder.reading-mode .girl-img{opacity:0;transition:opacity .22s ease}.ladder.reading-mode .magnifier,.ladder.reading-mode .hover-card{opacity:0!important}.shelf-area{position:absolute;left:calc(var(--left-ratio) + 16px);right:12px;top:12px;bottom:12px;z-index:6;overflow:hidden}.rail{position:absolute;left:0;right:0;top:7px;height:11px;background:linear-gradient(#81502f,#2b150d 58%,#100806);border-top:1px solid #b87542;box-shadow:0 3px 8px #000000d9}.rail:before{content:"";position:absolute;left:0;right:0;top:4px;height:2px;background:#0a0706;box-shadow:0 1px #b8754240}.cubby-grid{position:absolute;inset:28px 0 8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:0 10px;z-index:3}.cubby{position:relative;min-width:0;overflow:visible;padding:16px 7px 13px;background:linear-gradient(180deg,rgba(255,255,255,.008),transparent 38%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 20%,transparent 80%,rgba(0,0,0,.18));border-left:4px solid #28130c;border-right:4px solid #130907;box-shadow:inset 10px 0 22px #00000038,inset -10px 0 20px #00000047}.cubby:nth-child(n+5){border-top:8px solid #472417;box-shadow:inset 10px 0 22px #00000038,inset -10px 0 20px #00000047,0 -4px #1a0c08,0 -6px 10px #0000008a}.cubby:after{content:"";position:absolute;left:-4px;right:-4px;bottom:0;height:9px;z-index:11;background:linear-gradient(#6a391f,#2b150e 60%,#100705);border-top:1px solid rgba(188,113,59,.3);box-shadow:0 4px #0d0504,0 -3px 8px #0000008c}.books-line{position:absolute;left:7px;right:7px;bottom:9px;height:calc(100% - 17px);display:flex;align-items:flex-end;gap:1.2px;overflow:visible;z-index:5}.book{--bc:#4f2f25;--accent:#c7a057;position:relative;flex:0 1 auto;min-width:3.5px;height:var(--bh);width:var(--bw);background:linear-gradient(90deg,rgba(255,244,217,.16),transparent 12%,transparent 84%,rgba(12,7,4,.42)),linear-gradient(180deg,#ffffff08,#0003),var(--bc);border:1px solid rgba(24,12,8,.75);border-bottom:0;box-shadow:inset 1px 0 #ffe1a921,inset -1px 0 #00000061,inset 0 0 0 1px #0000001f;filter:saturate(.94) brightness(.83);transform:rotate(var(--br));transform-origin:center bottom;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;cursor:pointer;z-index:2;overflow:hidden}.book:before{content:"";position:absolute;inset:2px;background:linear-gradient(180deg,transparent 0 7%,var(--accent) 7% 8.4%,transparent 8.4% 15%,var(--accent) 15% 16.1%,transparent 16.1% 74%,var(--accent) 74% 75.2%,transparent 75.2% 84%,var(--accent) 84% 85.1%,transparent 85.1%),linear-gradient(90deg,transparent 0 18%,rgba(242,213,148,.1) 18% 20%,transparent 20% 80%,rgba(242,213,148,.1) 80% 82%,transparent 82%);opacity:.92;pointer-events:none}.book:after{content:"";position:absolute;left:50%;top:50%;width:48%;height:10px;transform:translate(-50%,-50%);border:1px solid rgba(232,197,124,.58);box-shadow:0 -26px 0 -3px #e8c57cb8,0 26px 0 -3px #e8c57cb8,0 -26px 0 1px #3f23108c,0 26px 0 1px #3f23108c;background:radial-gradient(circle at center,var(--accent) 0 24%,transparent 27%),linear-gradient(90deg,transparent 0 18%,rgba(232,197,124,.65) 18% 82%,transparent 82%);opacity:.82;pointer-events:none}.book.v1:before{background:linear-gradient(180deg,transparent 0 9%,var(--accent) 9% 10.4%,transparent 10.4% 22%,var(--accent) 22% 23.2%,transparent 23.2% 41%,var(--accent) 41% 42.1%,transparent 42.1% 60%,var(--accent) 60% 61.2%,transparent 61.2% 79%,var(--accent) 79% 80.2%,transparent 80.2%),linear-gradient(90deg,transparent 0 11%,rgba(242,213,148,.18) 11% 13%,transparent 13% 87%,rgba(242,213,148,.18) 87% 89%,transparent 89%)}.book.v1:after{top:34%;width:54%;height:12px;box-shadow:0 28px 0 -4px #e8c57cbf,0 56px 0 -4px #e8c57c85;background:radial-gradient(circle at center,var(--accent) 0 26%,transparent 29%),linear-gradient(90deg,transparent 0 14%,rgba(232,197,124,.72) 14% 86%,transparent 86%)}.book.v2:before{background:linear-gradient(180deg,transparent 0 12%,var(--accent) 12% 13.1%,transparent 13.1% 19%,var(--accent) 19% 20%,transparent 20% 68%,var(--accent) 68% 69.2%,transparent 69.2% 76%,var(--accent) 76% 77.1%,transparent 77.1%),linear-gradient(90deg,transparent 0 28%,rgba(242,213,148,.15) 28% 30%,transparent 30% 70%,rgba(242,213,148,.15) 70% 72%,transparent 72%)}.book.v2:after{top:49%;width:42%;height:28px;border-width:1px;box-shadow:none;background:linear-gradient(180deg,#e8c57c26,#e8c57c0a),radial-gradient(circle at 50% 24%,var(--accent) 0 11%,transparent 13%),radial-gradient(circle at 50% 76%,var(--accent) 0 11%,transparent 13%)}.book.v3:before{background:linear-gradient(180deg,transparent 0 8%,var(--accent) 8% 9%,transparent 9% 15%,var(--accent) 15% 16%,transparent 16% 32%,var(--accent) 32% 33%,transparent 33% 50%,var(--accent) 50% 51%,transparent 51% 68%,var(--accent) 68% 69%,transparent 69% 85%,var(--accent) 85% 86%,transparent 86%),linear-gradient(90deg,transparent 0 17%,rgba(242,213,148,.1) 17% 19%,transparent 19% 81%,rgba(242,213,148,.1) 81% 83%,transparent 83%)}.book.v3:after{top:50%;width:60%;height:14px;box-shadow:0 -34px 0 -5px #e8c57c9e,0 34px 0 -5px #e8c57c9e}.book.v4:before{background:linear-gradient(180deg,transparent 0 10%,var(--accent) 10% 11%,transparent 11% 20%,var(--accent) 20% 21%,transparent 21% 30%,var(--accent) 30% 31%,transparent 31% 70%,var(--accent) 70% 71%,transparent 71% 80%,var(--accent) 80% 81%,transparent 81% 90%,var(--accent) 90% 91%,transparent 91%),linear-gradient(90deg,transparent 0 9%,rgba(242,213,148,.17) 9% 11%,transparent 11% 89%,rgba(242,213,148,.17) 89% 91%,transparent 91%)}.book.v4:after{top:46%;width:34%;height:34px;background:radial-gradient(circle at center,var(--accent) 0 16%,transparent 18%),linear-gradient(90deg,transparent 0 20%,rgba(232,197,124,.62) 20% 80%,transparent 80%),linear-gradient(180deg,transparent 0 20%,rgba(232,197,124,.62) 20% 80%,transparent 80%);box-shadow:0 -32px 0 -6px #e8c57c8c,0 32px 0 -6px #e8c57c8c}.book.v5:before{background:linear-gradient(180deg,transparent 0 8%,var(--accent) 8% 10%,transparent 10% 14%,var(--accent) 14% 15%,transparent 15% 62%,var(--accent) 62% 64%,transparent 64% 69%,var(--accent) 69% 70%,transparent 70% 86%,var(--accent) 86% 88%,transparent 88%),linear-gradient(90deg,transparent 0 36%,rgba(242,213,148,.14) 36% 38%,transparent 38% 62%,rgba(242,213,148,.14) 62% 64%,transparent 64%)}.book.v5:after{top:32%;width:52%;height:18px;box-shadow:0 40px 0 -5px #e8c57cad;background:linear-gradient(90deg,transparent 0 10%,rgba(232,197,124,.68) 10% 90%,transparent 90%),radial-gradient(circle at center,var(--accent) 0 18%,transparent 20%)}.book.v6:before{background:linear-gradient(180deg,transparent 0 11%,var(--accent) 11% 12%,transparent 12% 26%,var(--accent) 26% 27%,transparent 27% 41%,var(--accent) 41% 42%,transparent 42% 58%,var(--accent) 58% 59%,transparent 59% 74%,var(--accent) 74% 75%,transparent 75% 88%,var(--accent) 88% 89%,transparent 89%),linear-gradient(90deg,transparent 0 14%,rgba(242,213,148,.12) 14% 16%,transparent 16% 84%,rgba(242,213,148,.12) 84% 86%,transparent 86%)}.book.v6:after{top:50%;width:58%;height:26px;background:linear-gradient(180deg,#e8c57c24,#e8c57c08),radial-gradient(circle at 35% 50%,var(--accent) 0 10%,transparent 12%),radial-gradient(circle at 65% 50%,var(--accent) 0 10%,transparent 12%);box-shadow:none}.book.v7:before{background:linear-gradient(180deg,transparent 0 9%,var(--accent) 9% 10%,transparent 10% 17%,var(--accent) 17% 18%,transparent 18% 47%,var(--accent) 47% 48%,transparent 48% 77%,var(--accent) 77% 78%,transparent 78% 85%,var(--accent) 85% 86%,transparent 86%),linear-gradient(90deg,transparent 0 22%,rgba(242,213,148,.11) 22% 24%,transparent 24% 76%,rgba(242,213,148,.11) 76% 78%,transparent 78%)}.book.v7:after{top:50%;width:68%;height:12px;box-shadow:0 -24px 0 -4px #e8c57ca8,0 24px 0 -4px #e8c57ca8,0 0 0 1px #492a1459;background:linear-gradient(90deg,transparent 0 8%,rgba(232,197,124,.7) 8% 92%,transparent 92%),radial-gradient(circle at center,var(--accent) 0 16%,transparent 18%)}.book:hover,.book.hovered{filter:saturate(1.02) brightness(.96);transform:translateY(-3px) rotate(0) scale(1.055);box-shadow:0 0 7px #f3e62f1a,inset 1px 0 #ffe1a92e,inset -1px 0 #0006;z-index:14}.book.picked{filter:brightness(1.1);transform:translateY(-11px) scale(1.16);box-shadow:0 0 0 1px #f3e62f7a,0 0 15px #f3e62f29,inset 1px 0 #ffe1a92e,inset -1px 0 #0006;z-index:30}.category-sign{position:absolute;z-index:46;top:-16px;bottom:auto;left:50%;transform:translate(-50%);max-width:70%;padding:4px 9px 3px;border:1px solid currentColor;background:#040509d1;font-family:Arial,sans-serif;font-weight:700;font-size:9px;letter-spacing:.05em;white-space:nowrap;pointer-events:none;box-shadow:0 0 8px currentColor,inset 0 0 8px color-mix(in srgb,currentColor,transparent 86%);text-shadow:0 0 5px currentColor}.category-sign.small{font-size:8px;opacity:.86}.cat-yellow{color:var(--yellow)}.cat-pink{color:#ff65b5}.cat-cyan{color:var(--cyan)}.cat-green{color:#7cf5ac}.cat-violet{color:#b590ff}.cat-amber{color:#ffb45d}.ladder{position:absolute;z-index:58;top:14px;bottom:4px;left:18px;width:146px;transition:left .88s cubic-bezier(.17,.77,.18,1);pointer-events:none;filter:drop-shadow(8px 8px 10px rgba(0,0,0,.48))}.ladder.auto-moving{transition:left 1.05s cubic-bezier(.18,.78,.2,1)}.ladder-rail{position:absolute;top:17px;bottom:6px;width:9px;border-radius:4px;background:linear-gradient(90deg,#30170e,#85502f 42%,#3b1d12 78%,#170b08);box-shadow:inset 1px 0 #ffdaa726,2px 0 6px #00000073;pointer-events:auto;cursor:grab}.ladder-rail.left{left:20px}.ladder-rail.right{right:20px}.ladder.dragging .ladder-rail{cursor:grabbing}.rungs{position:absolute;inset:40px 26px 30px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.rung{height:6px;background:linear-gradient(#86502f,#3a1c12);border-top:1px solid rgba(255,218,167,.16);box-shadow:0 2px 3px #00000070}.wheel{position:absolute;width:18px;height:18px;border-radius:50%;border:3px solid #7c4829;background:radial-gradient(circle,#21110c 0 28%,#9b6139 30% 44%,#120906 47%);box-shadow:0 0 0 1px #130906,0 2px 5px #00000094}.wheel.t1{left:12px;top:0}.wheel.t2{right:12px;top:0}.wheel.b1{left:12px;bottom:0}.wheel.b2{right:12px;bottom:0}.girl-wrap{position:absolute;left:-10px;top:var(--girl-top,37%);width:310px;height:430px;z-index:70;transition:top .92s cubic-bezier(.18,.78,.2,1);pointer-events:none;filter:drop-shadow(0 10px 7px rgba(0,0,0,.48))}.girl-img{position:absolute;left:2px;top:8px;height:380px;width:auto;object-fit:contain;filter:brightness(.92) saturate(.9) drop-shadow(0 0 8px rgba(255,78,125,.1)) drop-shadow(0 0 10px rgba(66,228,234,.06));transform-origin:50% 100%}.magnifier,.magnifier.active{display:none!important}.magnifier .lens{position:absolute;left:0;top:0;width:128px;height:128px;border-radius:50%;border:7px solid #bb8450;background:radial-gradient(circle at 38% 34%,#ffffff29,#42e4ea0f 48%,#03090cbd 68%);box-shadow:inset 0 0 0 2px #ffffff1a,0 0 20px #42e4ea1a;overflow:hidden}.magnifier .handle{position:absolute;left:108px;top:110px;width:56px;height:10px;border-radius:4px;background:linear-gradient(#9e653a,#4f2b17);transform:rotate(45deg);transform-origin:left center;box-shadow:0 2px 5px #0000008c}.lens-books{position:absolute;left:18px;right:18px;bottom:12px;height:92px;display:flex;align-items:flex-end;gap:2px;transform:scale(1.08)}.lens-book{display:block;width:var(--lw);height:var(--lh);background:linear-gradient(90deg,rgba(255,244,217,.16),transparent 12%,transparent 84%,rgba(12,7,4,.42)),linear-gradient(180deg,transparent 0 8%,var(--lacc,#c7a057) 8% 10%,transparent 10% 18%,var(--lacc,#c7a057) 18% 19.5%,transparent 19.5% 78%,var(--lacc,#c7a057) 78% 80%,transparent 80% 90%,var(--lacc,#c7a057) 90% 92%,transparent 92%),var(--lbc);box-shadow:0 0 0 1px #3f23108c,inset 1px 0 #ffe1a92e,inset -1px 0 #00000052;filter:saturate(.96) brightness(.9)}.lens-book.target{filter:brightness(1.05) saturate(1.15);outline:2px solid rgba(243,230,47,.75)}.hover-card{position:absolute;left:246px;top:76px;width:250px;min-height:74px;padding:10px 11px 9px;background:#03050af0;border:1px solid rgba(66,228,234,.52);box-shadow:0 0 14px #42e4ea1f;opacity:0;transform:translate(-8px);transition:opacity .22s ease,transform .25s ease;pointer-events:none}.hover-card.active{opacity:1;transform:translate(0)}.hover-card .eyebrow{font-size:7px;letter-spacing:.17em;color:var(--cyan);margin-bottom:5px}.hover-card .t{font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.12;color:#f0eadf;margin-bottom:5px}.hover-card .a{font-size:8px;color:#9e9aa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hover-card .m{margin-top:6px;font-size:8px;letter-spacing:.09em;color:var(--yellow)}.hint{position:absolute;left:0;bottom:6px;font-size:7px;letter-spacing:.18em;color:#7b7e91;z-index:40}.hint b{color:#b7b1bf}.archive-count{position:absolute;right:2px;bottom:8px;font-size:7px;letter-spacing:.16em;color:var(--pink);z-index:40}.scene-dimmer{position:fixed;inset:0;z-index:200;pointer-events:none;background:#0000;transition:background .32s ease}.scene-dimmer.on{background:#0000003d}.flying-book{position:fixed!important;z-index:320!important;flex:none!important;min-width:0!important;margin:0!important;pointer-events:none!important;cursor:default!important;overflow:hidden;box-shadow:0 18px 45px #0009,inset 1px 0 #ffe1a92e,inset -1px 0 #0006;filter:saturate(.98) brightness(.98)!important;transform-origin:center center!important}.flying-book:hover{transform:none}.flying-book img{display:none!important}.girl-traveler{position:fixed;z-index:321;pointer-events:none;width:86px;height:150px;opacity:0}.girl-traveler:before{content:"";position:absolute;inset:0;background:url(/illustrations/girl-ladder-default.png) center/contain no-repeat;filter:brightness(.9) saturate(.9)}.read-scene{position:fixed;inset:48px 0 0;z-index:260;display:none;background:radial-gradient(circle at 20% 20%,rgba(66,228,234,.05),transparent 28%),linear-gradient(180deg,#070915,#020307 76%)}.read-scene.show{display:block}.read-header{position:absolute;left:5%;right:5%;top:18px;z-index:12;display:flex;align-items:center;justify-content:space-between}.read-header .mode{font-size:8px;letter-spacing:.17em;color:var(--cyan)}.back-btn{appearance:none;border:1px solid var(--yellow);background:#03040899;color:var(--yellow);font-family:inherit;font-size:8px;letter-spacing:.12em;padding:8px 11px;cursor:pointer;box-shadow:0 0 8px #f3e62f1a}.back-btn:hover{background:#f3e62f12}.read-layout{position:absolute;inset:75px 5.5% 4%;display:grid;grid-template-columns:minmax(500px,1.05fr) minmax(430px,.95fr);gap:5%;align-items:center}.read-nook{position:relative;height:100%;min-height:520px}.read-window{position:absolute;left:4%;right:13%;top:2%;height:48%;border:8px solid #1f100b;background:radial-gradient(circle at 70% 25%,#bcc9df 0 5%,transparent 6%),linear-gradient(180deg,#0a1731,#091125 48%,#040713);box-shadow:inset 0 0 45px #00000080}.read-window:after{content:"";position:absolute;left:0;right:0;bottom:0;height:53%;background:linear-gradient(90deg,transparent 0 8%,#060911 8% 14%,transparent 14% 22%,#070a12 22% 27%,transparent 27% 39%,#070a12 39% 48%,transparent 48% 57%,#060911 57% 65%,transparent 65% 76%,#060911 76% 84%,transparent 84%)}.read-lamp{position:absolute;left:5%;bottom:11%;width:160px;height:330px;z-index:8}.read-lamp .shade{position:absolute;top:0;left:18px;width:96px;height:63px;clip-path:polygon(16% 0,84% 0,100% 100%,0 100%);background:linear-gradient(#9b7c48,#534025);border-bottom:2px solid rgba(255,224,119,.6);box-shadow:0 0 22px #f8c55233}.read-lamp .stem{position:absolute;left:64px;top:58px;width:5px;height:235px;background:#4c3020}.read-lamp .base{position:absolute;left:37px;bottom:0;width:58px;height:12px;border-radius:50%;background:#2a1811}.read-lamp .beam{position:absolute;left:50px;top:48px;width:360px;height:300px;clip-path:polygon(0 0,12% 0,90% 100%,48% 100%);background:linear-gradient(120deg,rgba(255,220,116,.22),rgba(244,190,76,.045) 58%,transparent);filter:blur(15px);mix-blend-mode:screen}.read-chair{position:absolute;left:25%;bottom:8%;width:320px;height:270px;z-index:10}.read-chair .back{position:absolute;left:38px;top:0;width:240px;height:184px;border-radius:42px 42px 28px 28px;background:linear-gradient(180deg,#1b4368,#102a46);border:1px solid rgba(66,228,234,.1);box-shadow:inset 12px 10px 24px #ffffff04,inset -14px -18px 30px #0000004d,0 20px 45px #00000073}.read-chair .seat{position:absolute;left:42px;bottom:25px;width:236px;height:92px;border-radius:28px;background:linear-gradient(#173b5d,#0f2942);box-shadow:inset 0 -16px 25px #00000040}.read-chair .arm{position:absolute;bottom:34px;width:78px;height:126px;border-radius:35px 35px 20px 20px;background:linear-gradient(#1a4063,#112b45)}.read-chair .arm.l{left:0}.read-chair .arm.r{right:0}.lap-book{position:absolute;left:106px;top:112px;width:78px;height:48px;z-index:18;transform:perspective(220px) rotateX(57deg)}.lap-book .p{position:absolute;top:0;width:39px;height:47px;background:linear-gradient(#f0e4c3,#c9b88f);border:1px solid rgba(75,55,34,.3)}.lap-book .p.l{left:0;transform:skewY(-5deg)}.lap-book .p.r{right:0;transform:skewY(5deg)}.lap-book:after{content:"";position:absolute;inset:-18px -28px;border-radius:50%;background:radial-gradient(circle,rgba(255,244,204,.34),rgba(248,201,94,.12) 32%,transparent 70%);filter:blur(9px);z-index:-1}.read-copy{align-self:center;max-width:620px;padding:24px 28px 28px;border-left:1px solid rgba(66,228,234,.15);background:linear-gradient(90deg,rgba(8,10,20,.64),transparent)}.cover-meta{display:flex;gap:26px;align-items:flex-start}.real-cover{width:150px;height:220px;flex:none;background:linear-gradient(135deg,#5b313d,#11121c);border:1px solid rgba(255,245,220,.18);box-shadow:0 16px 38px #00000075;overflow:hidden}.real-cover img{width:100%;height:100%;object-fit:cover;display:block}.book-head{padding-top:2px}.book-head .label{font-size:8px;letter-spacing:.17em;color:var(--pink);margin-bottom:12px}.book-head h2{font-family:Georgia,Times New Roman,serif;font-size:36px;line-height:1.04;font-weight:500;margin:0;color:#f0eadf}.book-head .author{margin-top:12px;font-size:11px;color:#aaa5ae;line-height:1.55}.stats{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.stat{padding:7px 9px;border:1px solid rgba(255,255,255,.09);font-size:8px;letter-spacing:.08em;color:#b8b2b9;background:#02030780}.stat.rating{color:var(--yellow);border-color:#f3e62f52}.stat.cat{color:var(--cyan);border-color:#42e4ea42}.comment-block{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.comment-block .label{font-size:7px;letter-spacing:.18em;color:#72758b}.comment{margin-top:10px;max-height:190px;overflow:auto;padding-right:12px;font-family:Georgia,Songti SC,serif;font-size:15px;line-height:1.9;color:#c9c3bf}.comment::-webkit-scrollbar{width:4px}.comment::-webkit-scrollbar-thumb{background:#3d2a23}.tags{margin-top:15px;display:flex;gap:7px;flex-wrap:wrap}.tag{font-size:7px;letter-spacing:.08em;color:#8b8794;border:1px solid rgba(255,255,255,.08);padding:5px 7px}@media(max-width:1440px){.nook-title{font-size:56px}.nook-chair{left:58px;transform:scale(.92);transform-origin:left bottom}.nook-lamp{transform:scale(.92);transform-origin:left bottom}.category-sign{font-size:8px}.hover-card{width:220px}}.ladder.side-left .girl-img{left:-46px;top:6px;height:380px}.ladder.side-right .girl-img{left:0;top:6px;height:380px}.ladder.side-left .magnifier{left:126px;top:86px}.ladder.side-left .hover-card{left:236px;top:74px}.ladder.side-right .magnifier{left:-16px;top:86px}.ladder.side-right .hover-card{left:-258px;top:74px}.girl-traveler{background:var(--traveler-bg) center/contain no-repeat;filter:brightness(.9) saturate(.92)}.girl-traveler:before{display:none!important}.book.picked{filter:brightness(1.05);transform:translateY(-5px) rotate(0)!important;box-shadow:0 0 0 1px #f3e62f7a,0 0 15px #f3e62f29;z-index:30}.book.taken{opacity:0!important;pointer-events:none}.ladder.girl-in-transit .girl-img{opacity:0;transition:opacity .18s ease}.home-nook.returning .chair-reader{opacity:0!important;transform:translateY(8px) scale(.92)!important;transition:opacity .22s ease,transform .28s ease}.cubby{isolation:isolate}.cubby:before{content:"";position:absolute;left:50%;top:4px;width:76%;height:58%;transform:translate(-50%) translateY(-5px) scaleY(.96);transform-origin:50% 0;clip-path:polygon(46% 0,54% 0,82% 100%,18% 100%);background:radial-gradient(circle at 50% 0%,rgba(var(--beam-rgb),.17),rgba(var(--beam-rgb),.1) 18%,transparent 34%),linear-gradient(180deg,rgba(var(--beam-rgb),.14),rgba(var(--beam-rgb),.085) 34%,rgba(var(--beam-rgb),.04) 62%,transparent 95%);filter:blur(8px);mix-blend-mode:screen;opacity:0;pointer-events:none;z-index:99;transition:opacity .32s ease,transform .32s ease,filter .32s ease}.cubby:hover:before,.cubby:focus-within:before{opacity:.9;transform:translate(-50%) translateY(0) scaleY(1)}.beam-yellow{--beam-rgb: 243, 230, 47}.beam-pink{--beam-rgb: 255, 101, 181}.beam-cyan{--beam-rgb: 66, 228, 234}.beam-green{--beam-rgb: 124, 245, 172}.beam-violet{--beam-rgb: 181, 144, 255}.beam-amber{--beam-rgb: 255, 180, 93}.cubby .category-sign{z-index:120;opacity:.46;box-shadow:none;text-shadow:none;transition:opacity .25s ease,box-shadow .25s ease,text-shadow .25s ease}.cubby:hover .category-sign,.cubby:focus-within .category-sign{opacity:.96;box-shadow:0 0 8px currentColor;text-shadow:0 0 5px currentColor}.cubby:hover .book:not(:hover):not(.hovered):not(.picked):not(.taken),.cubby:focus-within .book:not(:focus):not(:hover):not(.hovered):not(.picked):not(.taken){filter:saturate(.96) brightness(.91)}.nook-stats{column-gap:8px;row-gap:0}.nook-entry-row{order:2;flex:0 0 100%;margin-top:24px}.nook-entry-row .nook-entry{display:inline-flex;align-items:center;justify-content:space-between;width:210px;max-width:100%;height:50px;padding:0 22px;border:1px solid #ffe600;border-radius:5px;background:#03050cad;color:#ffe600;font-size:15px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;box-shadow:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.nook-entry-arrow{font-size:15px;line-height:1;transition:transform .2s ease}.nook-entry:focus-visible{outline:1px solid #ffe600;outline-offset:3px}.nook-entry-row .nook-entry:hover,.nook-entry-row .nook-entry:focus-visible{transform:translateY(-1px);background:#ffe600;color:#070914;box-shadow:0 0 14px #ffe6003d}.nook-entry:hover .nook-entry-arrow,.nook-entry:focus-visible .nook-entry-arrow{transform:translate(4px)}.nook-selected .nook-archive{margin-top:14px;max-height:96px;overflow-y:auto;overflow-x:hidden;pointer-events:auto;scrollbar-width:thin;scrollbar-color:rgba(66,228,234,.28) transparent}.nook-selected .nook-archive::-webkit-scrollbar{width:3px}.nook-selected .nook-archive::-webkit-scrollbar-thumb{background:#42e4ea47}.nook-selected .stats{margin-top:0;gap:5px}.nook-selected .stat{padding:5px 7px;font-size:7px}.nook-selected .comment-block{margin-top:12px;padding-top:10px}.nook-selected .comment{max-height:none;overflow:visible;margin-top:7px;padding-right:0;font-size:11px;line-height:1.75}.nook-selected .tags{margin-top:10px;gap:5px}