:root{--bg:#f6f6f8;--surface:#fff;--text:#1c1c1e;--muted:#6e6e73;--border:#d8d8dd;--accent:#0a66d8;--accent-text:#fff;--danger:#c4302b;--ok:#1f8a3b;--warn:#b25e00;--warn-bg:#fff4e5;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Hiragino Sans,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#000;--surface:#1c1c1e;--text:#f2f2f7;--muted:#98989f;--border:#3a3a3c;--accent:#3d8bfd;--danger:#ff6961;--ok:#4cd964;--warn:#ffb340;--warn-bg:#2b2112;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.page{max-width:640px;padding:0 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}.bar{padding:calc(12px + env(safe-area-inset-top)) 0 12px;align-items:center;gap:8px;display:flex}.bar h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.2rem;overflow:hidden}h2{margin:0 0 8px;font-size:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:12px}.field{flex-direction:column;gap:4px;min-width:0;margin-bottom:10px;display:flex}.field>span{color:var(--muted);font-size:.85rem}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;width:100%;min-width:0;min-height:44px;padding:8px 10px;font-size:16px}input[type=date],input[type=time]{appearance:none;text-align:left;height:44px;line-height:26px;display:block}input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0}input[type=time]::-webkit-date-and-time-value{text-align:left;margin:0}input[type=date]::-webkit-datetime-edit{padding:0}input[type=time]::-webkit-datetime-edit{padding:0}input[aria-invalid=true]{border-color:var(--danger)}button{font:inherit;border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:8px;padding:0 14px}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);width:100%}button.danger{color:var(--danger);width:100%;margin-top:8px}button.link{color:var(--accent);background:0 0;border:none;padding:0 4px}button.icon{flex:none;width:44px;padding:0}.tabs{gap:4px;margin-bottom:12px;display:flex}.tab{flex:1}.tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.row{text-align:left;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 12px;display:flex}.edit-list{flex-direction:column;gap:8px;margin:0 0 8px;padding:0;list-style:none;display:flex}.edit-list li,.inline{align-items:center;gap:6px;display:flex}.inline{margin-bottom:8px}.grow{flex:1;min-width:0}.narrow{flex:none;width:64px}.prize{border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:8px}.grid3,.grid4{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid3 .field,.grid4 .field{margin-bottom:0}.badge{color:var(--muted);border:1px solid var(--border);border-radius:999px;flex:none;padding:2px 8px;font-size:.8rem}.muted{color:var(--muted)}.small,small{font-size:.8rem}.error{color:var(--danger)}details summary{cursor:pointer;min-height:32px}.home{flex-direction:column;min-height:100dvh;display:flex}.controls{flex-direction:column;gap:8px;margin-top:auto;display:flex}.controls .card{margin-bottom:0}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list.compact{gap:4px}.list.compact .row{gap:8px;min-height:44px;padding:6px 10px}.recent .row{background:0 0;border:none;padding:4px 0}.chips,.presets,.toast-row{flex-wrap:wrap;gap:6px;display:flex}.chip{min-width:48px;position:relative}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.dot{background:var(--ok);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:4px;display:inline-block}button.watching{border-color:var(--ok);color:var(--ok);font-weight:600}.prize-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;display:grid}button.big{min-height:56px;font-weight:600}button:active:not(:disabled){filter:brightness(.85)}.actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.actions button{min-height:56px;padding:0 4px}button.accent{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.banner{background:var(--warn-bg);border:1px solid var(--warn);border-radius:var(--radius);margin-bottom:8px;padding:8px 12px}.banner .inline{margin:8px 0 0}.toast{left:50%;top:calc(8px + env(safe-area-inset-top));z-index:20;background:var(--text);width:min(608px,100% - 16px);color:var(--bg);border-radius:var(--radius);flex-direction:column;gap:8px;padding:10px 12px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.toast.error{background:var(--danger);color:#fff}.toast .muted{color:inherit;opacity:.7}.toast-warn{color:var(--warn);font-size:.85rem}.toast button{color:inherit;background:0 0;border-color:currentColor}.toast button.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.sheet-backdrop{z-index:10;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:640px;max-height:90dvh;padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;overflow-y:auto}.sheet-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.sheet-head h2{margin:0}.menu{flex-direction:column;gap:8px;display:flex}.counter{flex:none;align-items:center;gap:4px;display:flex}.counter input{text-align:center;width:64px}.counter .icon{width:52px;font-size:1.2rem}.count-row{align-items:center;gap:8px;padding:2px 0;display:flex}.auto-count{text-align:center;flex:none;width:172px}.prev{text-align:right;flex:none;width:56px}.presets{margin-bottom:6px}.props{grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 12px;display:grid}.props dt{color:var(--muted)}.props dd{margin:0}.history{padding-left:1.2em;font-size:.9rem}.voided{color:var(--muted);text-decoration:line-through}.filters{flex-direction:column;gap:8px;display:flex}.check{align-items:center;gap:8px;display:flex}.check input{width:22px;min-height:22px}.reminder{width:100%;min-height:36px;color:var(--warn);border-color:var(--warn);background:var(--warn-bg);margin-bottom:8px;font-size:.9rem}.banner.error{color:var(--danger);border-color:var(--danger)}.update{left:50%;bottom:calc(8px + env(safe-area-inset-bottom));z-index:30;background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);align-items:center;gap:6px;width:min(608px,100% - 16px);padding:8px 12px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #00000040}code.key{word-break:break-all;background:var(--bg);border:1px solid var(--border);-webkit-user-select:all;user-select:all;border-radius:6px;margin:4px 0;padding:6px 8px;font-size:.85rem;display:block}
