:root{--bg: #ffffff;--surface: #f5f6f7;--segment-active: #ffffff;--text: #1a1c1e;--muted: #59616b;--border: #dde1e5;--accent: #1d6b58;--accent-text: #ffffff;--accent-soft: #dcefe9;--danger: #b3261e;--star: #b7791f;--shadow: rgb(0 0 0 / .14);--radius: 14px;--tabbar-height: 62px;color-scheme:light}:root[data-theme=dark]{--bg: #17150f;--surface: #211e17;--segment-active: #211e17;--text: #efe9dc;--muted: #a59d8b;--border: #37322a;--accent: #7fbfa8;--accent-text: #10201a;--accent-soft: #263a33;--danger: #ef8f7f;--star: #f0c04a;--shadow: rgb(0 0 0 / .5);color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg: #17150f;--surface: #211e17;--segment-active: #211e17;--text: #efe9dc;--muted: #a59d8b;--border: #37322a;--accent: #7fbfa8;--accent-text: #10201a;--accent-soft: #263a33;--danger: #ef8f7f;--star: #f0c04a;--shadow: rgb(0 0 0 / .5);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}h1,h2,p{margin:0}button,input{font:inherit;color:inherit}.app{max-width:640px;margin:0 auto;min-height:100dvh}.app--signed-in{padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom))}.topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 16px 6px}.topbar__title{font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:700}.menu-button{display:grid;place-items:center;width:44px;height:44px;margin-right:-10px;border:0;border-radius:50%;background:none;cursor:pointer}.menu-button svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:flex-end;justify-content:center}.sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.sheet__panel{position:relative;display:grid;gap:12px;width:100%;max-width:640px;padding:10px 16px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--border);border-radius:20px 20px 0 0;background:var(--bg)}.sheet__handle{justify-self:center;width:40px;height:4px;border-radius:999px;background:var(--border)}.sheet__user{display:flex;align-items:center;gap:12px;padding:4px 2px;overflow-wrap:anywhere}.sheet__user small{display:block;color:var(--muted);font-size:.85rem}.sheet__initial{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-family:Georgia,Times New Roman,serif;font-size:1.3rem;font-weight:700;text-transform:uppercase}.sheet__group{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.sheet__item{display:flex;align-items:center;gap:14px;width:100%;min-height:54px;padding:0 16px;border:0;background:none;color:var(--text);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.sheet__item+.sheet__item{border-top:1px solid var(--border)}.sheet__item svg{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--muted)}.sheet__item.router-link-exact-active{color:var(--accent);font-weight:600}.sheet__item.router-link-exact-active svg,.sheet__item--danger svg{color:inherit}.sheet__item--danger{color:var(--danger)}.sheet-enter-active,.sheet-leave-active{transition:opacity .2s}.sheet-enter-active .sheet__panel,.sheet-leave-active .sheet__panel{transition:translate .22s ease-out}.sheet-enter-from,.sheet-leave-to{opacity:0}.sheet-enter-from .sheet__panel,.sheet-leave-to .sheet__panel{translate:0 100%}@media (prefers-reduced-motion: reduce){.sheet-enter-active .sheet__panel,.sheet-leave-active .sheet__panel{transition:none}}.content{padding:10px 16px 24px}.tabbar{position:fixed;inset:auto 0 0 0;z-index:10;display:flex;justify-content:center;padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border)}.tabbar__item{flex:1;max-width:160px;height:var(--tabbar-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:.75rem;text-decoration:none}.tabbar__item svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tabbar__item.router-link-exact-active{color:var(--accent);font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:var(--accent-text);font-weight:600;text-decoration:none;cursor:pointer}.button--secondary{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--text)}.button--ghost{background:transparent;border-color:var(--border);color:var(--text)}.button--small{min-height:38px;padding:0 14px;font-size:.9rem}.button:disabled{opacity:.55;cursor:default}.link-button{padding:8px 0;border:0;background:none;color:var(--accent);font-size:.9rem;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link-button--danger{color:var(--danger)}input[type=text],input[type=search],input[type=password],input[type=number]{min-height:46px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}label{font-size:.9rem;color:var(--muted)}.hint{padding:18px 0;color:var(--muted);text-align:center}.error{padding:8px 0;color:var(--danger)}.empty{display:grid;justify-items:center;gap:16px;padding:48px 0;color:var(--muted)}.lists{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;margin-bottom:14px}.lists__item{display:grid;gap:1px;justify-items:center;padding:9px 2px 8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--muted);font:inherit;cursor:pointer}.lists__count{color:var(--text);font-size:1.2rem;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}.lists__label{max-width:100%;overflow:hidden;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.lists__item[aria-selected=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.lists__item[aria-selected=true] .lists__label{font-weight:600}.segments{display:flex;overflow-x:auto;gap:4px;padding:4px;margin-bottom:14px;border-radius:999px;background:var(--border)}.segments__item{flex:1;min-height:38px;padding:0 6px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:.9rem;white-space:nowrap;cursor:pointer}.segments__item[aria-selected=true]{background:var(--segment-active);color:var(--text);font-weight:600}.login{display:grid;gap:8px;max-width:340px;margin:0 auto;padding-top:18vh}.login h1{margin-bottom:20px;font-family:Georgia,Times New Roman,serif;font-size:2.2rem;text-align:center}.login .button{margin-top:12px}.account{display:grid;gap:8px;max-width:340px}.account h1{margin-bottom:8px;font-family:Georgia,Times New Roman,serif;font-size:1.3rem}.account .button{margin-top:12px}.account__note{color:var(--muted);font-size:.88rem}.account__success{padding:8px 0;color:var(--accent);font-weight:600}.setting{display:grid;gap:8px;padding:12px 0}.setting label{color:var(--text);font-size:1rem}.setting small{display:block;color:var(--muted);font-size:.85rem}select{min-height:46px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit}.switch{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;color:var(--text);font-size:1rem;cursor:pointer}.switch small{display:block;color:var(--muted);font-size:.85rem}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;position:relative;width:52px;height:32px;margin:0;border-radius:999px;background:color-mix(in srgb,var(--muted) 60%,var(--bg));cursor:pointer;transition:background .2s}.switch input:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:translate .2s}.switch input:checked{background:var(--accent)}.switch input:checked:after{translate:20px 0}.cover{aspect-ratio:2 / 3;overflow:hidden;border-radius:6px;background:var(--accent-soft);box-shadow:0 2px 8px var(--shadow)}.cover img{display:block;width:100%;height:100%;object-fit:cover}.cover__placeholder{display:grid;place-items:center;height:100%;color:var(--accent);font-family:Georgia,Times New Roman,serif;font-size:2rem;text-transform:uppercase}.book-list{display:grid;gap:12px}.book{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:start;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.book__title{font-family:Georgia,Times New Roman,serif;font-size:1.08rem;line-height:1.25;overflow-wrap:anywhere}.book__meta{margin-top:2px;color:var(--muted);font-size:.88rem}.book__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.book__menu{display:grid;justify-items:start;margin-top:6px}.rating{grid-column:1 / -1;display:grid;gap:2px}.rating__stars{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));max-width:400px}.rating__star{display:grid;place-items:center;height:40px;padding:0;border:0;background:none;color:var(--muted);cursor:pointer}.rating__star svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.rating__star--on{color:var(--star)}.rating__star--on svg{fill:currentColor}.rating__label{color:var(--muted);font-size:.85rem}.progress{height:8px;margin-top:12px;overflow:hidden;border-radius:999px;background:var(--border)}.progress__bar{height:100%;border-radius:999px;background:var(--accent);transition:width .3s}.page-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.page-form input{width:84px;min-height:38px;font-variant-numeric:tabular-nums}.page-form .page-form__date,.page-form input[type=date]{width:auto;min-height:38px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit}.page-form__break{flex-basis:100%;height:0}.page-form__hint{flex-basis:100%}.page-form__total{color:var(--muted);font-size:.88rem;font-variant-numeric:tabular-nums}.back{display:inline-flex;align-items:center;gap:2px;min-height:38px;padding:0 14px 0 8px;margin-bottom:6px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer}.back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.details{display:grid;gap:22px;margin-top:8px}.details__head{display:grid;grid-template-columns:116px minmax(0,1fr);gap:16px;align-items:start}.details__title{font-family:Georgia,Times New Roman,serif;font-size:1.3rem;line-height:1.25;overflow-wrap:anywhere}.details__status{display:block;margin-top:10px;color:var(--accent);font-size:.9rem;font-weight:600}.details__action{margin-top:12px}.details__heading{margin-bottom:6px;color:var(--muted);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.details__description{max-width:65ch;white-space:pre-line}.details__facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 18px;margin:0}.details__facts dt{color:var(--muted)}.details__facts dd{margin:0;overflow-wrap:anywhere}.details__subjects{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0;list-style:none}.details__subjects li{padding:4px 10px;border-radius:999px;background:var(--accent-soft);font-size:.85rem}.book__title a,.suggestion__link{color:inherit;text-decoration:none}.suggestion__link{display:flex;flex-direction:column;gap:4px}.notes{display:grid;gap:12px;padding:0;margin:0 0 16px;list-style:none}.note__text{margin:0;white-space:pre-line;overflow-wrap:anywhere}.note--quote .note__text{padding-left:12px;border-left:3px solid var(--accent);font-family:Georgia,Times New Roman,serif;font-style:italic}.note__meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.85rem}.note-form{display:grid;gap:8px;max-width:480px}.note-form__kind{max-width:220px;margin-bottom:0}textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;resize:vertical}.stats{display:grid;gap:26px}.stats__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.stats__header h1{font-family:Georgia,Times New Roman,serif;font-size:1.3rem}.stats__header select{min-height:38px}.stats__year{color:var(--muted);font-variant-numeric:tabular-nums}.stats__tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.stats__tiles div{padding:14px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.stats__tiles dd{margin:0;font-size:1.7rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.stats__tiles dt{margin-top:4px;color:var(--muted);font-size:.8rem}.goal{display:grid;gap:6px;justify-items:start}.goal .progress{width:100%;margin-top:2px}.goal__text span{color:var(--muted)}.chart{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px;height:180px;border-bottom:1px solid var(--border)}.chart__column{display:grid;grid-template-rows:20px minmax(0,1fr);justify-items:center;align-items:end;position:relative;padding:0;border:0;background:none;color:var(--text);font:inherit;text-decoration:none;cursor:pointer}.chart__value{font-size:.8rem;font-variant-numeric:tabular-nums}.chart__bar{width:min(22px,70%);min-height:0;border-radius:4px 4px 0 0;background:var(--accent);opacity:.85}.chart__column:hover .chart__bar{opacity:1}.chart__column:active{background:var(--surface)}.chart__label{position:absolute;top:calc(100% + 6px);color:var(--muted);font-size:.72rem}.chart__detail{margin-top:28px;color:var(--muted);font-size:.88rem}.stats__tiles small{color:var(--muted);font-size:.8rem;font-weight:400}.chart-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.chart-header .details__heading{margin-bottom:0}.chart-header__toggle{flex:none;width:170px;margin-bottom:0}.chart-header__toggle .segments__item{min-height:30px;font-size:.8rem}.month-nav{display:flex;gap:6px}.month-nav__link{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:50%;background:none;color:var(--text);cursor:pointer}.month-nav__link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar__weekday{padding-bottom:2px;color:var(--muted);font-size:.72rem;text-align:center}.calendar__day{display:grid;grid-template-rows:auto 1fr;justify-items:center;min-height:50px;padding:5px 2px 4px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.calendar__number{color:var(--muted);font-size:.72rem;font-variant-numeric:tabular-nums}.calendar__pages{align-self:center;font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums}.calendar__day--level-1{border-color:transparent;background:color-mix(in srgb,var(--accent) 16%,var(--bg))}.calendar__day--level-2{border-color:transparent;background:color-mix(in srgb,var(--accent) 28%,var(--bg))}.calendar__day--level-3{border-color:transparent;background:color-mix(in srgb,var(--accent) 40%,var(--bg))}.calendar__day--level-4{border-color:transparent;background:color-mix(in srgb,var(--accent) 52%,var(--bg))}.calendar__day[class*=--level-]:not(.calendar__day--level-0) .calendar__number{color:var(--text)}.calendar__day--future{border-style:dashed;background:none;opacity:.55}.calendar__legend{margin-top:10px}.reading-log{margin-top:8px}.reading-log__month{margin:10px 0 8px}.month-nav__link:disabled{opacity:.35}.reading-log__bar-cell{width:45%;padding-right:0;vertical-align:middle}.reading-log__bar{display:block;height:8px;min-width:2px;border-radius:0 4px 4px 0;background:var(--accent)}.stats__table.reading-log .stats__number{padding-right:12px}.stats__table{width:100%;border-collapse:collapse;font-size:.92rem}.stats__table th{padding:6px 8px 6px 0;border-bottom:1px solid var(--border);color:var(--muted);font-size:.8rem;font-weight:600;text-align:left}.stats__table td{padding:8px 8px 8px 0;border-bottom:1px solid var(--border);vertical-align:top}.stats__table a{color:inherit}.stats__table .stats__number{padding-right:0;padding-left:8px;text-align:right;font-variant-numeric:tabular-nums}.stats__undated{margin-top:10px}.stats__date{color:var(--muted);white-space:nowrap}.scanner{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius);background:#000}.scanner video{width:100%;height:100%;object-fit:cover}.scanner__frame{position:absolute;top:30%;right:10%;bottom:30%;left:10%;border:3px solid #fff;border-radius:12px;box-shadow:0 0 0 100vmax #00000059}.manual{display:grid;gap:6px;margin-top:8px}.manual__row{display:flex;gap:8px}.manual__row input{flex:1;min-width:0}.scan-result{display:grid;justify-items:center;gap:6px;padding-top:8px;text-align:center}.scan-result .cover{width:150px;margin:10px 0}.scan-result__note{color:var(--accent);font-weight:600}.scan-result__actions{display:grid;gap:10px;width:100%;max-width:320px;margin-top:16px}.suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}@media (min-width: 520px){.suggestions{grid-template-columns:repeat(3,minmax(0,1fr))}}.suggestion{display:flex;flex-direction:column;gap:4px}.suggestion .cover{margin-bottom:6px}.suggestion__title{font-family:Georgia,Times New Roman,serif;font-size:.98rem;line-height:1.25;overflow-wrap:anywhere}.suggestion__reason{color:var(--muted);font-size:.8rem}.suggestions--results{margin-top:18px}.suggestion .button{margin-top:auto;align-self:flex-start}