:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f1e8;--surface:#fffdf9;--surface-2:#f1eadf;--surface-3:#e7ddcf;--raised:#fffdf9;--ink:#2a2420;--ink-2:#5d534b;--muted:#736860;--line:#e7ddcf;--line-strong:#d3c6b4;--accent:#8c2f45;--accent-hover:#74263a;--accent-ink:#fff;--accent-soft:#f4e3e6;--accent-soft-ink:#6e2436;--info-soft:#e3eef9;--info-ink:#1f4f82;--gold:#a8730f;--success:#2e7a4b;--success-soft:#e2f1e7;--danger:#b3261e;--chart-1:#8c2f45;--chart-1-hover:#a8465e;--chart-grid:#ece4d8;--chart-axis:#cdbfad;--shadow-sm:0 1px 2px #3c28140f;--shadow-md:0 2px 4px #3c28140f, 0 12px 32px -12px #3c281447;--cover-shadow:0 1px 2px #1e0f0533, 0 10px 20px -10px #1e0f0580;--radius:14px;--radius-sm:9px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--topbar-h:64px;--tabbar-h:62px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14110e;--surface:#1f1a16;--surface-2:#2a231e;--surface-3:#342b25;--raised:#3b322b;--ink:#f3ebe0;--ink-2:#cdc1b3;--muted:#a39686;--line:#342b25;--line-strong:#4a3f37;--accent:#e58aa0;--accent-hover:#f0a3b5;--accent-ink:#2b0d16;--accent-soft:#3d2229;--accent-soft-ink:#f3c1cd;--info-soft:#1d2a3a;--info-ink:#a9c8ee;--gold:#e0b252;--success:#6fcf97;--success-soft:#1c3326;--danger:#f28b82;--chart-1:#d4708a;--chart-1-hover:#e28ea3;--chart-grid:#2e2621;--chart-axis:#4a3f37;--shadow-sm:none;--shadow-md:0 12px 32px -12px #000000bf;--cover-shadow:0 1px 2px #00000080, 0 10px 20px -10px #000000d9}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:16px/1.5 var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-serif);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600;line-height:1.2}h1{font-size:clamp(1.8rem,1.45rem + 1.4vw,2.4rem)}p{margin:0}code{font-family:var(--font-mono);background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:.88em}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 60%, transparent);outline-offset:2px}[hidden]{display:none!important}.icon{flex:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:50;background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:8px 14px;font-weight:600;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}.stack{flex-direction:column;gap:16px;display:flex}.stack-lg{flex-direction:column;gap:28px;display:flex}.narrow{width:100%;max-width:820px;margin-inline:auto}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:20;padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar__inner{max-width:1120px;height:var(--topbar-h);align-items:center;gap:28px;margin:0 auto;padding:0 20px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand__name{white-space:nowrap;font-family:var(--font-serif);letter-spacing:-.01em;font-size:1.3rem;font-weight:700}.topnav{gap:4px;display:flex}.topnav__link{white-space:nowrap;color:var(--ink-2);border-radius:999px;padding:8px 14px;font-weight:500;text-decoration:none}.topnav__link:hover{background:var(--surface-2);color:var(--ink)}.topnav__link.active{background:var(--accent-soft);color:var(--accent-soft-ink)}.topbar__actions{align-items:center;gap:8px;margin-left:auto;display:flex}.page{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:32px 20px 72px}.tabbar{display:none}@media (width<=900px){.topbar__inner{padding:0 12px 0 16px}.topnav,.topbar__actions .topbar__add,.grown-up-pill__label{display:none}.page{padding:22px 16px calc(var(--tabbar-h) + 40px + env(safe-area-inset-bottom))}.tabbar{z-index:20;padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar__link{height:var(--tabbar-h);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.tabbar__link.active{color:var(--accent)}.tabbar__add-icon{background:var(--accent);width:44px;height:30px;color:var(--accent-ink);border-radius:999px;place-items:center;display:grid}}.button{border:1px solid var(--line-strong);background:var(--surface);min-height:40px;color:var(--ink);white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s,transform 50ms;display:inline-flex}.button:hover{background:var(--surface-2)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.6;cursor:default}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button--quiet{color:var(--ink-2);background:0 0;border-color:#0000}.button--quiet:hover{background:var(--surface-2);color:var(--ink)}.button--danger,.button--danger:hover{color:var(--danger)}.button--small{min-height:34px;padding:6px 12px;font-size:.875rem}.button--large{min-height:48px;padding:12px 22px;font-size:1rem}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button-row--center{justify-content:center}.icon-button{width:40px;height:40px;color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;padding:0;text-decoration:none;display:inline-grid}.icon-button:hover,.icon-button.active{background:var(--surface-2);color:var(--ink)}.icon-button--sm{width:32px;height:32px}.chip{border:1px solid var(--line-strong);min-height:32px;color:var(--ink-2);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;font-weight:500;display:inline-flex}.chip:hover{background:var(--surface-2);color:var(--ink)}.chip[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-soft-ink);border-color:#0000}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-weight:600;display:inline-flex}.link-button:hover{text-decoration:underline}.segmented{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.segmented__option{min-height:34px;color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:600}.segmented__option:hover{color:var(--ink)}.segmented__option[aria-checked=true]{background:var(--raised);color:var(--ink);box-shadow:0 1px 3px #00000024}.segmented--sm .segmented__option{min-height:28px;padding:3px 11px;font-size:.82rem}@media (width<=560px){.segmented__option{white-space:nowrap;padding:6px 11px;font-size:.86rem}.segmented--sm .segmented__option{padding:3px 9px}}input:not([type=checkbox],[type=radio],[type=file]),select,textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:42px;color:var(--ink);padding:9px 12px}input[type=search]::-webkit-search-cancel-button{appearance:none}.field-clear{position:absolute;right:10px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a7f74' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:34px}textarea{resize:vertical;min-height:96px;line-height:1.5}[aria-invalid=true]{border-color:var(--danger)!important}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>label,.field__label,.month-year legend{color:var(--ink);font-size:.9rem;font-weight:600}.optional{color:var(--muted);margin-left:4px;font-size:.8rem;font-weight:400}.field-hint{color:var(--muted);font-size:.82rem}.field-error{color:var(--danger);font-size:.85rem;font-weight:500}.field-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.field-row--dates{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}.field--inline{flex-flow:wrap;align-items:center;gap:8px 12px}.field--inline>label,.field--inline>.field__label{min-width:112px}.field--inline input[type=number]{width:84px}.month-year{border:none;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.month-year legend{margin-bottom:6px;padding:0}.month-year__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.month-year__row select{flex:110px;width:auto;min-width:100px}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);padding:20px}@media (width>=720px){.card{padding:26px}}.card__title{margin-bottom:18px;font-size:1.3rem}.card.stack .card__title{margin-bottom:0}.card__header{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.card__header h2{align-items:center;gap:10px;font-size:1.4rem;display:flex}.card__header h2 .icon{color:var(--accent)}.card__intro{max-width:62ch;color:var(--ink-2)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;display:flex}.page-header__lede{color:var(--ink-2);margin-top:6px;font-size:1.05rem}.section-title{font-size:1.35rem}.subsection-title{font-size:1.1rem}.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-head select{width:auto}.empty-note{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink-2);text-align:center;padding:24px}.page-state{text-align:center;max-width:520px;color:var(--ink-2);flex-direction:column;align-items:center;gap:14px;margin:32px auto;padding:56px 24px;display:flex}.welcome{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:660px;margin:24px auto;padding:48px 24px;display:flex}.welcome h1{font-size:clamp(1.9rem,1.4rem + 2vw,2.6rem)}.welcome p{max-width:46ch;color:var(--ink-2);font-size:1.08rem}.back-link{color:var(--ink-2);align-self:flex-start;align-items:center;gap:6px;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--ink)}.cover{aspect-ratio:2/3;background:var(--surface-3);box-shadow:var(--cover-shadow);border-radius:3px 6px 6px 3px;position:relative;overflow:hidden;container-type:inline-size}.cover img{object-fit:cover;width:100%;height:100%}.cover:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#00000038 0,#ffffff29 2.2%,#00000012 4.5%,#0000 9%);position:absolute;inset:0}.cover__blank{background-image:linear-gradient(160deg,#ffffff1a,#0000 60%);flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:16cqi 12cqi 12cqi 16cqi;display:flex}.cover__title{-webkit-line-clamp:5;font-family:var(--font-serif);overflow-wrap:anywhere;border-top:max(1px,1.2cqi) solid;-webkit-box-orient:vertical;padding-top:7cqi;font-size:clamp(.5rem,11.5cqi,1.9rem);font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.cover__author{letter-spacing:.06em;text-transform:uppercase;opacity:.85;font-size:clamp(.45rem,6.5cqi,.95rem)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar select{width:auto;min-width:130px}.toolbar__search{flex:220px;align-items:center;display:flex;position:relative}.toolbar__search .icon{color:var(--muted);pointer-events:none;position:absolute;left:13px}.toolbar__search input{border-radius:999px;padding-left:40px;padding-right:40px}.toolbar__search .field-clear{right:5px}.toolbar__summary{color:var(--ink-2);font-size:.92rem}.shelf{flex-direction:column;gap:18px;padding-top:10px;display:flex}.shelf__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;display:flex}.shelf__header h3{font-size:1.4rem}.shelf__header p{color:var(--muted);white-space:nowrap;font-size:.9rem}.month-flow{flex-wrap:wrap;align-items:flex-start;gap:32px 40px;display:flex}.month-block{flex-direction:column;gap:14px;min-width:128px;max-width:100%;display:flex}.month-block__header{border-bottom:1px solid var(--line);padding-bottom:8px}.month-block__header h4{font-family:var(--font-serif);margin:0;font-size:1.12rem;font-weight:600}.month-block__header p{color:var(--muted);font-size:.8rem}.book-grid.book-grid--compact{flex-wrap:wrap;gap:24px 18px;display:flex}.book-grid--compact>li{width:128px}@media (width<=560px){.month-flow{gap:26px 18px}.month-block{min-width:100px}.book-grid.book-grid--compact{gap:18px 12px}.book-grid--compact>li{width:100px}}.book-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:32px 24px;margin:0;padding:0;list-style:none;display:grid}.book-tile{color:inherit;flex-direction:column;gap:3px;text-decoration:none;display:flex}.book-tile .cover{margin-bottom:10px;transition:transform .2s,box-shadow .2s}.book-tile:hover .cover{box-shadow:var(--cover-shadow), 0 18px 28px -14px #1e0f0573;transform:translateY(-4px)rotate(-.5deg)}.book-tile__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.93rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.book-tile__author{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:.83rem;overflow:hidden}.book-tile__detail{color:var(--muted);font-size:.8rem}@media (width<=560px){.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}.book-tile__title{font-size:.84rem}.book-tile__author{font-size:.78rem}}.reading-now{flex-direction:column;gap:12px;display:flex}.reading-now__list{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.reading-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);color:inherit;align-items:center;gap:14px;padding:12px 16px 12px 12px;text-decoration:none;transition:border-color .15s;display:flex}.reading-card:hover{border-color:var(--line-strong)}.reading-card .cover{flex:none;width:52px}.reading-card__text{flex-direction:column;gap:2px;min-width:0;display:flex}.reading-card__title{font-family:var(--font-serif);font-size:1.08rem;font-weight:600;line-height:1.25}.reading-card__author{color:var(--ink-2);font-size:.86rem}.reading-card__meta{color:var(--muted);font-size:.82rem}.goal{flex-direction:column;gap:8px;display:flex}.goal--compact{flex:0 300px;min-width:min(260px,100%)}.goal__label{color:var(--ink-2);justify-content:space-between;gap:12px;font-size:.9rem;display:flex}.goal__label strong{color:var(--ink);font-weight:600}.meter{background:var(--accent-soft);border-radius:999px;height:10px;overflow:hidden}.meter__fill{border-radius:inherit;background:var(--accent);height:100%;transition:width .4s;display:block}.goal__note{color:var(--muted);font-size:.85rem}.goal-card{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.goal-card .goal{width:100%}.goal-card__empty{color:var(--ink-2)}.goal-card__form{flex-wrap:wrap;gap:8px;display:flex}.goal-card__form input{width:110px!important}.add-search{flex-direction:column;gap:12px;display:flex}.book-search{position:relative}.book-search__field{align-items:center;display:flex;position:relative}.book-search__field>.icon{color:var(--muted);pointer-events:none;position:absolute;left:18px}.book-search__field input{border-radius:999px;min-height:56px;padding:12px 50px 12px 48px;font-size:1.1rem}.book-search__field .spinner{position:absolute;right:20px}.book-search__panel{z-index:30;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-md);position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}.book-search__list{max-height:min(440px,52vh);margin:0;padding:6px;list-style:none;overflow-y:auto}.book-search__list:empty{display:none}.book-search__hit{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:8px;display:flex}.book-search__hit[aria-selected=true]{background:var(--surface-2)}.book-search__hit img,.book-search__noimage{object-fit:cover;background:var(--surface-3);border-radius:2px 4px 4px 2px;flex:none;width:40px;height:60px;box-shadow:0 1px 3px #00000040}.book-search__text{flex-direction:column;min-width:0;display:flex}.book-search__title{font-weight:600;line-height:1.3}.book-search__subtitle{color:var(--ink-2);font-weight:400}.book-search__authors{color:var(--ink-2);font-size:.88rem}.book-search__details{color:var(--muted);font-size:.8rem}.book-search__footer{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding:10px 16px 12px;display:flex}.book-search__list:empty+.book-search__footer{border-top:none}.book-search__status,.book-search__problem{color:var(--muted);font-size:.86rem}.book-search__manual{text-align:left;color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;padding:4px 0;font-weight:600;display:inline-flex}.book-search__manual:hover{text-decoration:underline}.spinner{border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.spinner--large{border-width:3px;width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}.book-form__grid{grid-template-columns:170px 1fr;align-items:start;gap:28px;display:grid}.cover-picker{flex-direction:column;gap:14px;display:flex}.cover-picker__preview{width:150px}.cover-picker__controls{flex-direction:column;gap:10px;min-width:0;display:flex}.cover-picker__controls .button-row{gap:6px}.cover-picker__link{gap:6px;display:flex}.cover-picker__link input{min-height:34px;padding:5px 10px;font-size:.875rem}.cover-picker__options ul{flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0;list-style:none;display:flex}.cover-picker__options button{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:5px;padding:0}.cover-picker__options button:hover{border-color:var(--accent)}.cover-picker__options img{object-fit:cover;border-radius:3px;width:42px;height:63px}@media (width<=640px){.book-form__grid{grid-template-columns:1fr}.cover-picker{flex-direction:row;align-items:flex-start}.cover-picker__preview{flex:none;width:108px}}.form-actions{z-index:5;background:linear-gradient(transparent, var(--bg) 35%);justify-content:flex-end;align-items:center;gap:12px;padding:16px 0 12px;display:flex;position:sticky;bottom:0}@media (width<=720px){.form-actions{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}}.book-hero{grid-template-columns:minmax(180px,250px) 1fr;align-items:start;gap:40px;display:grid}.book-hero__info{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.book-hero__title{font-size:clamp(2rem,1.5rem + 2vw,3rem)}.book-hero__subtitle{color:var(--ink-2);font-family:var(--font-serif);margin-top:-6px;font-size:1.2rem;font-style:italic}.book-hero__authors{color:var(--ink-2);font-size:1.1rem}.book-hero__dates{color:var(--ink-2);align-items:center;gap:8px;font-size:.95rem;display:flex}.book-hero__dates .icon{color:var(--accent)}.book-hero__rating{flex-direction:column;gap:2px;display:flex}.book-hero .button-row{margin-top:8px}@media (width<=720px){.book-hero{grid-template-columns:1fr;gap:26px}.book-hero__cover{width:min(180px,48vw);margin:0 auto}}.status-pill{background:var(--surface-2);color:var(--ink-2);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.status-pill--finished{background:var(--accent-soft);color:var(--accent-soft-ink)}.status-pill--reading{background:var(--info-soft);color:var(--info-ink)}.facts{flex-wrap:wrap;gap:8px 32px;margin:4px 0;display:flex}.facts div{flex-direction:column;display:flex}.facts dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.facts dd{margin:0;font-weight:600}.notes h2{margin-bottom:10px;font-size:1.3rem}.notes p{color:var(--ink-2);white-space:pre-wrap}.stars{gap:2px;display:inline-flex}.star{color:var(--line-strong);display:inline-flex}.star--on{color:var(--gold)}button.star{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px;transition:transform .1s}button.star:hover:not(:disabled){transform:scale(1.12)}.book-tile .stars{margin-top:2px}.quiz__settings{flex-direction:column;gap:14px;margin-bottom:22px;display:flex}.quiz__actions{margin-bottom:14px}.quiz__preview summary,.disclosure summary{color:var(--accent);cursor:pointer;padding:6px 0;font-weight:600}.quiz__preview textarea{background:var(--surface-2);font-family:var(--font-mono);margin-top:8px;font-size:.82rem;line-height:1.55}.quiz__log{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:22px;padding-top:22px;display:flex}.quiz__log h3{font-size:1.15rem}.quiz__score-form{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.quiz__score-form input{width:84px!important}.quiz__history{margin:0;padding:0;list-style:none}.quiz__history li{border-bottom:1px solid var(--line);grid-template-columns:56px 52px 1fr auto;align-items:center;gap:12px;padding:6px 0;display:grid}.quiz__score{font-variant-numeric:tabular-nums;font-weight:700}.quiz__percent{color:var(--ink-2);font-variant-numeric:tabular-nums}.quiz__date{color:var(--muted);font-size:.88rem}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.stat-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:2px;padding:16px 18px;display:flex}.stat-tile__label{color:var(--ink-2);font-size:.86rem}.stat-tile__value{font-family:var(--font-sans);letter-spacing:-.02em;font-size:2rem;font-weight:600;line-height:1.2}.stat-tile__note{color:var(--muted);font-size:.8rem}.chart{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:0;padding:18px 18px 8px}.chart__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.chart__title{font-size:1rem;font-weight:600}.chart__subtitle{color:var(--muted);font-size:.82rem}.chart__tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chart__plot{position:relative}.chart__plot svg{display:block;overflow:visible}.chart__grid,.chart__baseline{stroke-width:1px;shape-rendering:crispedges}.chart__grid{stroke:var(--chart-grid)}.chart__baseline{stroke:var(--chart-axis)}.chart__tick{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.chart__value{fill:var(--ink);font-size:12px;font-weight:600}.chart__bar{fill:var(--chart-1);transition:fill .12s}.chart__bar--active{fill:var(--chart-1-hover)}.chart__hit{fill:#0000;outline:none}.chart__hit:focus-visible{fill:color-mix(in srgb, var(--chart-1) 10%, transparent)}.chart__tooltip{z-index:2;background:var(--ink);color:var(--bg);box-shadow:var(--shadow-md);white-space:nowrap;pointer-events:none;border-radius:8px;flex-direction:column;gap:1px;padding:8px 12px;font-size:.82rem;display:flex;position:absolute;transform:translate(-50%,-100%)}.chart__tooltip strong{font-size:.95rem}.chart__tooltip-label{opacity:.75}.chart__table-wrap{padding-bottom:10px;overflow-x:auto}.chart__table{border-collapse:collapse;width:100%;font-size:.9rem}.chart__table th,.chart__table td{border-bottom:1px solid var(--line);text-align:left;padding:7px 10px}.chart__table thead th{color:var(--ink-2);font-weight:600}.chart__table tbody th{font-weight:500}.chart__table td{text-align:right;font-variant-numeric:tabular-nums}.highlights{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.highlight{color:inherit;align-items:center;gap:14px;padding:14px;text-decoration:none;display:flex}.highlight .cover{flex:none;width:48px}.highlight__text{flex-direction:column;min-width:0;display:flex}.highlight__label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.highlight__title{font-family:var(--font-serif);font-size:1.05rem;font-weight:600}.highlight__detail{color:var(--ink-2);font-size:.86rem}.cover-row{flex-wrap:wrap;gap:14px;margin:0;padding:0;list-style:none;display:flex}.cover-row li{width:64px}.source-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.source-list li{align-items:flex-start;gap:10px;display:flex}.source-list__icon{background:var(--surface-2);width:28px;height:28px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.source-list__icon--on{background:var(--success-soft);color:var(--success)}.disclosure ol{color:var(--ink-2);flex-direction:column;gap:8px;margin:10px 0 0;padding-left:22px;display:flex}.dialog{border-radius:var(--radius);background:var(--surface);width:min(480px,100% - 32px);color:var(--ink);box-shadow:var(--shadow-md);border:none;padding:0}.dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#140c0673}.dialog__body{flex-direction:column;gap:18px;padding:24px;display:flex}.dialog__title{font-size:1.3rem}.dialog__actions{justify-content:flex-end}.toasts{z-index:100;pointer-events:none;flex-direction:column;gap:8px;width:min(460px,100% - 32px);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=900px){.toasts{bottom:calc(var(--tabbar-h) + 14px + env(safe-area-inset-bottom))}}.toast{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-md);pointer-events:auto;border-radius:12px;align-items:center;gap:10px;padding:11px 10px 11px 16px;font-size:.92rem;animation:.2s toast-in;display:flex}.toast--error{color:#fff;background:#b3261e}.toast>span{flex:1}.toast__close{color:inherit;opacity:.75;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.spinner{animation-duration:1.5s!important}}@media (width<=560px){.goal--compact{flex-basis:100%}}.auth-shell{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.auth-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow-md);flex-direction:column;gap:16px;padding:32px 28px;display:flex}.auth-card h1{font-size:1.8rem}.auth-card__intro{color:var(--ink-2);margin-top:-8px}.auth-brand{font-family:var(--font-serif);align-items:center;gap:12px;margin-bottom:4px;font-size:1.4rem;font-weight:700;display:flex}.auth-notice{border-radius:var(--radius-sm);background:var(--info-soft);color:var(--info-ink);padding:12px 14px;font-size:.92rem}.auth-notice a{font-weight:600}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:68px}.password-field__toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:.85rem;font-weight:600;position:absolute;right:6px}.password-field__toggle:hover{background:var(--surface-2)}.account-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.account-form{max-width:420px;margin-top:12px}.avatar{--avatar-bg:#f6dfe5;--avatar-ring:#8c2f45;background:var(--avatar-bg);box-shadow:inset 0 0 0 2px var(--avatar-ring);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid}.avatar--sm{width:32px;height:32px;font-size:18px}.avatar--md{width:44px;height:44px;font-size:24px}.avatar--lg{width:56px;height:56px;font-size:30px}.avatar--xl{width:96px;height:96px;box-shadow:inset 0 0 0 3px var(--avatar-ring);font-size:54px}.avatar--berry{--avatar-bg:#f6dfe5;--avatar-ring:#8c2f45}.avatar--ocean{--avatar-bg:#dcebfa;--avatar-ring:#1f5f99}.avatar--forest{--avatar-bg:#dcefe3;--avatar-ring:#2f6b4f}.avatar--sunset{--avatar-bg:#fbe3d4;--avatar-ring:#b4532a}.avatar--grape{--avatar-bg:#ece0f6;--avatar-ring:#6b3f8f}.avatar--teal{--avatar-bg:#d6eff0;--avatar-ring:#1d6d73}.avatar--honey{--avatar-bg:#fbeecf;--avatar-ring:#9a6a12}.avatar--slate{--avatar-bg:#e3e7ef;--avatar-ring:#46506a}@media (prefers-color-scheme:dark){.avatar--berry{--avatar-bg:#4a2330;--avatar-ring:#e58aa0}.avatar--ocean{--avatar-bg:#1c3552;--avatar-ring:#8ec0f0}.avatar--forest{--avatar-bg:#1d3b2c;--avatar-ring:#86d0a6}.avatar--sunset{--avatar-bg:#4d2a1a;--avatar-ring:#f2a37a}.avatar--grape{--avatar-bg:#35234a;--avatar-ring:#c9a6ec}.avatar--teal{--avatar-bg:#183c40;--avatar-ring:#7fd0d6}.avatar--honey{--avatar-bg:#45351a;--avatar-ring:#e8c46a}.avatar--slate{--avatar-bg:#2b303d;--avatar-ring:#b7c0d6}}.reader-chip{background:var(--surface-2);min-width:0;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:3px 12px 3px 3px;font-weight:600;text-decoration:none;display:flex}.reader-chip:hover{background:var(--surface-3)}.reader-chip .icon{color:var(--muted);flex:none}.reader-chip__name{white-space:nowrap;text-overflow:ellipsis;max-width:12em;overflow:hidden}.topbar__inner:has(.reader-chip){gap:18px}.app--reader .brand__name{display:none}@media (width<=900px){.app:not(.app--reader) .topnav{display:flex}}@media (width<=560px){.app:not(.app--reader) .brand__name{display:none}.app:not(.app--reader) .topbar__inner{gap:12px}.app:not(.app--reader) .topnav__link{padding:8px 10px}}.reader-chip{flex:none}@media (width<=1100px){.grown-up-pill__label{display:none}}.lock-hint{opacity:.6;display:inline-flex}.grown-up-pill{background:var(--info-soft);color:var(--info-ink);white-space:nowrap;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.grown-up-pill:hover{filter:brightness(.97)}.who{max-width:860px;margin:0 auto}.who__header{text-align:center}.who__header h1{font-size:clamp(2rem,1.6rem + 1.6vw,2.8rem)}.who__header .page-header__lede{max-width:48ch;margin:10px auto 0}.who__grid{flex-wrap:wrap;justify-content:center;gap:18px;margin:0;padding:0;list-style:none;display:flex}.who__grid>li{width:180px}@media (width<=440px){.who__grid{gap:12px}.who__grid>li{width:calc(50% - 6px)}}.who__tile{border:1px solid var(--line);background:var(--surface);width:100%;height:100%;box-shadow:var(--shadow-sm);color:var(--ink);text-align:center;cursor:pointer;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:24px 14px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.who__tile:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.who__name{font-size:1.2rem;font-weight:700}.who__detail{color:var(--muted);align-items:center;gap:4px;font-size:.85rem;display:inline-flex}.who__actions{justify-content:center;display:flex}@media (prefers-reduced-motion:reduce){.who__tile{transition:none}.who__tile:hover{transform:none}}.reader-form__preview{justify-content:center;display:flex}.choice-group{border:none;margin:0;padding:0}.choice-group legend{margin-bottom:8px;padding:0;font-weight:600}.animal-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;display:grid}.animal-choice,.color-choice{cursor:pointer;position:relative}.animal-choice input,.color-choice input{opacity:0;pointer-events:none;position:absolute}.animal-choice span[aria-hidden]{border:2px solid #0000;border-radius:12px;place-items:center;height:46px;font-size:1.6rem;line-height:1;display:grid}.animal-choice:hover span[aria-hidden]{background:var(--surface-2)}.animal-choice:has(input:checked) span[aria-hidden]{border-color:var(--accent);background:var(--accent-soft)}.animal-choice:has(input:focus-visible) span[aria-hidden]{outline:2px solid var(--accent);outline-offset:2px}.color-choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.color-grid{flex-wrap:wrap;gap:12px;display:flex}.color-choice{background:var(--avatar-ring);border-radius:50%;width:34px;height:34px}.color-choice:has(input:checked){box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--avatar-ring)}.reader-form__remove,.read-dialog__remove,.pin-form__forgot{margin-right:auto}.reader-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.reader-list__item{align-items:center;gap:12px;display:flex}.reader-list__text{flex-direction:column;flex:1;min-width:0;display:flex}.pin-input{max-width:11rem;font-family:var(--font-mono);letter-spacing:.5em;text-align:center;font-size:1.6rem}.book-hero__top{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.more-menu{position:relative}.more-menu__list{z-index:30;border:1px solid var(--line);background:var(--raised);min-width:240px;box-shadow:var(--shadow-md);border-radius:12px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.more-menu__item{white-space:nowrap;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-weight:500;display:flex}.more-menu__item:hover,.more-menu__item:focus-visible{background:var(--surface-2);outline:none}.more-menu__item .icon{color:var(--ink-2)}.more-menu__lock{color:var(--muted);margin-left:auto;display:inline-flex}.read-history{margin:0;padding:0;list-style:none}.read-history__item{border-bottom:1px solid var(--line);grid-template-columns:minmax(5.5em,auto) 1fr auto;align-items:center;gap:12px;padding:8px 0;display:grid}.read-history__item:last-child{border-bottom:none}.read-history__number{color:var(--ink-2);font-size:.9rem;font-weight:700}.read-history__item--now .read-history__dates{color:var(--info-ink);font-weight:600}.reread-tag{white-space:nowrap;background:var(--info-soft);color:var(--info-ink);border-radius:999px;align-self:flex-start;margin-top:2px;padding:1px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.archived-banner{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.archived-banner .button{margin-left:auto}.archived-link{text-align:center}.archived-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.archived-list__item{justify-content:space-between;align-items:center;gap:14px;display:flex}.archived-list__book{align-items:center;gap:14px;min-width:0;text-decoration:none;display:flex}.archived-list__text{flex-direction:column;min-width:0;display:flex}.archived-list__title{font-weight:600}.archived-list__author{color:var(--ink-2);font-size:.9rem}.archived-list__date{color:var(--muted);font-size:.8rem}.move-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.move-list__reader{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-weight:600;display:flex}.move-list__reader:hover{background:var(--surface-2)}.quiz__summary{cursor:pointer;align-items:center;gap:12px;list-style:none;display:flex}.quiz__summary::-webkit-details-marker{display:none}.quiz__title{align-items:center;gap:10px;font-size:1.4rem;display:flex}.quiz__title .icon{color:var(--accent)}.quiz__last{color:var(--muted);font-size:.9rem}.quiz__chevron{color:var(--muted);margin-left:auto;transition:transform .2s;display:inline-flex}.quiz[open] .quiz__chevron{transform:rotate(180deg)}.quiz[open]>.quiz__summary{margin-bottom:10px}.quiz>.card__intro{margin-bottom:20px}.badge-medal{flex:none}.badge-medal__rim{fill:var(--badge-rim)}.badge-medal__face{fill:var(--badge-face)}.badge-medal__art{stroke:var(--badge-art)}.badge-medal--locked{--badge-rim:var(--line-strong);--badge-face:var(--surface-2);--badge-art:var(--muted)}.badge-medal--tier1{--badge-rim:#8f5226;--badge-face:#c98a55;--badge-art:#fff8f0}.badge-medal--tier2{--badge-rim:#6f7a86;--badge-face:#c3ccd5;--badge-art:#313a44}.badge-medal--tier3{--badge-rim:#9a6a0c;--badge-face:#e6c052;--badge-art:#4f3505}.badge-medal--tier4{--badge-rim:#1f6b48;--badge-face:#3fa072;--badge-art:#f0fff6}.badge-medal--tier5{--badge-rim:#234f99;--badge-face:#4a7fd0;--badge-art:#f0f5ff}.badge-medal--tier6{--badge-rim:#5d3590;--badge-face:#8e62c4;--badge-art:#f7f0ff}.badge-medal--tier7{--badge-rim:#8f1f38;--badge-face:#c8445f;--badge-art:#fff0f3}.badge-medal--tier8{--badge-rim:#217f8f;--badge-face:#7fd3e0;--badge-art:#0e3a42}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.badge-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:22px 16px 18px;display:flex}.badge-card__name{margin-top:4px;font-size:1.2rem}.badge-card__level{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:700}.badge-card--locked .badge-card__level{color:var(--muted)}.badge-card__summary{color:var(--ink-2);font-size:.9rem}.badge-card__next{flex-direction:column;gap:6px;width:100%;margin-top:6px;display:flex}.badge-card__goal{font-size:.85rem;font-weight:600}.badge-card__count,.badge-card__earned{color:var(--muted);font-size:.8rem}.celebration{gap:14px;max-height:min(56vh,460px);margin:0;padding:2px;list-style:none;display:grid;overflow-y:auto}.celebration--many{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px 16px}.celebration--many .celebration__text strong{font-size:1rem}.celebration--many .celebration__text span{font-size:.82rem}.celebration__item{align-items:center;gap:14px;display:flex}.celebration__item .badge-medal{animation:.45s cubic-bezier(.2,1.4,.4,1) both badge-pop}.celebration__item:nth-child(2) .badge-medal{animation-delay:.1s}.celebration__item:nth-child(3) .badge-medal{animation-delay:.2s}.celebration__text{flex-direction:column;display:flex}.celebration__text strong{font-size:1.15rem}.celebration__text span{color:var(--ink-2);font-size:.9rem}@keyframes badge-pop{0%{opacity:0;transform:scale(.6)rotate(-12deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.celebration__item .badge-medal{animation:none}}.family-hero{grid-template-columns:auto 1fr;align-items:center;gap:16px 36px;display:grid}.family-hero__figure{flex-direction:column;gap:4px;max-width:16em;display:flex}.family-hero__value{font-family:var(--font-sans);letter-spacing:-.03em;font-size:clamp(3rem,2.2rem + 3vw,4.25rem);font-weight:700;line-height:1}.family-hero__label{color:var(--ink-2)}.family-hero .field-hint{grid-column:1/-1}.kpis--compact{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}@media (width<=720px){.family-hero{grid-template-columns:1fr}}.family-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.family-card{flex-direction:column;gap:16px;display:flex}.family-card__header{align-items:center;gap:12px;display:flex}.family-card__name{flex:1;min-width:0;font-size:1.4rem}.family-card__stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.family-card__stat{flex-direction:column;display:flex}.family-card__stat-value{font-family:var(--font-sans);font-size:1.6rem;font-weight:600;line-height:1.2}.family-card__stat-label{color:var(--muted);font-size:.8rem}.family-card__label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:700;display:block}.family-card__line .family-card__label{margin:0 6px 0 0;display:inline}.family-card .goal--compact{flex:none;min-width:0}.family-card__covers li{width:44px}.family-card__covers{align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.family-card__more{color:var(--muted);font-weight:600}.family-card__muted{color:var(--muted);font-size:.9rem}.family-card__line a{color:var(--accent);font-weight:600}.family-card__badge{background:var(--surface-2);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;text-decoration:none;display:flex}.family-card__badge .family-card__label{margin-bottom:0}.sparkline{display:block;overflow:visible}.sparkline__baseline{stroke:var(--chart-axis);stroke-width:1px}.sparkline__bar{fill:var(--line-strong)}.sparkline__bar--current{fill:var(--chart-1)}