:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f3f0;--surface:#fff;--surface-2:#ecebe7;--ink:#0b0b0b;--ink-2:#52514e;--ink-3:#6f6e69;--line:#e2e1dc;--accent:#2a78d6;--accent-ink:#fff;--warn-bg:#fff6e0;--heat-0:#ecebe7;--heat-1:#cde2fb;--heat-2:#86b6ef;--heat-3:#3987e5;--heat-4:#1c5cab;--radius:10px;--gap:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width>=1024px){:root{--gap:24px}}@media (prefers-color-scheme:dark){:root{--bg:#181817;--surface:#222221;--surface-2:#2e2e2c;--ink:#f0efec;--ink-2:#c3c2b7;--ink-3:#8f8e86;--line:#383835;--accent:#3987e5;--accent-ink:#fff;--warn-bg:#3a3220;--heat-0:#2e2e2c;--heat-1:#104281;--heat-2:#1c5cab;--heat-3:#3987e5;--heat-4:#86b6ef}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);padding-bottom:env(safe-area-inset-bottom);font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,input,select{font:inherit;color:inherit}.app-head{z-index:5;padding:12px max(var(--gap), calc((100% - 1120px) / 2 + var(--gap)));padding-top:max(12px, env(safe-area-inset-top));background:var(--bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.logo{font-size:18px;font-weight:700}.head-actions{align-items:center;gap:16px;display:flex}.btn{border:1.5px solid var(--ink);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:14px;font-weight:600;display:inline-flex}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.quiet{border-color:var(--line)}.btn.danger{border-color:var(--ink-3);color:var(--ink-2)}.btn.big{width:100%;padding:12px 16px;font-size:16px}.btn:disabled{opacity:.5;cursor:default}.icon-btn{cursor:pointer;color:var(--ink-2);background:0 0;border:0;padding:4px 6px;font-size:20px}.link{color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.muted{color:var(--ink-2)}.small{font-size:13px}.label{color:var(--ink);margin:0 0 12px;font-size:15px;font-weight:650}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.layout{gap:var(--gap);max-width:1120px;padding:var(--gap);grid-template-columns:1fr;margin:0 auto;display:grid}.panel{background:var(--surface);border-radius:var(--radius);padding:var(--gap)}@media (width>=1024px){.layout{grid-template-columns:1fr minmax(300px,360px);align-items:start}.week-head{grid-column:1/-1}}.week-head{gap:20px;display:grid}.week-head h1{margin:0;font-size:18px;font-weight:600;line-height:1.1}.week-head .fig{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-right:4px;font-size:44px;font-weight:750}.today-line{color:var(--ink-2);margin:10px 0 0}.week-fig .track{max-width:320px}.week-head .week{max-width:400px}@media (width>=640px){.week-head{align-items:center;gap:var(--gap);grid-template-columns:1fr minmax(280px,400px)}}.label-row{justify-content:space-between;margin-bottom:12px}.label-row .label{margin:0}.books{gap:12px;display:grid}.card{gap:var(--gap);border-radius:var(--radius);padding:var(--gap);background:var(--surface);align-items:flex-start;display:flex}.card .info{cursor:pointer;flex:1;min-width:0}.card .title{font-weight:650}.card .btn{align-self:center}.card.compact{align-items:center;padding:8px 12px}.card.compact .track{margin:6px 0 2px}.card.compact .title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.cover{object-fit:cover;background:var(--surface-2);width:44px;height:64px;color:var(--ink-2);border-radius:3px;flex:none;justify-content:center;align-items:center;font-size:22px;font-weight:650;display:flex;overflow:hidden}.track{background:var(--surface-2);border-radius:4px;height:8px;margin:8px 0 4px;overflow:hidden}.track>i{background:var(--accent);border-radius:4px;height:100%;display:block}.empty{text-align:center;border:1.5px dashed var(--line);border-radius:var(--radius);padding:40px 16px}.empty p{margin:0 0 14px}.shelf{margin-top:20px}.shelf .label-row{margin-bottom:4px}.shelf li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:6px 0;list-style:none;display:flex}.shelf ul{margin:0;padding:0}.week{text-align:center;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.week span{color:var(--ink-3);font-size:12px}.dot{border:1.5px solid var(--ink-3);border-radius:50%;width:28px;height:28px;margin:4px auto 0}.dot.read{background:var(--heat-1);border-color:var(--heat-2)}.dot.hit{background:var(--accent);border-color:var(--accent)}.dot.future{border-style:dashed;border-color:var(--line)}.dot.today{outline:2px solid var(--ink);outline-offset:2px}.heat{grid-template-rows:repeat(7,auto);grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;max-width:460px;display:grid}.heat button{aspect-ratio:1;background:var(--heat-0);cursor:pointer;border:0;border-radius:2px;padding:0}.heat .read,.legend .read{background:var(--heat-1)}.heat .hit,.legend .hit{background:var(--accent)}.heat .today{outline:2px solid var(--ink);outline-offset:1px}.heat .future{cursor:default;background:0 0}.heat .fin,.legend .fin{position:relative}.heat .fin:after,.legend .fin:after{content:"";background:var(--ink);border-radius:50%;width:40%;height:40%;margin:auto;position:absolute;inset:0}.heat .fin.hit:after{background:var(--accent-ink)}.legend .fin{background:var(--heat-0)}.legend{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:12px;font-size:13px;display:flex}.legend span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:2px;width:12px;height:12px;display:inline-block}.day-detail{min-height:1.4em;margin-top:8px;font-size:13px}dialog{border:1px solid var(--line);background:var(--surface);width:min(480px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);border-radius:14px;padding:0}dialog::backdrop{background:#0006}.dlg-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.dlg-head h2{margin:0;font-size:17px}.dlg-body{gap:14px;padding:16px;display:grid}.dlg-foot{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:0 16px 16px;display:flex}.field label{margin-bottom:4px;font-size:13px;font-weight:600;display:block}.field .hint{color:var(--ink-3);margin-top:3px;font-size:12px}.input{border:1.5px solid var(--line);background:var(--bg);border-radius:8px;width:100%;padding:10px 12px;font-size:16px}.input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.input.big{font-size:24px;font-weight:650}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row>.field{flex:1;min-width:120px}.seg{border:1.5px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{background:var(--surface);cursor:pointer;border:0;padding:6px 14px;font-weight:600}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.warn{background:var(--warn-bg);border-radius:8px;padding:10px 12px;font-size:14px}.error{color:#c0392b;font-size:14px}.results{gap:8px;display:grid}.result{text-align:left;border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.result .cover{width:34px;height:50px}.history{margin:0;padding:0;list-style:none}.history li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.field label.btn{margin:0;font-size:14px;display:inline-flex}#cheer{pointer-events:none;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;inset:0;overflow:hidden}#cheer .confetti i{top:-12px;left:var(--x);background:var(--c);width:8px;height:12px;animation:fall 2.4s cubic-bezier(.3, .6, .5, 1) var(--d) forwards;border-radius:2px;position:absolute}@keyframes fall{to{transform:translateY(105vh) rotate(var(--r));opacity:.2}}.cheer-card{pointer-events:auto;left:50%;bottom:max(24px, env(safe-area-inset-bottom));text-align:left;cursor:pointer;background:var(--accent);width:min(360px,100vw - 32px);color:var(--accent-ink);border:0;border-radius:12px;gap:2px;padding:14px 16px;animation:.35s ease-out rise;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 8px 24px #0003}.cheer-card b{font-size:17px}@keyframes rise{0%{opacity:0;transform:translate(-50%,16px)}}@media (prefers-reduced-motion:reduce){.cheer-card{animation:none}}.steps{gap:8px;margin:0;padding-left:20px;display:grid}.steps .link{font-size:inherit;color:var(--ink)}.table-wrap{border:1px solid var(--line);border-radius:8px;overflow-x:auto}.example{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.example th,.example td{text-align:left;border-bottom:1px solid var(--line);padding:5px 8px}.example th{background:var(--surface-2);font-weight:600}.example tr:last-child td{border-bottom:0}.dlg-body>label.btn.big{margin:0}