.app-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#f6efe3e0;position:sticky;top:0}.app-header__inner{width:min(100% - 2.5rem, var(--page-width));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;min-height:4.5rem;margin-inline:auto;padding-block:.65rem;display:flex}.app-header__brand{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:600;display:inline-flex}.app-header__mark{align-items:flex-end;gap:2px;height:1.25rem;display:inline-flex}.app-header__mark i{border-radius:1.5px;width:5px;display:block}.app-header__mark i:first-child{background:var(--accent);height:100%}.app-header__mark i:nth-child(2){background:var(--olive);height:82%}.app-header__mark i:nth-child(3){background:var(--gold);height:92%}.app-header__nav{background:var(--surface-sunk);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap;gap:.2rem;padding:.25rem;display:flex}.app-header__link{color:var(--ink-soft);border-radius:999px;padding:.4rem 1rem;font-size:.9375rem;font-weight:500;transition:background-color .12s,color .12s}.app-header__link:hover{color:var(--ink)}.app-header__link--active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.palette-clay{--cover-light:#b4674a;--cover-dark:#833f29}.palette-sage{--cover-light:#86977a;--cover-dark:#566b4b}.palette-indigo{--cover-light:#4e5f86;--cover-dark:#2c3757}.palette-plum{--cover-light:#7b4c65;--cover-dark:#4d2c44}.palette-amber{--cover-light:#b9822f;--cover-dark:#7f5315}.palette-teal{--cover-light:#4f8279;--cover-dark:#2b544d}.palette-rust{--cover-light:#b45b33;--cover-dark:#86381a}.palette-slate{--cover-light:#6d7883;--cover-dark:#434d59}.palette-moss{--cover-light:#6d8154;--cover-dark:#445333}.palette-cocoa{--cover-light:#8b6b50;--cover-dark:#5a4130}.palette-sand{--cover-light:#a98f5f;--cover-dark:#74603a}.palette-ink{--cover-light:#4d4956;--cover-dark:#29262f}.cover{--cover-width:7.5rem;width:var(--cover-width);aspect-ratio:2/3;background:linear-gradient(145deg, var(--cover-light) 0%, var(--cover-dark) 100%);color:#fff;-webkit-user-select:none;user-select:none;border-radius:3px 5px 5px 3px;flex:none;position:relative;overflow:hidden;box-shadow:0 1px 2px #28190c33,0 10px 22px -10px #28190c80}.cover--sm{--cover-width:5.25rem}.cover--md{--cover-width:7.5rem}.cover--lg{--cover-width:11rem}.cover__spine{background:linear-gradient(90deg,#00000059 0%,#00000014 60%,#0000 100%);border-right:1px solid #ffffff1f;width:9%;position:absolute;inset:0 auto 0 0}.cover__face{text-align:center;font-size:calc(var(--cover-width) / 9.5);flex-direction:column;justify-content:center;align-items:center;gap:.4em;padding:1.1em .85em 1.1em 1.25em;display:flex;position:absolute;inset:0}.cover__rule{background:#ffffff80;flex:none;width:42%;height:1px}.cover__rule--short{background:#ffffff59;width:22%}.cover__title{font-family:var(--font-display);text-wrap:balance;text-shadow:0 1px 2px #00000040;font-size:1em;font-weight:600;line-height:1.2;overflow:hidden}.cover__title--long{font-size:.9em;line-height:1.15}.cover__author{letter-spacing:.06em;text-transform:uppercase;color:#ffffffd1;font-size:.62em;font-weight:500;line-height:1.3}.cover__glare{pointer-events:none;background:linear-gradient(115deg,#ffffff29 0%,#0000 42%,#00000024 100%);position:absolute;inset:0}.cover__progress{background:#0006;height:5px;position:absolute;inset:auto 0 0}.cover__progress-fill{background:var(--status-reading);height:100%;transition:width .3s}.choose__moods{border:1px solid var(--panel-border);border-radius:var(--radius-lg);background:var(--panel-bg);box-shadow:var(--panel-shadow);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:2.25rem;padding:1rem 1.25rem;display:flex}.choose__moods-label{color:var(--ink-faint);margin-right:.35rem;font-size:.875rem}.mood-chip{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);border-radius:999px;padding:.4rem 1rem;font-size:.9375rem;transition:background-color .12s,border-color .12s,color .12s}.mood-chip:hover{border-color:var(--accent);color:var(--accent)}.mood-chip--active{background:var(--accent);border-color:var(--accent);color:var(--ink-inverse)}.mood-chip--active:hover{color:var(--ink-inverse)}.choose__prompt-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.75rem;display:flex}.choose__prompt{font-family:var(--font-display);color:var(--ink);font-size:1.25rem}.choose__picks{grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:1.5rem;margin-top:1.5rem;transition:opacity .16s;display:grid}.choose__picks--loading{opacity:.45}.pick{text-align:center;flex-direction:column;padding:1.75rem 1.5rem 1.5rem;display:flex}.pick__cover{justify-content:center;margin-bottom:1.25rem;display:flex}.pick__title{text-wrap:balance;font-size:1.375rem}.pick__author{color:var(--ink-soft);margin-top:.3rem;font-size:.9375rem}.pick__meta{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.9rem;display:flex}.pick__blurb{font-family:var(--font-display);color:var(--ink-soft);margin-top:1rem;font-size:1rem;line-height:1.5}.pick__reason{border-radius:var(--radius);background:var(--accent-soft);text-align:left;margin-top:1.25rem;padding:.9rem 1rem}.pick__reason-headline{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-hover);font-size:.75rem;font-weight:600}.pick__reason-detail{color:#6b3a25;margin-top:.35rem;font-size:.9375rem;line-height:1.45}.pick__actions{flex-direction:column;gap:.4rem;margin-top:auto;padding-top:1.25rem;display:flex}.choose__footer{border-top:1px solid var(--line);color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;font-size:.9375rem;display:flex}.choose__footer-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.add-book{width:min(100%,32rem)}.add-book h2{padding-right:2rem;font-size:1.5rem}.add-book__lede{color:var(--ink-soft);margin-top:.35rem;font-size:.9375rem}.field{border:0;margin-top:1.15rem;padding:0}.field>label,.field legend{letter-spacing:.02em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.4rem;font-size:.8125rem;font-weight:600;display:block}.field__optional{text-transform:none;letter-spacing:0;color:var(--ink-faint);margin-left:.3rem;font-weight:400}.field input[type=text],.field>input{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--ink);font:inherit;padding:.6rem .75rem;font-size:1rem}.field>input::placeholder{color:var(--ink-faint)}.field>input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.field__help{color:var(--ink-faint);margin-top:.35rem;font-size:.8125rem}.field--pages>input{max-width:8rem}.add-book__shelves{gap:.5rem;display:grid}.shelf-option{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;grid-template-columns:auto 1fr;align-items:baseline;gap:.1rem .6rem;padding:.65rem .8rem;display:grid}.shelf-option:hover{border-color:var(--accent)}.shelf-option--active{border-color:var(--accent);background:var(--surface-sunk)}.shelf-option input{accent-color:var(--accent);margin:0}.shelf-option__label{font-size:.9375rem;font-weight:600}.shelf-option__hint{color:var(--ink-faint);grid-column:2;font-size:.8125rem}.shelf-option:focus-within{outline:2px solid var(--accent);outline-offset:1px}.add-book__error{border:1px solid var(--danger,#b4472f);border-radius:var(--radius);color:var(--danger,#b4472f);background:#b4472f14;margin-top:1rem;padding:.65rem .8rem;font-size:.875rem}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2c241d73;place-items:center;padding:1.5rem;animation:.14s ease-out dialog-fade;display:grid;position:fixed;inset:0}.dialog{width:min(100%,42rem);max-height:90vh;box-shadow:var(--shadow-lg);padding:2rem;animation:.18s cubic-bezier(.2,.8,.3,1) dialog-rise;position:relative;overflow-y:auto}.dialog__close{width:2rem;height:2rem;color:var(--ink-faint);background:0 0;border:0;border-radius:50%;font-size:1.5rem;line-height:1;position:absolute;top:.85rem;right:1rem}.dialog__close:hover{background:var(--surface-sunk);color:var(--ink)}.dialog__body{align-items:flex-start;gap:1.75rem;display:flex}.dialog__details{flex:1;min-width:0}.dialog__details h2{text-wrap:balance;padding-right:2rem;font-size:1.625rem}.dialog__author{color:var(--ink-soft);margin-top:.3rem;font-size:1rem}.dialog__meta{flex-wrap:wrap;gap:.4rem;margin-top:.9rem;display:flex}.dialog__blurb{font-family:var(--font-display);color:var(--ink-soft);margin-top:1rem;font-size:1.0625rem;line-height:1.5}.dialog__status{border-radius:var(--radius);background:var(--surface-sunk);color:var(--ink-soft);margin-top:1rem;padding:.7rem .9rem;font-size:.875rem}.dialog__actions{flex-wrap:wrap;gap:.6rem;margin-top:1.4rem;display:flex}@keyframes dialog-fade{0%{opacity:0}}@keyframes dialog-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}}@media (width<=640px){.dialog{padding:1.5rem}.dialog__body{text-align:center;flex-direction:column;align-items:center}.dialog__meta,.dialog__actions{justify-content:center}}.landing-action{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:1.75rem;display:flex}.landing-action__aside{color:var(--ink-soft);border-bottom:1px solid var(--line-strong);padding-bottom:1px;font-size:.9375rem}.landing-action__aside:hover{color:var(--accent);border-bottom-color:var(--accent)}.collection-stats{border:1px solid var(--panel-border);border-radius:var(--radius-lg);background:var(--panel-bg);grid-template-columns:repeat(4,1fr);margin:2.5rem 0 0;padding:0;display:grid;overflow:hidden}.collection-stat{border-left:1px solid var(--line);flex-direction:column;gap:.3rem;padding:1.1rem 1.35rem;display:flex}.collection-stat:first-child{border-left:0}.collection-stat dt{color:var(--ink-faint);order:2;font-size:.8125rem}.collection-stat dd{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-size:1.625rem;font-weight:600;line-height:1}.shelf{border:1px solid var(--panel-border);border-radius:var(--radius-lg);background:var(--panel-bg);box-shadow:var(--panel-shadow);margin-top:3rem;padding:1.5rem 1.5rem 1.25rem}.shelf+.shelf{margin-top:1.5rem}.shelf__books{--slot-width:8.75rem;--cover-height:11.25rem;--plank-height:1.1rem;--row-height:calc(var(--cover-height) + var(--plank-height) + 1.5rem);grid-template-columns:repeat(auto-fill, minmax(var(--slot-width), 1fr));grid-auto-rows:var(--row-height);background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--row-height) - var(--plank-height)), var(--shelf-top) calc(var(--row-height) - var(--plank-height)), var(--shelf-top) calc(var(--row-height) - var(--plank-height) + 2px), var(--shelf-face) calc(var(--row-height) - var(--plank-height) + 2px), var(--shelf-face) calc(var(--row-height) - .3rem), var(--shelf-edge) calc(var(--row-height) - .3rem), var(--shelf-edge) var(--row-height));margin-top:1.25rem;display:grid}.shelf__slot{height:var(--row-height);padding-bottom:var(--plank-height);justify-content:center;align-items:flex-end;display:flex;position:relative}.shelf__slot:after{content:"";bottom:calc(var(--plank-height) - 2px);pointer-events:none;background:radial-gradient(#3c281459 0%,#0000 70%);width:6.5rem;height:10px;position:absolute}.shelf__book{background:0 0;border:0;border-radius:5px;padding:0;transition:transform .16s cubic-bezier(.2,.8,.3,1);position:relative}.shelf__book:hover,.shelf__book:focus-visible{transform:translateY(-8px)}.shelf__book:hover .cover{box-shadow:0 2px 4px #28190c33,0 18px 28px -12px #28190c8c}.shelf__badge{background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm);color:var(--status-reading);font-variant-numeric:tabular-nums;border-radius:999px;padding:.15rem .5rem;font-size:.6875rem;font-weight:600;position:absolute;top:-.5rem;right:-.5rem}.shelf__badge--rating{color:var(--status-finished)}.shelf__add{border-radius:var(--radius);color:var(--ink-faint);white-space:nowrap;background:0 0;border:1px solid #0000;margin-left:auto;padding:.25rem .6rem;font-size:.8125rem;font-weight:500}.shelf__add:hover{border-color:var(--line-strong);background:var(--surface-sunk);color:var(--accent)}.shelf__empty{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);text-align:center;color:var(--ink-faint);margin-top:1.25rem;padding:2rem 1.5rem;font-size:.9375rem}@media (width<=700px){.collection-stats{grid-template-columns:repeat(2,1fr)}.collection-stat:nth-child(odd){border-left:0}.collection-stat:nth-child(n+3){border-top:1px solid var(--line)}}@media (width<=560px){.shelf{padding:1.25rem 1rem 1rem}.shelf__books{--slot-width:6.5rem;--cover-height:8.4rem}.shelf__books .cover{--cover-width:5.6rem}.shelf__slot:after{width:5rem}}.reading__layout{grid-template-columns:minmax(0,1fr) 18rem;align-items:start;gap:1.5rem;margin-top:2.5rem;display:grid}.reading__current{flex-direction:column;gap:1.25rem;display:flex}.reading__empty{text-align:center;padding:3rem 2rem}.reading__empty h2{font-size:1.375rem}.reading__empty p{max-width:26rem;color:var(--ink-soft);margin:.6rem auto 1.5rem}.current{padding:1.75rem}.current__top{align-items:flex-start;gap:1.5rem;display:flex}.current__info{min-width:0}.current__info h2{text-wrap:balance;font-size:1.5rem}.current__author{color:var(--ink-soft);margin-top:.3rem}.current__meta{flex-wrap:wrap;gap:.4rem;margin-top:.85rem;display:flex}.current__remaining{font-family:var(--font-display);color:var(--ink-soft);margin-top:.9rem;font-size:1.0625rem}.current__progress{margin-top:1.5rem}.current__progress-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem;display:flex}.current__percent{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:600}.current__pages{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.875rem}.progress-track{background:var(--surface-sunk);border-radius:999px;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #3c28141f}.progress-fill{background:var(--status-reading);border-radius:999px;height:100%;transition:width .2s}.current__slider{appearance:none;background:0 0;width:100%;margin-top:1rem}.current__slider::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:2px;height:4px}.current__slider::-moz-range-track{background:var(--line-strong);border-radius:2px;height:4px}.current__slider::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--accent);background:var(--surface);width:20px;height:20px;box-shadow:var(--shadow-sm);cursor:grab;border-radius:50%;margin-top:-8px}.current__slider::-moz-range-thumb{border:2px solid var(--accent);background:var(--surface);width:16px;height:16px;box-shadow:var(--shadow-sm);cursor:grab;border-radius:50%}.current__slider:active::-webkit-slider-thumb{cursor:grabbing}.current__slider-hint{color:var(--ink-faint);margin-top:.4rem;font-size:.8125rem;display:block}.current__actions{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.current__finish{border-radius:var(--radius);background:var(--gold-soft);margin-top:1.5rem;padding:1.25rem}.current__finish-prompt{font-family:var(--font-display);font-size:1.125rem}.current__finish .current__actions{margin-top:1rem}.star-picker{gap:.15rem;margin-top:.5rem;display:flex}.star-picker__star{color:#d9c9a8;background:0 0;border:0;padding:.1rem .15rem;font-size:1.75rem;line-height:1;transition:color .1s,transform .1s}.star-picker__star:hover{transform:scale(1.12)}.star-picker__star--on{color:var(--gold)}.goal{text-align:center;padding:1.5rem;position:sticky;top:6rem}.goal__title{color:var(--ink-soft);font-size:1.0625rem}.goal__ring{width:11rem;margin:1rem auto 0;position:relative}.goal__ring svg{width:100%;transform:rotate(-90deg)}.goal__ring-track,.goal__ring-fill{fill:none;stroke-width:10px;stroke-linecap:round}.goal__ring-track{stroke:var(--surface-sunk)}.goal__ring-fill{stroke:var(--status-finished);transition:stroke-dashoffset .4s}.goal__ring-label{flex-direction:column;justify-content:center;align-items:center;gap:.15rem;display:flex;position:absolute;inset:0}.goal__count{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:2.75rem;font-weight:600;line-height:1}.goal__of{color:var(--ink-faint);font-size:.8125rem}.goal__note{color:var(--ink-soft);margin-top:.9rem;font-size:.9375rem}.goal__edit-toggle{margin-top:.5rem}.goal__edit{text-align:left;flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.goal__edit label{color:var(--ink-faint);font-size:.8125rem}.goal__edit input{font:inherit;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:.5rem .7rem}.reading__finished{border:1px solid var(--panel-border);border-radius:var(--radius-lg);background:var(--panel-bg);box-shadow:var(--panel-shadow);margin-top:2.5rem;padding:1.5rem}.finished-list{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.25rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.finished-item{align-items:flex-start;gap:.9rem;display:flex}.finished-item__text{min-width:0}.finished-item__title{font-family:var(--font-display);font-size:1rem;font-weight:600;line-height:1.25}.finished-item__author{color:var(--ink-soft);margin-top:.2rem;font-size:.8125rem}.finished-item__rating{color:var(--gold);letter-spacing:.05em;margin-top:.35rem;font-size:.875rem}.finished-item__date{color:var(--ink-faint);margin-top:.15rem;font-size:.75rem}@media (width<=900px){.reading__layout{grid-template-columns:1fr}.goal{position:static}}@media (width<=560px){.current__top{text-align:center;flex-direction:column;align-items:center}.current__meta{justify-content:center}}:root{--paper:#f6efe3;--paper-deep:#ece0cc;--surface:#fffcf6;--surface-sunk:#f2e9da;--ink:#2c241d;--ink-soft:#5d5046;--ink-faint:#8c7c6c;--ink-inverse:#fdf8f0;--line:#e2d5c0;--line-strong:#d0bfa4;--panel-bg:var(--surface);--panel-border:var(--line-strong);--panel-shadow:0 1px 2px #3c28140d, 0 10px 24px -18px #3c281459;--accent:#9a4b2c;--accent-hover:#823d22;--accent-soft:#f4e2d7;--olive:#5e7052;--olive-soft:#e6ebe0;--gold:#b8863a;--gold-soft:#f6ead2;--status-waiting:#a4907a;--status-reading:var(--accent);--status-finished:var(--gold);--shelf-top:#a3805f;--shelf-face:#7d5c41;--shelf-edge:#5a4029;--radius-sm:6px;--radius:12px;--radius-lg:20px;--shadow-sm:0 1px 2px #3c281414;--shadow:0 6px 20px -8px #3c281440;--shadow-lg:0 20px 50px -20px #3c281466;--font-display:"Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--page-width:1160px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(1200px 600px at 50% -200px, #fdf8ef 0%, transparent 70%), linear-gradient(180deg, var(--paper) 0%, var(--paper-deep) 100%);min-height:100vh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-size:16px;line-height:1.55}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.15}p{margin:0}a{color:var(--accent);text-decoration:none}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}.page{width:min(100% - 2.5rem, var(--page-width));margin-inline:auto;padding-block:2.5rem 5rem}.section-heading{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.section-heading h2{font-size:1.5rem}.section-heading .count{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.875rem}.status-dot{border-radius:50%;flex:none;width:.6rem;height:.6rem;display:inline-block}.status-dot--waiting{background:var(--status-waiting)}.status-dot--reading{background:var(--status-reading)}.status-dot--finished{background:var(--status-finished)}.section-heading h2{align-items:center;gap:.55rem;display:inline-flex}.section-caption{color:var(--ink-soft);margin-top:.25rem;font-size:.9375rem}.page-intro{max-width:44rem;padding-block:1.5rem 0}.page-intro__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:.75rem;font-weight:600}.page-intro__title{text-wrap:balance;margin-top:.6rem;font-size:clamp(2rem,5vw,2.875rem)}.page-intro__lede{color:var(--ink-soft);margin-top:1rem;font-size:1.125rem;line-height:1.6}.page-intro--landing .page-intro__title{font-size:clamp(2.25rem,5.5vw,3.25rem)}.back-link{color:var(--ink-soft);align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.9375rem;transition:color .12s,gap .12s;display:inline-flex}.back-link:hover{color:var(--accent);gap:.6rem}.back-link__arrow{font-size:1.1em;line-height:1}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9375rem;font-weight:500;transition:background-color .12s,border-color .12s,transform .12s,box-shadow .12s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--ink-inverse);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn--secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn--quiet{color:var(--ink-soft);background:0 0;padding-inline:.75rem}.btn--quiet:hover:not(:disabled){color:var(--accent)}.btn--large{padding:.85rem 1.75rem;font-size:1.0625rem}.btn--xl{box-shadow:var(--shadow);padding:1rem 2.25rem;font-size:1.1875rem}.pill{letter-spacing:.01em;background:var(--surface-sunk);color:var(--ink-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.75rem;font-weight:500;display:inline-flex}.pill--genre{background:var(--olive-soft);color:#445039}.pill--accent{background:var(--accent-soft);color:var(--accent-hover)}.pill--gold{background:var(--gold-soft);color:#8a6220}.card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--panel-shadow)}.state-note{text-align:center;color:var(--ink-soft);padding:4rem 1.5rem}.state-note h2{color:var(--ink);margin-bottom:.5rem;font-size:1.375rem}.state-note--error{color:var(--accent-hover)}.app-error{width:min(100% - 2.5rem, var(--page-width));border-radius:var(--radius);background:var(--accent-soft);color:var(--accent-hover);border:1px solid #e3c3b2;margin:1rem auto -.5rem;padding:.75rem 1.1rem;font-size:.9375rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}