:root{--bg: #ffffff;--card: #f4f4f5;--ink: #1c1c1e;--muted: #8b8b90;--accent: #3f6b5c;--accent-ink: #ffffff;--link: #3f6b5c;--radius: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 -apple-system,Segoe UI,Roboto,sans-serif;padding-bottom:env(safe-area-inset-bottom)}.screen{padding:20px 18px 90px;max-width:720px;margin:0 auto}.daynum{color:var(--muted);font-size:15px;margin-bottom:4px}h1{font-size:26px;line-height:1.25;margin:0 0 8px}.meta{color:var(--muted);font-size:15px;margin-bottom:22px}.article{font-size:17px}.article h2{font-size:21px;line-height:1.3;margin:30px 0 10px}.article h3{font-size:18px;margin:24px 0 8px}.article p{margin:0 0 16px}.article ul,.article ol{margin:0 0 16px;padding-left:22px}.article li{margin-bottom:6px}.article img{max-width:100%;border-radius:10px;display:block;margin:18px 0}.article a{color:var(--link)}.article blockquote{margin:18px 0;padding:2px 0 2px 16px;border-left:3px solid var(--accent);color:var(--muted)}.article code{background:var(--card);padding:2px 6px;border-radius:5px;font-size:15px}.card{background:var(--card);border-radius:var(--radius);padding:18px;margin:22px 0}.card h3{margin:0 0 8px;font-size:17px}.slider-value{font-size:34px;font-weight:600;text-align:center;margin:6px 0 2px}.slider-edges{display:flex;justify-content:space-between;color:var(--muted);font-size:14px;margin-top:8px}input[type=range]{width:100%;height:34px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:color-mix(in srgb,var(--accent) 25%,transparent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px;margin-top:-12px;border-radius:50%;background:var(--accent);border:3px solid var(--bg);box-shadow:0 1px 4px #00000040}button{width:100%;padding:15px;border:none;border-radius:12px;background:var(--accent);color:var(--accent-ink);font:600 17px/1 inherit;cursor:pointer}button:disabled{opacity:.5}button.ghost{background:transparent;color:var(--link);font-weight:400}.day-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--muted) 20%,transparent)}.day-row:last-child{border-bottom:none}.day-row .mark{width:26px;text-align:center;font-size:17px}.day-row.locked{color:var(--muted)}.day-row.current{font-weight:600}.metrics{display:flex;gap:12px}.metric{flex:1;background:var(--card);border-radius:var(--radius);padding:16px}.metric b{display:block;font-size:27px;line-height:1.1}.metric span{color:var(--muted);font-size:13px}.bar{height:8px;border-radius:4px;background:color-mix(in srgb,var(--muted) 22%,transparent);overflow:hidden;margin-top:10px}.bar i{display:block;height:100%;background:var(--accent)}.tabs{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--bg);border-top:1px solid color-mix(in srgb,var(--muted) 20%,transparent);padding-bottom:env(safe-area-inset-bottom)}.tabs button{flex:1;background:none;color:var(--muted);font:13px/1.2 inherit;padding:11px 4px;border-radius:0}.tabs button.active{color:var(--accent);font-weight:600}.center{text-align:center;padding:60px 20px;color:var(--muted)}.error{color:#c0392b}