:root{--bg: #F6F3EE;--card: #FFFDFA;--ink: #2B2723;--mut: #6F655D;--line: #958A81;--ring-bg: #958A81;--chip: #EEE8DF;--accent: #80561E;--on-accent: #FFFFFF;--accent-soft: #F2ECE4;--ok: #1F744B;--ok-soft: #E4EDE5;--warn: #8A5700;--warn-soft: #F1E9DC;--danger: #B42318;--danger-soft: #F6E3DF;--neutral-soft: #EBE8E4;--highlight-bg: #A64B39;--highlight-ink: #FFFFFF;--green: var(--ok);--amber: var(--warn);--red: var(--danger)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);min-height:100dvh;font:16px/1.5 -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,sans-serif;padding:max(20px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased}.wrap{width:100%;max-width:720px;margin:0 auto}header{display:flex;align-items:baseline;justify-content:space-between;margin:2px 4px 14px}h1{font-family:inherit;font-size:19px;font-weight:600;line-height:1.2;margin:0;letter-spacing:.02em;white-space:nowrap}.hdr-r{display:flex;align-items:center;gap:2px}.clock{font-size:12px;color:var(--mut);font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:10px}.bell{background:none;color:var(--ink);border:1px solid transparent;cursor:pointer;font-size:15px;padding:2px 4px;line-height:1;border-radius:8px}.bell:hover{background:var(--chip)}.bell:focus-visible,.theme:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:8px;font-size:12px;padding:3px 6px;cursor:pointer;max-width:108px;-webkit-appearance:none;appearance:none}.summary{display:flex;gap:8px;flex-wrap:wrap;margin:0 2px 16px}.pstat{flex:1 1 0;min-width:96px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:9px}.pstat .pdot{width:11px;height:11px;border-radius:50%;flex:0 0 auto}.pstat .pn{font-weight:600;font-size:14px}.pstat .pc{font-size:11px;color:var(--mut);margin-top:1px}.sec{margin:0 0 8px}.sechd{display:flex;align-items:center;gap:8px;margin:18px 4px 10px;font-weight:600;font-size:14px;color:var(--mut);letter-spacing:.05em}.sechd .bar{height:1px;background:var(--line);flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:15px 15px 13px;box-shadow:0 1px 2px #00000008}.ctop{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}.cname{font-weight:600;font-size:15px;overflow-wrap:anywhere;word-break:normal}.plan{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.03em;line-height:1.4;padding:0 7px;margin-left:7px;border-radius:6px;vertical-align:1px;white-space:nowrap;color:var(--accent);border:1px solid var(--accent);background:var(--accent-soft)}.badge{border:1px solid transparent;font-size:11px;padding:3px 9px;border-radius:999px;font-weight:600;white-space:nowrap;flex:0 0 auto}.badge.ok{color:var(--ok);background:var(--ok-soft);border-color:var(--ok)}.badge.full{color:var(--danger);background:var(--danger-soft);border-color:var(--danger)}.badge.off,.badge.key{color:var(--mut);background:var(--neutral-soft);border-color:var(--line)}.rings{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-around}.ringbox{flex:1 1 0;min-width:86px;max-width:130px;text-align:center}.ringbox svg{width:100%;max-width:108px;height:auto;display:block;margin:0 auto}.rlabel{font-size:12px;color:var(--mut);margin-top:5px;letter-spacing:.03em}.rreset{font-size:11px;color:var(--mut);margin-top:1px;font-variant-numeric:tabular-nums;min-height:1.1em}.ring-track{stroke:var(--ring-bg)}.pct{font-family:inherit;font-size:23px;font-weight:600;line-height:1;fill:var(--ink);font-variant-numeric:tabular-nums}.pctu{font-family:inherit;font-size:11px;font-weight:400;line-height:1;fill:var(--mut)}.nokey{color:var(--mut);font-size:13px;padding:8px 2px 4px}.gate{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:44px 24px;text-align:center;margin-top:28px}.gate-title{font-weight:600;font-size:16px;margin-bottom:8px}.gate-sub{font-size:13px;color:var(--mut);line-height:1.6}footer{margin:20px 4px 0;font-size:11px;color:var(--mut);text-align:center;line-height:1.6}.toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%) translateY(16px);max-width:min(92vw,460px);background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:12px 16px;box-shadow:0 8px 28px #0003;font-size:13px;line-height:1.5;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:60}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast b{font-weight:700;color:var(--accent)}