:root{--bg:#0a0a0b;--surface:#151517;--surface-2:#1e1e21;--border:#2a2a2e;--text:#f5f5f7;--muted:#8e8e96;--accent:#26e07f;--warn:#ffb020;--danger:#ff5252}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.page{flex-direction:column;gap:16px;max-width:760px;margin:0 auto;padding:24px 16px 64px;display:flex}header .kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px}header h1{margin-top:4px;font-size:26px;font-weight:650}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.counter{align-items:baseline;gap:10px;display:flex}.counter .big{letter-spacing:-.03em;font-size:64px;font-weight:700;line-height:1}.counter .of{color:var(--muted);font-size:20px}.bar{background:var(--surface-2);border-radius:999px;height:10px;margin-top:18px;position:relative;overflow:hidden}.bar>i{background:var(--accent);border-radius:999px;height:100%;display:block}.bar>.marker{background:var(--muted);width:2px;height:16px;position:absolute;top:-3px;transform:translate(-1px)}.bar-legend{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:620px){.grid{grid-template-columns:repeat(4,1fr)}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.stat .label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px}.stat .value{letter-spacing:-.02em;margin-top:6px;font-size:26px;font-weight:650}.stat .hint{color:var(--muted);margin-top:4px;font-size:12px}.alert{border:1px solid;border-radius:16px;flex-direction:column;gap:4px;padding:18px 20px;display:flex}.alert .title{font-size:16px;font-weight:620}.alert .body{opacity:.85;font-size:14px}.alert.ok{color:var(--accent);background:#26e07f14;border-color:#26e07f59}.alert.warn{color:var(--warn);background:#ffb02014;border-color:#ffb02059}.alert.danger{color:var(--danger);background:#ff525214;border-color:#ff525259}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:10px;font-size:13px}.days{flex-direction:column;gap:2px;display:flex}.day{border-bottom:1px solid var(--border);grid-template-columns:92px 1fr auto;align-items:center;gap:12px;padding:9px 0;font-size:14px;display:grid}.day:last-child{border-bottom:none}.day.is-today{color:var(--accent);font-weight:600}.day .track{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.day .track>i{opacity:.65;background:currentColor;border-radius:999px;height:100%;display:block}.day .num{font-variant-numeric:tabular-nums;color:var(--muted)}.day.is-today .num{color:inherit}footer{color:var(--muted);text-align:center;font-size:12px}pre{background:var(--surface-2);border-radius:10px;padding:14px;font-size:12px;line-height:1.6;overflow-x:auto}.deadline{background:var(--surface);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.deadline .label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px}.deadline .date{margin-top:3px;font-size:16px;font-weight:600}.deadline .countdown{text-align:right}.deadline .countdown .n{letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1}.deadline .countdown .n.urgent{color:var(--warn)}.deadline .countdown .n.critical{color:var(--danger)}.deadline .countdown .unit{color:var(--muted);margin-top:4px;font-size:12px}.highlight{background:linear-gradient(#26e07f1f,#26e07f0a);border:1px solid #26e07f4d;border-radius:16px;padding:20px}.highlight .label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:11px}.highlight .rate{align-items:baseline;gap:8px;margin-top:8px;display:flex}.highlight .rate .n{letter-spacing:-.03em;color:var(--accent);font-size:52px;font-weight:700;line-height:1}.highlight .rate .unit{color:var(--muted);font-size:16px}.highlight .detail{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.5}.deadline .note{color:var(--muted);margin-top:5px;font-size:12px}