:root{--bg: #0F1420;--card: #1A2233;--text: #EEF1F7;--muted: #9EA8BC;--accent: #4F6BFF;--accent-text: #9DB3FF;--high: #C6F26B;--border: #2B354B;--chip: #252E44;--error: #FF8CA0;--info-bg: #1E2A4D;--ok: #7FE0A8;--ok-bg: #1B3A2C;--warn: #FFCF6B;--warn-bg: #3A2E12;--bad: #FF8CA0;--bad-bg: #3D1F2A;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:400 14px/1.35 Onest,system-ui,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer}.page{max-width:520px;margin:0 auto;padding:12px 14px 88px}h1,h2,.pct{font-family:Unbounded,Onest,sans-serif;font-weight:600}h1{font-size:20px;margin:0}h2{font-size:13px;margin:0}.muted{color:var(--muted);font-size:12px}.lead{margin:4px 0 12px}.state,.empty{color:var(--muted);text-align:center;padding:24px 0}.grow{flex:1;min-width:0}.head h1{font-size:16px;white-space:nowrap}.head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.pill{flex:none;min-height:38px;display:flex;align-items:center;gap:6px;padding:0 12px 0 10px;border:1px solid var(--border);border-radius:22px;background:var(--card);font-weight:600;font-size:13px}.pill svg:first-child{color:var(--accent-text)}.pill svg:last-child{color:var(--muted)}.stats{display:flex;gap:8px;margin-bottom:10px}.stat{flex:1;background:var(--card);border-radius:12px;padding:6px 10px;display:flex;flex-direction:column}.stat b{font:600 16px Unbounded,Onest,sans-serif}.stat span{font-size:11px;color:var(--muted)}.stat.warn b{color:var(--bad)}.notice{display:flex;gap:10px;align-items:center;background:var(--warn-bg);color:var(--warn);border-radius:14px;padding:8px 12px;margin-bottom:8px;font-size:12px}.notice.info{background:var(--info-bg);color:var(--text)}.notice svg{flex:none;color:var(--accent-text)}.search{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;margin:0 0 8px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--muted)}.search input{flex:1;min-height:38px;border:0;outline:0;background:transparent}.chips,.styles{scrollbar-width:none}.chips::-webkit-scrollbar,.styles::-webkit-scrollbar{display:none}.chips{display:flex;gap:8px;overflow-x:auto}.chip{flex:none;min-height:36px;padding:0 14px;border-radius:18px;font-size:13px;border:1px solid var(--border);background:var(--card)}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.section{display:flex;align-items:baseline;justify-content:space-between;margin:14px 0 6px}.list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.card{background:var(--card);border-radius:16px;padding:10px 12px}.row{display:flex;align-items:center;gap:12px}.title{font-weight:600;overflow-wrap:anywhere}.art{flex:none;display:block;border-radius:8px}.top,.tile,.crow{display:flex;flex-direction:column;gap:8px}.foot{padding-top:8px;border-top:1px dashed var(--border);font-size:12px}.foot .muted{font-size:12px}.pct{flex:none;min-width:50px;text-align:center;font-size:15px;padding:5px 6px;border-radius:12px;background:var(--chip)}.pct.high{background:var(--high);color:#0f1420}.badge{flex:none;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:8px;font-size:11px;font-weight:600;background:var(--chip);color:var(--muted)}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.minis{display:flex;flex-wrap:wrap;gap:6px}.mini{padding:3px 9px;border-radius:9px;background:var(--chip);font-size:12px}.mini b{font-weight:600}.bar{height:6px;border-radius:3px;background:var(--border)}.bar i{display:block;height:100%;border-radius:3px;background:var(--ok)}.bar i.warn{background:var(--warn)}.bar i.bad{background:var(--bad)}.actions{gap:8px}.ghost,.fill{flex:1;min-height:40px;border-radius:12px;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px}.ghost{border:1px solid var(--accent-text);background:transparent;color:var(--accent-text)}.ghost.dashed{border-style:dashed}.fill{border:0;background:var(--high);color:#0f1420}.del{flex:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:transparent;color:var(--error);display:flex;align-items:center;justify-content:center}.del.small{border:0;margin:-8px -6px -8px 0}.back{width:44px;height:44px;margin-left:-8px;border:0;background:transparent;display:flex;align-items:center;justify-content:center}.primary{display:block;width:100%;min-height:46px;border:0;border-radius:14px;background:var(--accent);color:#fff;font-weight:600;text-align:center;text-decoration:none;line-height:46px}.primary:disabled{opacity:.6}.empty .primary{margin-top:16px}.fab{position:fixed;right:max(16px,calc(50% - 244px));bottom:76px;min-height:44px;padding:0 16px;font-size:13px;border:0;border-radius:22px;background:var(--accent);color:#fff;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 6px 16px #00000080}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;gap:8px;justify-content:center;padding:6px 14px calc(8px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--border)}.tab{flex:1;max-width:240px;min-height:46px;border:0;border-radius:14px;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:11px;font-weight:500}.tab.on{background:var(--info-bg);color:var(--accent-text);font-weight:600}.sheet-wrap{position:fixed;inset:0;z-index:10;display:flex;align-items:flex-end;justify-content:center}.backdrop{position:absolute;inset:0;border:0;background:#0009}.sheet{position:relative;width:100%;max-width:520px;padding:12px 16px calc(24px + env(safe-area-inset-bottom));background:var(--bg);border-radius:24px 24px 0 0;display:flex;flex-direction:column;gap:14px}.grab{align-self:center;width:40px;height:4px;border-radius:2px;background:var(--border)}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet h2{font-size:16px}.years{display:flex;align-items:center;gap:4px}.years span{min-width:52px;text-align:center;font-weight:600}.round{width:44px;height:44px;border-radius:22px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center}.months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.m{min-height:54px;border-radius:12px;border:1px solid #2A3348;background:transparent;color:#7c869b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.m b{font-size:15px;font-weight:600}.m small{font-size:11px}.m.has{background:var(--card);border-color:var(--border);color:var(--text)}.m.has small{color:var(--muted)}.m.now{border-color:var(--accent-text)}.m.on{background:var(--accent);border-color:var(--accent);color:#fff}.m.on small{color:#dce4ff}.hint{display:flex;gap:10px;align-items:center;margin:0;padding:8px 12px;border-radius:12px;background:var(--card);color:var(--muted);font-size:12px}.hint svg{flex:none;color:var(--accent-text)}.editor{display:flex;flex-direction:column;gap:10px}.edit-head{display:flex;align-items:center;gap:8px}.edit-head h1{font-size:16px;overflow-wrap:anywhere}.hero{display:flex;gap:12px;align-items:flex-start}.styles{display:flex;gap:8px;overflow-x:auto;padding:2px}.swatch{flex:none;min-height:44px;padding:0 4px;border:2px solid transparent;border-radius:10px;background:transparent;display:flex;align-items:center}.swatch.on{border-color:var(--accent-text)}label{display:block;margin-top:6px;font-size:12px;color:var(--muted)}.input{display:block;width:100%;min-height:40px;padding:8px 12px;margin-top:2px;font-size:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);outline:0}.input:focus{border-color:var(--accent-text)}.pair{display:grid;grid-template-columns:110px 1fr;gap:8px}.was{display:block;margin-top:2px;font-size:12px;font-weight:600;color:var(--warn)}.mtabs{display:flex;gap:8px}.mtab{flex:1;min-height:38px;font-size:13px;border-radius:12px;border:1px solid var(--border);background:var(--card);font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px}.mtab.on{background:var(--accent);border-color:var(--accent);color:#fff}.dot{width:7px;height:7px;border-radius:4px;background:var(--high)}.error{color:var(--error);margin:4px 0 0}.footer{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;gap:8px;align-items:center;justify-content:center;padding:10px 16px calc(16px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--border)}.footer>*{max-width:250px;flex:1}.landing{padding-bottom:40px}.landing .logo{display:block;margin-top:24px;border-radius:16px}.landing h1{margin-top:12px}.landing .lead{margin:4px 0 16px;font-size:15px;color:var(--text)}.landing .list{margin-bottom:20px}.landing .note{margin-top:16px;text-align:center}