:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f4ee;--surface:#fff;--text:#1f1b16;--muted:#5b5348;--line:#cfc7ba;--accent:#1d5c4b;--accent-ink:#fff;--danger:#a11a1a;--ok-bg:#dcf0e4;--ok-ink:#0f5132;--warn-bg:#fdeccc;--warn-ink:#6b4200;--bad-bg:#fbdcdc;--bad-ink:#8a1c1c;--neutral-bg:#e8e4dc;--neutral-ink:#4a443b;--radius:14px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#15130f;--surface:#1f1c17;--text:#f1ebe0;--muted:#b8afa0;--line:#3d382f;--accent:#7dd3b0;--accent-ink:#0b2a20;--danger:#ff9d9d;--ok-bg:#1d3a2b;--ok-ink:#a8e6c6;--warn-bg:#4a3510;--warn-ink:#ffd88a;--bad-bg:#4d1f1f;--bad-ink:#ffb4b4;--neutral-bg:#302c25;--neutral-ink:#d8d0c2}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:1rem/1.5 var(--font);margin:0}h1{margin:0 0 .5rem;font-size:1.5rem;line-height:1.2}h2{margin:0 0 .5rem;font-size:1.125rem}p{margin:0 0 .75rem}a,.link{color:var(--accent)}.link{min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;padding:.5rem .25rem;text-decoration:underline}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.center{text-align:center}.big{margin:.25rem 0;font-size:1.75rem;font-weight:700}.lead{font-size:1.0625rem}.error{color:var(--danger);margin:.25rem 0}.error:empty{margin:0}.loading{text-align:center;padding:2rem 1rem}.app{max-width:36rem;min-height:100dvh;margin:0 auto;padding:1rem 1rem 6.5rem}main:focus{outline:none}.screen{display:block}.list,.plain{margin:0 0 1rem;padding:0;list-style:none}.plain li{padding:.375rem 0}.row{flex-wrap:wrap;align-items:flex-start;gap:.75rem;display:flex}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.row>.field{flex:8rem}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.screen>.row-between{margin-bottom:.75rem}.actions{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.actions.wrap{flex-wrap:wrap;justify-content:flex-start}.back,.tap,.status-line a,.plain li a,.book-title{align-items:center;min-height:44px;display:inline-flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 1rem;padding:1rem}fieldset.card{min-width:0}fieldset.card legend{padding:0 .25rem;font-weight:700}.note{background:var(--neutral-bg);color:var(--neutral-ink);border-radius:10px;padding:.625rem .75rem}.btn{border:1px solid var(--line);background:var(--surface);min-width:44px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-big{width:100%;min-height:56px;font-size:1.125rem}.btn-icon{padding:.5rem}.field{flex-direction:column;gap:.25rem;margin-bottom:.75rem;display:flex}.field-label{font-weight:600}.field-hint{color:var(--muted);font-size:.875rem}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--muted);border-radius:10px;width:100%;min-height:44px;padding:.5rem .75rem}input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem;min-height:0;accent-color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);padding:0}.chips{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.chip-btn{border:1px solid var(--accent);min-height:44px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.375rem .875rem;font-weight:600}.segmented{border:0;flex-wrap:wrap;gap:.5rem;margin:0 0 .75rem;padding:0;display:flex}.segmented legend{margin-bottom:.25rem;padding:0}.segmented label,.day,.switch{border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;min-height:44px;padding:.375rem .875rem;display:inline-flex}.segmented label.on,.day.on{border-color:var(--accent);background:var(--ok-bg);color:var(--ok-ink);font-weight:600}.switch{border:0;padding-left:0;display:flex}.chip{border-radius:999px;padding:.125rem .625rem;font-size:.875rem;font-weight:700;display:inline-block}.chip-on-track{background:var(--ok-bg);color:var(--ok-ink)}.chip-at-risk{background:var(--warn-bg);color:var(--warn-ink)}.chip-off-track{background:var(--bad-bg);color:var(--bad-ink)}.chip-no-data,.chip-paused{background:var(--neutral-bg);color:var(--neutral-ink)}.tag{color:var(--accent);margin-left:.5rem;font-size:.8125rem;font-weight:700}.switcher{margin-bottom:.5rem;display:block}.switcher select{font-size:1.125rem;font-weight:700}.hero{flex-direction:column;align-items:center;margin:.5rem 0 1rem;display:flex}.ring{aspect-ratio:1;width:min(72vw,15rem);position:relative}.ring svg{width:100%;height:100%;display:block}.ring-track{fill:none;stroke:var(--line);stroke-width:8px}.ring-arc{fill:none;stroke:var(--accent);stroke-width:8px;transform-origin:50%;transform-box:view-box}.ring-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-kicker{color:var(--muted);font-size:.9375rem;font-weight:600}.ring-number{font-variant-numeric:tabular-nums;font-size:4rem;font-weight:800;line-height:1}.ring-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9375rem}.status-line{flex-wrap:wrap;align-items:center;gap:.375rem .75rem;margin-bottom:1rem;display:flex}.log-form .btn-big{margin-top:.25rem}.stepper{grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:.375rem;display:grid}.page-input{text-align:center;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.done{text-align:center}.done-head{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.done-line{font-size:1.0625rem}.done-milestone{color:var(--accent);font-weight:600}.book-row{align-items:center;gap:.75rem;margin-bottom:.625rem;display:flex}.book-row.is-active{border-color:var(--accent)}.book-main{flex:1;min-width:0}.book-title{overflow-wrap:anywhere;font-size:1.0625rem;font-weight:700}.book-pred{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin-top:.25rem;font-size:.9375rem;display:flex}.handle{min-width:44px;min-height:44px;color:var(--muted);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:10px;font-size:1.5rem}.dragging{cursor:grabbing;position:relative;box-shadow:0 8px 24px #00000040;transition:none!important}.ghost-book{border:2px dashed var(--line);border-radius:var(--radius);width:100%;min-height:56px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;margin-bottom:.5rem;font-weight:600}details.card summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.facts{gap:.5rem;display:grid}.facts div{justify-content:space-between;gap:1rem;display:flex}.facts dt{color:var(--muted)}.facts dd{text-align:right;margin:0}.fix-grid{gap:.5rem;display:grid}.history-list li{border-top:1px solid var(--line)}.history-list li:first-child{border-top:0}.shelf-wrap{margin-bottom:1rem}.shelf{border-bottom:6px solid var(--line);align-items:flex-end;gap:4px;min-height:7.5rem;margin:0;padding:.75rem .75rem 0;list-style:none;display:flex;overflow-x:auto}.spine{background:hsl(var(--spine-hue) 38% 38%);border:1px solid hsl(var(--spine-hue) 38% 28%);border-radius:3px 3px 0 0;flex:none}.spine-ghost{border:2px dashed var(--line);background:0 0}.shelf-caption{margin-top:.5rem}.whatif{margin-top:.5rem;font-weight:600}.celebration{text-align:center;position:relative}.burst{pointer-events:none;width:8rem;height:8rem;margin:-4rem 0 0 -4rem;position:absolute;top:5rem;left:50%}.tabs{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabs a{min-height:56px;color:var(--muted);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:flex}.tabs a[aria-current=page]{color:var(--accent);box-shadow:inset 0 3px 0 var(--accent)}.banners{gap:.5rem;margin-bottom:.75rem;display:grid}.banner{background:var(--neutral-bg);color:var(--neutral-ink);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;margin:0;padding:.5rem .75rem;display:flex}.banner-warn{background:var(--warn-bg);color:var(--warn-ink)}.toast-slot{left:0;right:0;bottom:calc(4.5rem + env(safe-area-inset-bottom));pointer-events:none;z-index:6;justify-content:center;padding:0 1rem;display:flex;position:fixed}.toast{pointer-events:auto;background:var(--text);color:var(--bg);border-radius:12px;align-items:center;gap:1rem;padding:.25rem 1rem;display:flex;box-shadow:0 6px 20px #0000004d}.toast .link{color:inherit;font-weight:700}.dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);max-width:min(30rem,100vw - 2rem);padding:1.25rem}.dialog::backdrop{background:#00000080}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes drop-in{0%{opacity:0;translate:0 -48px}to{opacity:1;translate:0}}@keyframes burst{0%{opacity:.9;scale:.2}to{opacity:0;scale:2.6}}@keyframes reveal{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:no-preference){.ring-arc{transition:transform .9s cubic-bezier(.2,.8,.2,1)}.book-row{transition:transform .18s}.toast,.done{animation:.2s ease-out both fade-in}.spine-new{animation:.7s cubic-bezier(.2,.9,.3,1.2) .2s both drop-in}.burst:before,.burst:after{content:"";border:3px solid var(--accent);border-radius:50%;animation:1s ease-out both burst;position:absolute;inset:0}.burst:after{animation-delay:.25s}@supports (animation-timeline:view()){.book-row,.shelf .spine,.ghost-book{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 40%}}::view-transition-old(root){animation-duration:.16s}::view-transition-new(root){animation-duration:.16s}}@media (prefers-reduced-motion:reduce){.toast,.done{animation:.15s linear both fade-in}}
/*$vite$:1*/