.room{margin:0 0 5rem}.room .rule{margin-bottom:1.6rem}.wen-tally{display:flex;align-items:center;gap:1.7rem;flex-wrap:wrap;padding:2.6rem 0 1.2rem;font-size:.6rem;letter-spacing:.12em}.wen-tally b{color:var(--ink);font-family:var(--serif);font-size:.82rem;letter-spacing:.06em}.wen-tally .k{display:inline-flex;align-items:center;gap:7px}.wen-tally .k i{width:16px;height:3px;border-radius:2px;background:var(--accent);font-style:normal}.wen-tally .k.n i{background:repeating-linear-gradient(90deg,var(--muted) 0 3px,transparent 3px 6px)}.demo-flag{margin-left:auto;padding:2px 9px;border:1px dashed color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:999px;color:var(--accent-deep);font-size:.55rem}.case{position:relative;padding:12px 14px 0;border:1px solid var(--line);border-radius:4px;background:linear-gradient(180deg,#eaeef3 0 12px,transparent 12px),linear-gradient(90deg,#e6ebf1 0 14px,transparent 14px),linear-gradient(270deg,#e6ebf1 0 14px,transparent 14px),linear-gradient(180deg,#f4f6f9,#edf0f4);box-shadow:0 46px 80px -54px rgba(27,36,48,.5),inset 0 1px #fff}.shelf{position:relative;height:262px;perspective:1400px;perspective-origin:46% 64%}.shelf-back{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#e6ebf0 0%,#f1f4f8 46%,#edf0f5 100%);box-shadow:inset 0 11px 20px -12px rgba(27,36,48,.42),inset 0 -7px 13px -10px rgba(27,36,48,.24)}.books{position:absolute;left:2px;right:0;bottom:0;z-index:4;display:flex;align-items:flex-end;gap:2px}.shelf-board{position:relative;z-index:3;height:18px;margin:0 -14px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:linear-gradient(180deg,#fbfcfd,#e7ebf0);border:1px solid var(--line);border-radius:2px;box-shadow:0 9px 17px -10px rgba(27,36,48,.46),inset 0 1px #fff}.shelf-board b,.shelf-board i{font-size:.54rem;letter-spacing:.18em;color:var(--muted);font-style:normal;font-weight:400}.book{position:relative;flex:0 1 var(--w);width:var(--w);height:var(--h);transform-style:preserve-3d;transform-origin:bottom left;transition:translate var(--slow)var(--soft),rotate var(--slow)var(--spring),opacity var(--mid)var(--soft),filter var(--mid)var(--soft);animation:bookIn 640ms var(--out)backwards;animation-delay:calc(var(--i) * 62ms + 140ms)}@keyframes bookIn{from{opacity:0;translate:-16px 30px 0;rotate:z -13deg}}.book:not(.out):hover,.book:not(.out):focus-visible{rotate:x -14deg}.book:focus-visible{outline:none}.book.out{translate:0 -8px 150px;rotate:y -62deg;z-index:6}.book.out+.book{rotate:z -7deg}.book.out+.book+.book{rotate:z -3deg}.book.dim{opacity:.26;filter:grayscale(1)}.spine{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:20px 0 30px;overflow:hidden;border:1px solid rgba(27,36,48,.11);border-radius:2px 2px 0 0;background:linear-gradient(100deg,color-mix(in oklab,var(--accent) var(--tint),#f6f8fa) 0%,color-mix(in oklab,var(--accent) calc(var(--tint) + 5%),#eaeef3) 60%,color-mix(in oklab,var(--accent) calc(var(--tint) + 9%),#e1e6ed) 100%);box-shadow:inset 1px 0 rgba(255,255,255,.55),inset -3px 0 5px -3px rgba(27,36,48,.3);transition:box-shadow var(--slow)var(--soft)}.spine::before,.spine::after{content:'';position:absolute;left:4px;right:4px;height:1px;background:rgba(27,36,48,.17)}.spine::before{top:12px}.spine::after{bottom:24px}.book:not(.out):hover .spine,.book:not(.out):focus-visible .spine{box-shadow:inset 1px 0 rgba(255,255,255,.7),0 20px 28px -16px rgba(27,36,48,.52)}.book:focus-visible .spine{outline:2px solid var(--accent);outline-offset:2px}.book.out .spine{box-shadow:inset 1px 0 rgba(255,255,255,.7),-28px 38px 58px -28px rgba(27,36,48,.46)}.spine-t{writing-mode:vertical-rl;white-space:nowrap;font-family:var(--serif);font-size:.72rem;letter-spacing:.05em;line-height:1.1;color:var(--ink);max-height:calc(var(--h) - 58px);overflow:hidden}.spine-mark{position:absolute;bottom:10px;left:50%;translate:-50% 0;width:7px;height:7px;border:1px solid color-mix(in srgb,var(--accent) 52%,transparent);border-radius:1px}.cover{position:absolute;left:0;top:0;width:152px;height:100%;display:flex;flex-direction:column;padding:15px 14px 13px;transform-origin:left center;rotate:y 90deg;background:linear-gradient(158deg,#fdfeff,#edf1f6);border:1px solid rgba(27,36,48,.13);border-radius:0 2px 2px 0;opacity:0;transition:opacity var(--mid)var(--soft)}.book.out .cover{opacity:1;transition-delay:130ms}.cover-k{font-size:.5rem;letter-spacing:.2em;color:var(--accent-deep)}.cover-t{margin-top:.7rem;font-family:var(--serif);font-size:1rem;line-height:1.55;letter-spacing:.04em;color:var(--ink)}.cover-rule{margin-top:auto;height:1px;background:color-mix(in srgb,var(--accent) 42%,transparent)}.cover-m{margin-top:.6rem;font-size:.52rem;letter-spacing:.1em;color:var(--muted)}.cover-d{margin-top:.15rem;font-size:.52rem;letter-spacing:.1em;color:var(--muted)}.divider{position:relative;z-index:5;isolation:isolate;flex:none;align-self:flex-end;width:17px;height:244px;margin:0 8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 0 9px;background:linear-gradient(100deg,#eef1f5,#dde3ea);border:1px solid #d0d7e0;border-radius:2px 2px 0 0;box-shadow:inset 1px 0 rgba(255,255,255,.6),-4px 4px 9px -5px rgba(27,36,48,.26);animation:divIn 640ms var(--out)backwards;animation-delay:calc(var(--i) * 62ms + 140ms)}@keyframes divIn{from{opacity:0}}.divider b,.divider i{writing-mode:vertical-rl;white-space:nowrap;transform:translateZ(0);font-weight:400;font-style:normal}.divider b{font-size:.62rem;letter-spacing:.2em;color:var(--ink)}.divider i{font-size:.5rem;letter-spacing:.16em;color:var(--muted)}.bookend{position:relative;flex:none;align-self:flex-end;width:30px;height:132px;margin-left:9px;display:grid;place-items:center;background:linear-gradient(100deg,#f1f4f7,#dee4ec);border:1px solid #d1d8e1;border-radius:0 2px 0 0;box-shadow:inset 1px 0 rgba(255,255,255,.6)}.bookend::after{content:'';position:absolute;left:100%;bottom:0;width:26px;height:5px;background:linear-gradient(180deg,#e7ecf2,#d5dce5);border:1px solid #d1d8e1;border-left:0}.bookend b{writing-mode:vertical-rl;font-size:.62rem;letter-spacing:.22em;color:var(--muted);font-weight:400}.readpost{margin-top:0}.readpost[data-state=open]{margin-top:1.1rem}.rp-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows 440ms var(--soft)}.readpost[data-state=open] .rp-more{grid-template-rows:1fr}.rp-more>div{overflow:hidden}.rp-in{display:grid;grid-template-columns:minmax(0,1fr)250px;gap:2.6rem;padding-top:1.4rem}.rp-k{display:block;font-size:.56rem;letter-spacing:.18em;color:var(--accent-deep)}.readpost h3{margin:.5rem 0 0;font-family:var(--serif);font-size:1.45rem;line-height:1.5;letter-spacing:.03em}.rp-s{margin:.75rem 0 0;max-width:40em;font-family:var(--serif);font-size:.95rem;line-height:1.95;color:var(--muted)}.rp-side{display:flex;flex-direction:column;align-items:flex-start}.rp-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:1rem}.rp-tags span{font-family:var(--mono);font-size:.56rem;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:2px;padding:1px 6px}.rp-m{padding-bottom:.7rem;border-bottom:1px solid var(--line);align-self:stretch;font-size:.6rem;letter-spacing:.1em;color:var(--muted)}.rp-go{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.2rem;font-size:.64rem;letter-spacing:.14em;color:var(--accent-deep)}.rp-go span{transition:transform var(--mid)var(--soft)}.rp-go:hover span{transform:translateX(4px)}.readpost.swap .rp-k,.readpost.swap h3,.readpost.swap .rp-s{animation:rpIn 420ms var(--soft)both}.readpost.swap h3{animation-delay:45ms}.readpost.swap .rp-s{animation-delay:90ms}@keyframes rpIn{from{opacity:0;transform:translateY(7px)}}.tray{position:relative;height:500px;margin-top:48px;touch-action:pan-y;cursor:grab;perspective:1600px;perspective-origin:36% 44%}.tray.dragging{cursor:grabbing}.box{position:absolute;inset:0;transform-style:preserve-3d}.box-back{position:absolute;left:-34px;right:-34px;bottom:92px;height:236px;translate:0 0 -215px;background:linear-gradient(180deg,#e5eaf0,#dce2e9);border:1px solid #d4dae2;border-radius:4px 4px 0 0;box-shadow:inset 0 -24px 40px -24px rgba(27,36,48,.3)}.box-floor{position:absolute;left:-10px;right:-10px;bottom:92px;height:236px;transform-origin:bottom;rotate:x 66deg;background:linear-gradient(180deg,#e8ecf2,#f3f6f9);border:1px solid var(--line);border-radius:4px;box-shadow:inset 0 3px 16px rgba(27,36,48,.12)}.slots{position:absolute;left:0;right:0;bottom:92px;height:0;transform-style:preserve-3d;translate:var(--shift,0px)0;transition:translate 620ms var(--soft)}.slots.dragging{transition:none}.slot{position:absolute;left:0;bottom:0;width:262px;color:inherit;translate:var(--x)0 0;rotate:y 48deg;transform-origin:left bottom;transition:translate var(--vslow)var(--spring),rotate var(--vslow)var(--spring),scale var(--vslow)var(--spring),opacity var(--mid)var(--soft),filter var(--mid)var(--soft);animation:slotIn 680ms var(--out)backwards;animation-delay:calc(var(--i) * 44ms + 140ms)}@keyframes slotIn{from{opacity:0;translate:var(--x)54px -60px;rotate:y 80deg}}.slots.rifling .slot{transition:translate 130ms linear,rotate 130ms linear}.slots.rifling .slot.lift{transition:translate var(--vslow)var(--spring),rotate var(--vslow)var(--spring),scale var(--vslow)var(--spring)}.slot:hover{rotate:y 18deg}.card{display:block;height:322px;cursor:pointer}.card:focus-visible{outline:none}.card-face{position:absolute;inset:0;display:block;background:linear-gradient(192deg,#ffffff,#f5f8fb);border:1px solid var(--line);border-radius:2px;overflow:hidden;box-shadow:-7px 6px 18px -6px rgba(27,36,48,.24);transition:box-shadow var(--slow)var(--soft),border-color var(--slow)var(--soft)}.slot.near .card-face{box-shadow:-18px 24px 50px -16px rgba(27,36,48,.34);border-color:#d5dce5}.card:focus-visible .card-face{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft),-18px 24px 50px -16px rgba(27,36,48,.34)}.card-face::after{content:'';position:absolute;right:0;top:0;bottom:0;width:5px;background:repeating-linear-gradient(90deg,rgba(27,36,48,.12) 0 1px,transparent 1px 2px)}.card-band{position:absolute;left:0;right:0;top:0;height:4px;background:repeating-linear-gradient(90deg,var(--muted) 0 4px,transparent 4px 8px)}.card-edge{position:absolute;left:0;top:4px;bottom:0;width:112px;padding:16px 0 40px 15px;display:flex;align-items:flex-start;gap:11px;border-right:1px solid rgba(228,232,237,.85)}.card-title{writing-mode:vertical-rl;font-family:var(--serif);font-size:1rem;letter-spacing:.11em;line-height:1.5;max-height:208px;overflow:hidden;color:var(--ink)}.wbar{position:relative;width:4px;height:202px;background:var(--line);border-radius:2px;margin-top:4px}.wbar i{position:absolute;left:0;right:0;bottom:0;border-radius:2px;background:var(--accent);opacity:.5;height:var(--wp);animation:wbarUp 780ms var(--out)320ms backwards;transition:opacity var(--mid)var(--soft)}@keyframes wbarUp{from{height:0}}.slot.near .wbar i{opacity:1}.card-when{position:absolute;left:15px;bottom:17px;font-size:.56rem;letter-spacing:.07em;color:var(--muted)}.card-body{position:absolute;left:112px;right:0;top:4px;bottom:0;padding:19px 19px 16px;display:flex;flex-direction:column;opacity:0;transform:translateX(-10px);transition:opacity var(--mid)var(--soft),transform var(--slow)var(--soft)}.slot.near .card-body,.slot.lift .card-body,.card:focus-visible .card-body{opacity:1;transform:none;transition-delay:90ms}.card-kicker{font-size:.55rem;letter-spacing:.16em;color:var(--accent-deep)}.card-sum{display:block;margin:.7rem 0 0;font-size:.79rem;line-height:1.8;color:var(--muted)}.card-tags{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:auto;padding-top:.8rem}.card-tags span{font-family:var(--mono);font-size:.54rem;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:2px;padding:1px 5px}.card-len{display:flex;justify-content:space-between;align-items:baseline;margin-top:.55rem;padding-top:.45rem;border-top:1px solid var(--line);font-size:.55rem;letter-spacing:.08em;color:var(--muted)}.card-foot-r{position:relative}.card-min{transition:opacity var(--mid)var(--soft)}.slot.lift .card-min{opacity:0}.sep{height:368px;pointer-events:none}.sep-body{position:absolute;inset:0;background:linear-gradient(192deg,#ecf0f4,#e0e5ec);border:1px solid #d5dbe3;border-radius:2px;box-shadow:-6px 5px 14px -6px rgba(27,36,48,.22)}.sep-tab{position:absolute;left:13px;top:12px;padding:9px 7px;background:var(--bg);border:1px solid #d5dbe3;border-radius:2px;writing-mode:vertical-rl;font-size:.7rem;letter-spacing:.24em;color:var(--ink);box-shadow:2px 3px 8px -4px rgba(27,36,48,.3)}.sep-n{position:absolute;left:17px;bottom:56px;writing-mode:vertical-rl;font-family:var(--serif);font-size:.68rem;letter-spacing:.2em;color:var(--muted)}.slot.lift{scale:1.015}.slot.lift .card-face{box-shadow:-6px 54px 92px -34px rgba(27,36,48,.44);border-color:#cbd4de}.tray.picked .slot:not(.lift){opacity:.26;filter:blur(1.4px)grayscale(.4)}.card-go{position:absolute;right:0;top:0;font-size:.55rem;letter-spacing:.14em;color:var(--accent-deep);opacity:0;pointer-events:none;transition:opacity var(--mid)var(--soft);white-space:nowrap}.slot.lift .card-go{opacity:1;pointer-events:auto;transition-delay:120ms}.card-go span{display:inline-block;transition:transform var(--mid)var(--soft)}.slot.lift .card-go:hover span{transform:translateX(4px)}.slot.sunk{translate:var(--x)40px -70px!important;rotate:y 68deg!important;opacity:.3;filter:grayscale(1)}.tray-lip{position:absolute;left:-16px;right:-16px;bottom:30px;height:70px;z-index:10;background:linear-gradient(180deg,#f8fafb,#e6ebf0);border:1px solid var(--line);border-radius:0 0 7px 7px;box-shadow:0 24px 44px -24px rgba(27,36,48,.46),inset 0 1px #fff}.tray-lip::after{content:'';position:absolute;left:50%;top:22px;width:78px;height:9px;margin-left:-39px;border:1px solid #d8dee6;border-radius:999px;background:#edf0f5}.cap{position:absolute;top:0;bottom:26px;width:76px;z-index:8;pointer-events:none;transition:opacity var(--mid)var(--soft)}.tray.picked .cap{opacity:0}.cap-l{left:-16px;background:linear-gradient(90deg,var(--bg) 34%,transparent)}.cap-r{right:-16px;background:linear-gradient(270deg,var(--bg) 34%,transparent)}@media(max-width:900px){.rp-in{grid-template-columns:minmax(0,1fr);gap:1.4rem}.rp-m{align-self:auto}}@media(max-width:860px){.shelf{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--line)transparent;background:linear-gradient(180deg,#e6ebf0 0%,#f1f4f8 46%,#edf0f5 100%);box-shadow:inset 0 11px 20px -12px rgba(27,36,48,.42),inset 0 -7px 13px -10px rgba(27,36,48,.24)}.shelf::-webkit-scrollbar{height:4px}.shelf::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.shelf-back{display:none}.books{right:auto;width:max-content;padding-right:16px}.book{flex:0 0 var(--w)}}@media(max-width:680px){.tray{height:420px;margin-top:110px}.slot{width:226px}.card{height:278px}.sep{height:318px}.card-title{max-height:170px;font-size:.92rem}.wbar{height:164px}.demo-flag{margin-left:0}}@media(prefers-reduced-motion:reduce){.book,.divider,.slot,.wbar i{animation:none}.book,.slot,.slots,.card-body,.card-face,.spine,.cover{transition:none}.readpost.swap .rp-k,.readpost.swap h3,.readpost.swap .rp-s{animation:none}}