[data-theme=myrtle] .library-bookcase{--wood-1:#e9e1ce;--wood-2:#ddd3b9;--wood-3:#cabf9f;--wood-grain:rgba(120,98,58,.06);--recess:#e3dcc8;--recess-2:#d9d0b8;--recess-shadow:rgba(80,64,34,.2);--board-face:#cdbf9d;--board-edge:#b6a47c;--page-edge:#efe7d2;--shelf-shadow:rgba(70,55,30,.26);--plate:#cbb27a;--plate-ink:#3a2f17;--lib-light:radial-gradient(80% 65% at 16% -5%, rgba(255,251,238,.6), transparent 55%);--lib-mote:none}[data-theme=mist] .library-bookcase{--wood-1:#1a130c;--wood-2:#100a05;--wood-3:#241a10;--wood-grain:rgba(0,0,0,.36);--recess:#0a0c0f;--recess-2:#07080b;--recess-shadow:rgba(0,0,0,.7);--board-face:#1c150c;--board-edge:#2a1f12;--page-edge:#c9bd9a;--shelf-shadow:rgba(0,0,0,.62);--plate:#2a1e12;--plate-ink:#c9ae6e;--lib-light:none;--lib-mote:block}.library-room{max-width:1080px;margin:0 auto}.library-bookcase{position:relative;border-radius:10px;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 7px,var(--wood-grain) 7px 8px),linear-gradient(100deg,var(--wood-3) 0,var(--wood-1) 6%,var(--wood-1) 94%,var(--wood-3) 100%);box-shadow:0 50px 90px -55px var(--shelf-shadow),inset 0 1px #ffffff1a,inset 0 0 0 1px #0000000f}[data-theme=mist] .library-bookcase{background:repeating-linear-gradient(90deg,transparent 0 7px,var(--wood-grain) 7px 8px),var(--wood-1)}.library-bookcase:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:6;background:var(--lib-light)}.lib-crown{height:30px;border-radius:10px 10px 0 0;position:relative;z-index:4;background:linear-gradient(180deg,color-mix(in srgb,var(--wood-1) 80%,#fff) 0,var(--wood-1) 40%,var(--wood-2) 100%);box-shadow:inset 0 1px #ffffff40,0 4px 8px -4px var(--shelf-shadow)}[data-theme=mist] .lib-crown{background:var(--wood-1)}.lib-crown:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent)}.lib-plinth{height:26px;border-radius:0 0 10px 10px;position:relative;z-index:4;background:linear-gradient(180deg,var(--wood-2) 0,color-mix(in srgb,var(--wood-2) 70%,#000) 100%);box-shadow:inset 0 2px 4px -2px #0006}[data-theme=mist] .lib-plinth{background:var(--wood-2)}.lib-carcass{margin:0 22px;padding:1.4rem 0 .2rem;position:relative;z-index:3;background:linear-gradient(180deg,rgba(0,0,0,.05),transparent 8%),linear-gradient(100deg,var(--recess-2),var(--recess) 12%,var(--recess) 88%,var(--recess-2));box-shadow:inset 8px 0 14px -10px var(--recess-shadow),inset -8px 0 14px -10px var(--recess-shadow),inset 0 10px 16px -12px var(--recess-shadow)}[data-theme=mist] .lib-carcass{background:var(--recess)}.lib-shelf{position:relative;margin:0 0 .2rem}.lib-shelf-label{display:inline-block;margin:0 0 .55rem 6px;font-family:var(--f-geo);font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--plate-ink);background:linear-gradient(180deg,color-mix(in srgb,var(--plate) 85%,#fff),var(--plate));padding:.28rem .6rem;border-radius:2px;box-shadow:0 1px 2px #00000040,inset 0 1px #ffffff4d}.lib-books{display:flex;align-items:flex-end;gap:5px;min-height:266px;padding:0 12px;flex-wrap:wrap}.lib-board{height:16px;margin:-3px 0 1.7rem;border-radius:1px;background:linear-gradient(180deg,color-mix(in srgb,var(--board-face) 88%,#fff) 0,var(--board-face) 30%,var(--board-edge) 100%);box-shadow:0 12px 20px -10px var(--shelf-shadow),inset 0 1px #ffffff38,inset 0 -2px 3px -1px #0000004d}[data-theme=mist] .lib-board{background:var(--board-face)}.lib-shelf:last-child .lib-board{margin-bottom:.4rem}.lib-spine{position:relative;width:var(--w,52px);height:var(--h,224px);overflow:hidden;border:none;cursor:pointer;padding:0;border-radius:2px 3px 1px 1px;text-decoration:none;background:linear-gradient(100deg,color-mix(in srgb,var(--spine) 78%,#000) 0%,color-mix(in srgb,var(--spine) 92%,#000) 7%,var(--spine) 18%,var(--spine) 82%,color-mix(in srgb,var(--spine) 82%,#fff) 95%,color-mix(in srgb,var(--spine) 70%,#fff) 100%);color:var(--spine-ink, #f4ecdc);display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:0 16px 22px -14px var(--shelf-shadow),inset -3px 0 6px -3px #00000080,inset 3px 0 4px -3px #ffffff47;transition:transform .28s cubic-bezier(.34,1.4,.5,1),box-shadow .28s,filter .28s;transform-origin:bottom center;transform:rotate(var(--lean,0deg))}.lib-spine:hover,.lib-spine:focus-visible{transform:translateY(-18px) rotate(calc(var(--lean,0deg) - 1deg));outline:none;filter:saturate(1.06) brightness(1.03);z-index:5;box-shadow:0 30px 34px -16px var(--shelf-shadow),inset -3px 0 6px -3px #00000080,inset 3px 0 4px -3px #ffffff47}.lib-spine:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent),0 30px 34px -16px var(--shelf-shadow)}.lib-spine .lib-head{width:calc(100% - 6px);height:7px;margin-top:3px;border-radius:1px;background:linear-gradient(180deg,var(--page-edge),color-mix(in srgb,var(--page-edge) 70%,#000));box-shadow:inset 0 1px #ffffff80}.lib-spine.hubs{background-image:repeating-linear-gradient(180deg,transparent 0 46px,rgba(0,0,0,.32) 46px 48px,rgba(255,255,255,.14) 48px 50px,transparent 50px 56px),linear-gradient(100deg,color-mix(in srgb,var(--spine) 78%,#000) 0%,color-mix(in srgb,var(--spine) 92%,#000) 7%,var(--spine) 18%,var(--spine) 82%,color-mix(in srgb,var(--spine) 82%,#fff) 95%,color-mix(in srgb,var(--spine) 70%,#fff) 100%)}.lib-title-area{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:6px 0}.lib-title{writing-mode:vertical-rl;text-orientation:mixed;white-space:normal;text-align:center;font-family:var(--f-geo);font-weight:700;font-size:13px;line-height:1.1;letter-spacing:.02em;overflow:hidden;text-shadow:0 1px 1px rgba(0,0,0,.4)}[data-theme=mist] .lib-title{font-family:var(--f-serif);font-style:italic;font-weight:600}.lib-title.foil{color:var(--foil);text-shadow:0 1px 1px rgba(0,0,0,.55),0 0 7px color-mix(in srgb,var(--foil) 45%,transparent)}.lib-label{display:flex;align-items:center;justify-content:center;padding:10px 4px;border-radius:2px;background:var(--label);max-height:100%;overflow:hidden;margin:4px;box-shadow:inset 0 0 0 1px #0000001f,0 1px #ffffff38}.lib-label .lib-title{color:var(--label-ink);text-shadow:0 1px 0 rgba(255,255,255,.25)}.lib-foot{font-family:var(--f-geo);font-size:7px;font-weight:700;letter-spacing:.03em;opacity:.8;text-transform:uppercase;writing-mode:horizontal-tb;padding-bottom:9px;color:var(--spine-ink, currentColor);max-width:94%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-rule{width:62%;height:2px;border-radius:1px;background:color-mix(in srgb,var(--foil,#fff) 70%,transparent);opacity:.7}.lib-slot{width:30px;height:206px;border-radius:2px;align-self:flex-end;border:1px dashed var(--m-line);opacity:.45;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--recess) 60%,transparent))}.lib-bookend{width:14px;height:150px;align-self:flex-end;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--board-edge),color-mix(in srgb,var(--board-edge) 60%,#000));box-shadow:0 10px 14px -10px var(--shelf-shadow)}.lib-motes{position:absolute;inset:0;z-index:5;pointer-events:none;display:var(--lib-mote, none);overflow:hidden}.lib-mote{position:absolute;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle,#e8ddbce6,#e8ddbc00 70%);animation:lib-drift linear infinite}@keyframes lib-drift{0%{transform:translateY(20px) translate(0);opacity:0}15%{opacity:.8}85%{opacity:.7}to{transform:translateY(-220px) translate(14px);opacity:0}}.lib-scrim{position:fixed;inset:0;background:#0a080480;opacity:0;transition:opacity .3s;z-index:80}.lib-scrim.is-open{opacity:1}.lib-drawer{position:fixed;top:0;right:0;height:100%;width:min(440px,92vw);z-index:90;background:var(--m-raised);color:var(--m-ink-2);border-left:1px solid var(--m-line);transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-30px 0 60px -40px #00000080}.lib-drawer.is-open{transform:translate(0)}.lib-d-inner{padding:clamp(1.4rem,3vw,2rem);overflow-y:auto}.lib-d-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:9999px;border:1px solid var(--m-line);background:var(--m-surface);color:var(--m-ink-2);cursor:pointer;font-size:18px}.lib-d-close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--m-raised),0 0 0 4px var(--accent)}.lib-d-eyebrow{font-family:var(--f-geo);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.lib-d-title{font-family:var(--f-serif);font-style:italic;font-weight:600;font-size:1.6rem;line-height:1.15;color:var(--m-ink);margin:.5rem 0 .35rem}.lib-d-byline{font-size:13px;color:var(--m-ink-3);margin:0 0 1.1rem}.lib-d-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}.lib-chip{font-family:var(--f-geo);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .55rem;border-radius:9999px;background:var(--m-primary-tint);color:var(--accent)}.lib-d-essence{font-size:14.5px;line-height:1.75;color:var(--m-ink-2);margin:0 0 1.5rem}.lib-d-actions{display:flex;flex-direction:column;gap:.6rem}.lib-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--f-geo);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:.8rem 1rem;border-radius:2px;text-decoration:none;cursor:pointer;border:1px solid transparent}.lib-btn-primary{background:var(--accent);color:var(--bg)}.lib-btn-primary:hover{background:var(--m-primary-hover)}.lib-btn-ghost{background:transparent;color:var(--m-ink-2);border-color:var(--m-line)}.lib-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--m-raised),0 0 0 4px var(--accent)}@media(prefers-reduced-motion:reduce){.lib-spine{transition:none}.lib-spine:hover,.lib-spine:focus-visible{transform:rotate(var(--lean,0deg))}.lib-mote{animation:none;display:none}.lib-scrim,.lib-drawer{transition:none}}