:root{--bg:#faf8f4;--surface:#ffffff;--surface-2:#f3efe7;--bar25:#ded7c9;--ink:#23211d;--ink-soft:#6c675e;--ink-faint:#9a948a;--hair:rgba(35,33,29,.09);--accent:#3b4a73;--accent-soft:rgba(59,74,115,.1);--pos:#3a8568;--pos-soft:rgba(58,133,104,.12);--neg:#b3553f;--neg-soft:rgba(179,85,63,.12);--shelf:#e7dece;--shelf-edge:#d4c7b1;--sheen:rgba(255,255,255,.6);--card-sh:0 1px 2px rgba(35,33,29,.05),0 16px 38px -22px rgba(35,33,29,.22)}[data-theme=dark]{--bg:#181715;--surface:#221f1c;--surface-2:#2c2926;--bar25:#403b34;--ink:#f0ebe1;--ink-soft:#b4ac9e;--ink-faint:#827b6f;--hair:rgba(240,235,225,.11);--accent:#94a3cf;--accent-soft:rgba(148,163,207,.16);--pos:#6cc093;--pos-soft:rgba(108,192,147,.16);--neg:#e08568;--neg-soft:rgba(224,133,104,.16);--shelf:#2a2622;--shelf-edge:#201d19;--sheen:rgba(255,255,255,.022);--card-sh:0 1px 2px rgba(0,0,0,.4),0 18px 44px -24px rgba(0,0,0,.7)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg)}body{font-family:"M PLUS Rounded 1c",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--hair);border-radius:8px}@keyframes shelfRise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.bookCover{position:relative;width:190px;height:256px;cursor:pointer;transform-style:preserve-3d;border-radius:4px 8px 8px 4px;box-shadow:0 12px 26px -14px #0000006b;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}.bookCover:hover{transform:translateY(-15px) rotateX(4deg) rotateY(-10deg);box-shadow:0 30px 46px -18px #00000080}.bookSpine{position:relative;width:48px;height:256px;cursor:pointer;overflow:hidden;border-radius:3px 6px 6px 3px;box-shadow:0 10px 20px -12px #00000073;z-index:1;transition:width .5s cubic-bezier(.2,.72,.2,1),transform .5s cubic-bezier(.2,.72,.2,1),box-shadow .5s}.bookSpine:hover{width:230px;transform:translateY(-13px) rotateY(-6deg);box-shadow:0 32px 46px -18px #00000085;z-index:6}.bookWrap{position:relative}.pinBtn{position:absolute;top:6px;right:6px;z-index:8;width:26px;height:26px;padding:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;background:#1418286b;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transform:scale(.86);transition:opacity .18s,transform .18s,background .18s}.bookWrap:hover .pinBtn{opacity:1;transform:scale(1)}.pinBtn:hover{background:#141828a8}.pinBtn.pinned{opacity:1;transform:scale(1);background:var(--accent)}.pinBtn.pinned:hover{background:var(--accent)}@media(prefers-reduced-motion:reduce){.pinBtn{transition:none}}.ctrlBtn{border:1px solid var(--hair);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}