*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);font-size:clamp(1rem,2vw,1.125rem);line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;transition:background-color .3s ease,color .3s ease}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{color:var(--text-color);font-family:var(--font-heading);text-wrap:balance}a{color:var(--highlight-color);text-decoration:none}a:hover{color:var(--highlight-color-hover)}ol,ul{list-style:none}button{background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--highlight-color);outline-offset:2px}.skip-link{background:var(--color-accent);border-radius:var(--radius-md);color:var(--color-surface);font-weight:var(--font-semibold);left:var(--space-4);padding:var(--space-2) var(--space-4);position:absolute;top:-100%;z-index:9999}.skip-link:focus{top:var(--space-4)}:root.light-mode{--color-scheme:light;--bg-color:#f4ebdb;--sub-bg-color:#ebe1cf;--surface-color:#faf5eb;--border-color:#d3c7b3;--border-color-subtle:#e1d8c8;--text-color:#302318;--text-color-secondary:#5c4a38;--text-color-muted:#8a7a66;--highlight-color:#a0592a;--highlight-color-hover:#854921;--highlight-color-subtle:#f5ebd9;--success-color:#3d7c4f;--warning-color:#b8860b;--error-color:#c0392b;--progress-color:#a0592a;--rating-color:#d4a03e;--shadow-sm:0 1px 3px rgba(48,35,24,.08);--shadow-md:0 4px 8px -1px rgba(48,35,24,.1),0 2px 4px -2px rgba(48,35,24,.05);--shadow-lg:0 12px 20px -4px rgba(48,35,24,.14),0 4px 8px -4px rgba(48,35,24,.08);--shadow-book:0 2px 8px rgba(48,35,24,.16),0 1px 3px rgba(48,35,24,.1)}:root.dark-mode{--color-scheme:dark;--bg-color:#141110;--sub-bg-color:#1b1816;--surface-color:#211d1a;--border-color:#382f29;--border-color-subtle:#2a2521;--text-color:#e8e1d8;--text-color-secondary:#a69c91;--text-color-muted:#706862;--highlight-color:#c8844a;--highlight-color-hover:#d99a60;--highlight-color-subtle:#261d14;--success-color:#5aaf6e;--warning-color:#d4a03e;--error-color:#e8614d;--progress-color:#c8844a;--rating-color:#e0b84a;--shadow-sm:0 1px 3px rgba(0,0,0,.35);--shadow-md:0 4px 8px -1px rgba(0,0,0,.45),0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg:0 12px 20px -4px rgba(0,0,0,.55),0 4px 8px -4px rgba(0,0,0,.35);--shadow-book:0 2px 8px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.35)}:root.oled-mode{--color-scheme:dark;--bg-color:#000;--sub-bg-color:#0c0a09;--surface-color:#161311;--border-color:#2c2622;--border-color-subtle:#1c1814;--text-color:#f0ece6;--text-color-secondary:#b8afa5;--text-color-muted:#78706a;--highlight-color:#d4964a;--highlight-color-hover:#e0a85e;--highlight-color-subtle:#1a1408;--success-color:#62b876;--warning-color:#d9ad48;--error-color:#ed6b57;--progress-color:#d4964a;--rating-color:#e5c050;--shadow-sm:0 1px 3px rgba(0,0,0,.5);--shadow-md:0 4px 8px -1px rgba(0,0,0,.6),0 2px 4px -2px rgba(0,0,0,.4);--shadow-lg:0 12px 20px -4px rgba(0,0,0,.7),0 4px 8px -4px rgba(0,0,0,.5);--shadow-book:0 2px 8px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.5)}:root{--color-scheme:light;--bg-color:#f4ebdb;--sub-bg-color:#ebe1cf;--surface-color:#faf5eb;--border-color:#d3c7b3;--border-color-subtle:#e1d8c8;--text-color:#302318;--text-color-secondary:#5c4a38;--text-color-muted:#8a7a66;--highlight-color:#a0592a;--highlight-color-hover:#854921;--highlight-color-subtle:#f5ebd9;--success-color:#3d7c4f;--warning-color:#b8860b;--error-color:#c0392b;--progress-color:#a0592a;--rating-color:#d4a03e;--shadow-sm:0 1px 3px rgba(48,35,24,.08);--shadow-md:0 4px 8px -1px rgba(48,35,24,.1),0 2px 4px -2px rgba(48,35,24,.05);--shadow-lg:0 12px 20px -4px rgba(48,35,24,.14),0 4px 8px -4px rgba(48,35,24,.08);--shadow-book:0 2px 8px rgba(48,35,24,.16),0 1px 3px rgba(48,35,24,.1);color-scheme:var(--color-scheme);--font-heading:Lora,Georgia,Times New Roman,serif;--font-body:Inter,system-ui,-apple-system,sans-serif}@media(prefers-color-scheme:dark){:root:not([class*=-mode]){--color-scheme:dark;--bg-color:#141110;--sub-bg-color:#1b1816;--surface-color:#211d1a;--border-color:#382f29;--border-color-subtle:#2a2521;--text-color:#e8e1d8;--text-color-secondary:#a69c91;--text-color-muted:#706862;--highlight-color:#c8844a;--highlight-color-hover:#d99a60;--highlight-color-subtle:#261d14;--success-color:#5aaf6e;--warning-color:#d4a03e;--error-color:#e8614d;--progress-color:#c8844a;--rating-color:#e0b84a;--shadow-sm:0 1px 3px rgba(0,0,0,.35);--shadow-md:0 4px 8px -1px rgba(0,0,0,.45),0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg:0 12px 20px -4px rgba(0,0,0,.55),0 4px 8px -4px rgba(0,0,0,.35);--shadow-book:0 2px 8px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.35)}}:root.font-sans{--font-heading:Inter,system-ui,-apple-system,sans-serif;--font-body:Inter,system-ui,-apple-system,sans-serif}:root.font-atkinson{--font-heading:"Atkinson Hyperlegible Next",system-ui,sans-serif;--font-body:"Atkinson Hyperlegible Next",system-ui,sans-serif}:root.accent-teal{--highlight-color:#2a8f8f;--highlight-color-hover:#237878;--highlight-color-subtle:#e0f2f1}:root.accent-teal.dark-mode,:root.accent-teal.oled-mode{--highlight-color:#4db8b8;--highlight-color-hover:#66c7c7;--highlight-color-subtle:#142626}:root.accent-plum{--highlight-color:#8b4a8b;--highlight-color-hover:#753e75;--highlight-color-subtle:#f3e5f5}:root.accent-plum.dark-mode,:root.accent-plum.oled-mode{--highlight-color:#b874b8;--highlight-color-hover:#c98ac9;--highlight-color-subtle:#241424}:root.accent-slate{--highlight-color:#5a6f7a;--highlight-color-hover:#4a5d66;--highlight-color-subtle:#e8eef0}:root.accent-slate.dark-mode,:root.accent-slate.oled-mode{--highlight-color:#8aaab8;--highlight-color-hover:#9dbbc7;--highlight-color-subtle:#141c20}:root.accent-forest{--highlight-color:#4a7c59;--highlight-color-hover:#3d6849;--highlight-color-subtle:#e8f2ec}:root.accent-forest.dark-mode,:root.accent-forest.oled-mode{--highlight-color:#6aaf7e;--highlight-color-hover:#7ec092;--highlight-color-subtle:#142018}:root.font-size-small{font-size:14px}:root.font-size-large{font-size:18px}:root.font-size-x-large{font-size:20px}:root.line-height-compact,:root.line-height-compact dd,:root.line-height-compact dt,:root.line-height-compact label,:root.line-height-compact li,:root.line-height-compact p,:root.line-height-compact span,:root.line-height-compact td,:root.line-height-compact th{line-height:1.3}:root.line-height-relaxed,:root.line-height-relaxed dd,:root.line-height-relaxed dt,:root.line-height-relaxed label,:root.line-height-relaxed li,:root.line-height-relaxed p,:root.line-height-relaxed span,:root.line-height-relaxed td,:root.line-height-relaxed th{line-height:1.8}:root.line-height-spacious,:root.line-height-spacious dd,:root.line-height-spacious dt,:root.line-height-spacious label,:root.line-height-spacious li,:root.line-height-spacious p,:root.line-height-spacious span,:root.line-height-spacious td,:root.line-height-spacious th{line-height:2}:root.high-contrast{--text-color:#000;--text-color-secondary:#1a1a1a;--text-color-muted:#333;--border-color:#555;--border-color-subtle:#777;--highlight-color:#7a3d10;--highlight-color-hover:#5c2e0a}:root.high-contrast.dark-mode{--bg-color:#0a0908;--sub-bg-color:#151210;--surface-color:#1c1916;--text-color:#fff;--text-color-secondary:#f0ece6;--text-color-muted:#d4cec6;--border-color:#807060;--border-color-subtle:#605040;--highlight-color:#e8a050;--highlight-color-hover:#f0b870}:root.high-contrast.oled-mode{--bg-color:#000;--sub-bg-color:#0a0806;--surface-color:#141110;--text-color:#fff;--text-color-secondary:#f5f0ea;--text-color-muted:#ddd6cc;--border-color:#907860;--border-color-subtle:#685848;--highlight-color:#f0b060;--highlight-color-hover:#f8c880}@media(prefers-color-scheme:dark){:root.high-contrast:not([class*=-mode]){--bg-color:#0a0908;--sub-bg-color:#151210;--surface-color:#1c1916;--text-color:#fff;--text-color-secondary:#f0ece6;--text-color-muted:#d4cec6;--border-color:#807060;--border-color-subtle:#605040;--highlight-color:#e8a050;--highlight-color-hover:#f0b870}}:root.color-blind{--success-color:#0077b6;--error-color:#d45500}:root.color-blind.dark-mode,:root.color-blind.oled-mode{--success-color:#48cae4;--error-color:#ff8c42}@media(prefers-color-scheme:dark){:root.color-blind:not([class*=-mode]){--success-color:#48cae4;--error-color:#ff8c42}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes shelf-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes book-arrive{0%{opacity:0;transform:rotateY(-75deg) scale(.9)}to{opacity:1;transform:rotateY(0) scale(1)}}.animate-fade-in{animation:fade-in .3s cubic-bezier(.25,1,.5,1) both}.animate-fade-in-up{animation:fade-in-up .3s cubic-bezier(.16,1,.3,1) both}.animate-fade-in-scale{animation:fade-in-scale .3s cubic-bezier(.16,1,.3,1) both}.stagger-item{animation-delay:calc(var(--stagger-index, 0)*50ms)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.skip-to-content{background:var(--highlight-color);border-radius:0 0 4px 4px;color:#fff;font-weight:600;left:16px;padding:8px 16px;position:absolute;text-decoration:none;top:-100%;z-index:9999}.skip-to-content:focus{top:0}.screen-reader-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.page-enter-active,.page-leave-active{transition:opacity .2s ease}.page-enter-from,.page-leave-to{opacity:0}@keyframes fade-in-b01b2d6c{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up-b01b2d6c{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale-b01b2d6c{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right-b01b2d6c{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes skeleton-pulse-b01b2d6c{0%,to{opacity:.4}50%{opacity:.7}}@keyframes shelf-slide-in-b01b2d6c{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes book-arrive-b01b2d6c{0%{opacity:0;transform:rotateY(-75deg) scale(.9)}to{opacity:1;transform:rotateY(0) scale(1)}}.animate-fade-in[data-v-b01b2d6c]{animation:fade-in-b01b2d6c .3s cubic-bezier(.25,1,.5,1) both}.animate-fade-in-up[data-v-b01b2d6c]{animation:fade-in-up-b01b2d6c .3s cubic-bezier(.16,1,.3,1) both}.animate-fade-in-scale[data-v-b01b2d6c]{animation:fade-in-scale-b01b2d6c .3s cubic-bezier(.16,1,.3,1) both}.stagger-item[data-v-b01b2d6c]{animation-delay:calc(var(--stagger-index, 0)*50ms)}.palette-overlay[data-v-b01b2d6c]{align-items:flex-start;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;padding-top:20vh;position:fixed;z-index:9999}.palette[data-v-b01b2d6c]{background:var(--surface-color);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-lg);max-width:32rem;overflow:hidden;width:100%}.palette__input-row[data-v-b01b2d6c]{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;padding:1rem 1.5rem}.palette__search-icon[data-v-b01b2d6c]{color:var(--text-color-muted);flex-shrink:0;height:1.25rem;width:1.25rem}.palette__input[data-v-b01b2d6c]{background:none;border:none;color:var(--text-color);flex:1;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1rem;outline:none}.palette__input[data-v-b01b2d6c]::-moz-placeholder{color:var(--text-color-muted)}.palette__input[data-v-b01b2d6c]::placeholder{color:var(--text-color-muted)}.palette__kbd[data-v-b01b2d6c]{background:var(--sub-bg-color);border:1px solid var(--border-color);border-radius:.25rem;color:var(--text-color-muted);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.6875rem;line-height:1.4;padding:1px .25rem}.palette__results[data-v-b01b2d6c]{max-height:24rem;overflow-y:auto;padding:.5rem 0}.palette__group-label[data-v-b01b2d6c]{color:var(--text-color-muted);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.6875rem;font-weight:500;letter-spacing:.05em;padding:.5rem 1.5rem .25rem;text-transform:uppercase}.palette__item[data-v-b01b2d6c]{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:1rem;padding:.5rem 1.5rem;text-align:left;transition:background .1s ease;width:100%}.palette__item--selected[data-v-b01b2d6c]{background:var(--sub-bg-color)}.palette__item-icon[data-v-b01b2d6c]{color:var(--text-color-muted);flex-shrink:0;height:1.125rem;width:1.125rem}.palette__item-text[data-v-b01b2d6c]{display:flex;flex-direction:column;gap:1px;min-width:0}.palette__item-label[data-v-b01b2d6c]{color:var(--text-color);font-size:.8125rem}.palette__item-hint[data-v-b01b2d6c],.palette__item-label[data-v-b01b2d6c]{font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette__item-hint[data-v-b01b2d6c]{color:var(--text-color-muted);font-size:.6875rem}.palette__empty[data-v-b01b2d6c]{color:var(--text-color-muted);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.8125rem;padding:2rem 1.5rem;text-align:center}.palette-enter-active[data-v-b01b2d6c],.palette-leave-active[data-v-b01b2d6c]{transition:opacity .15s ease}.palette-enter-active .palette[data-v-b01b2d6c],.palette-leave-active .palette[data-v-b01b2d6c]{transition:transform .15s ease,opacity .15s ease}.palette-enter-from[data-v-b01b2d6c],.palette-leave-to[data-v-b01b2d6c]{opacity:0}.palette-enter-from .palette[data-v-b01b2d6c],.palette-leave-to .palette[data-v-b01b2d6c]{opacity:0;transform:scale(.97) translateY(-8px)}.error-page[data-v-a9c8d66d]{align-items:center;background-color:var(--color-bg-primary);color:var(--color-text-primary);display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100dvh;padding:2rem}.error-page__container[data-v-a9c8d66d]{max-width:540px;text-align:center}.error-page__icon[data-v-a9c8d66d]{color:var(--color-highlight);margin-bottom:1.5rem;opacity:.7}.error-page__code[data-v-a9c8d66d]{color:var(--color-highlight);font-family:Lora,serif;font-size:clamp(4rem,10vw,7rem);font-weight:700;line-height:1;margin:0 0 .5rem}.error-page__title[data-v-a9c8d66d]{color:var(--color-text-primary);font-family:Lora,serif;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:500;margin:0 0 1.5rem}.error-page__message[data-v-a9c8d66d]{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:0 0 1.5rem}.error-page__quote[data-v-a9c8d66d]{background:var(--color-surface);border-left:3px solid var(--color-highlight);border-radius:0 8px 8px 0;margin:0 0 2rem;padding:1.25rem 1.5rem;text-align:left}.error-page__quote p[data-v-a9c8d66d]{color:var(--color-text-primary);font-family:Lora,serif;font-size:1.05rem;font-style:italic;line-height:1.6;margin:0 0 .5rem}.error-page__quote cite[data-v-a9c8d66d]{color:var(--color-text-muted);font-family:Inter,sans-serif;font-size:.85rem;font-style:normal}.error-page__actions[data-v-a9c8d66d]{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.error-page__btn[data-v-a9c8d66d]{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.65rem 1.25rem;transition:background-color .2s,color .2s,box-shadow .2s}.error-page__btn--primary[data-v-a9c8d66d]{background:var(--color-highlight);color:#fff}.error-page__btn--primary[data-v-a9c8d66d]:hover{background:var(--color-highlight-hover);box-shadow:0 2px 8px #00000026}.error-page__btn--secondary[data-v-a9c8d66d]{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.error-page__btn--secondary[data-v-a9c8d66d]:hover{background:var(--color-sub-bg);box-shadow:0 2px 8px #00000014}.error-page__hint[data-v-a9c8d66d]{color:var(--color-text-muted);font-size:.85rem;font-style:italic}