:root{color-scheme:dark;--bg:#101411;--panel:#191e19;--border:#30392f;--text:#e8e9df;--muted:#949e90;--accent:#c1d693;--amber:#e5b96d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 5%,#29312155,transparent 55%),var(--bg);color:var(--text);font:14px/1.65 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}header,main,footer{max-width:1240px;margin:auto}header{height:108px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:0 32px}.brand{display:flex;gap:14px;align-items:center;font-weight:650;font-size:19px;letter-spacing:2px}.brand-icon{width:44px;height:44px;border:1px solid #9aa97a;display:grid;place-items:center;color:var(--accent);font-family:Georgia,serif;font-size:26px;transform:rotate(-5deg)}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:2px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:16px}.domain{font-size:10px;letter-spacing:2px;color:var(--muted)}main{padding:54px 32px 30px}.intro{margin-bottom:38px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--accent);margin:0 0 9px}h1{font-size:clamp(29px,4vw,43px);font-weight:500;letter-spacing:1px;line-height:1.4;margin:0 0 13px}h1 span{color:var(--accent)}.subtitle,.muted{color:var(--muted)}.subtitle{margin:0}h2{margin:0;font-size:21px;font-weight:550;letter-spacing:1px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:3px;padding:27px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.quiet,.text-button{border:0;background:transparent;color:var(--muted);padding:7px 0;font-size:12px}.quiet:hover,.text-button:hover{color:var(--accent)}.primary{background:var(--accent);color:#182311;border:0;border-radius:2px;padding:12px 17px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:28px}.primary:hover{background:#d1e4ac}.login{max-width:700px;padding:34px}.login form{margin-top:30px}.login-controls{display:flex;gap:12px;margin-top:9px}input[type=password],input[type=number]{background:#111610;border:1px solid #424c3c;border-radius:2px;padding:11px 13px;color:var(--text);min-width:0}.login input{flex:1}.overview{display:grid;grid-template-columns:1fr .8fr 1.5fr 1fr;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:23px 0;margin-bottom:28px}.overview>div{padding:0 26px;border-right:1px solid var(--border)}.overview>div:first-child{padding-left:0}.overview>div:last-child{border:0}.metric-label{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.overview strong{font-size:22px;font-weight:500}.overview .date-value{font-size:16px;padding-top:5px;display:block}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.live{min-height:420px}.live>.muted{font-size:12px;margin:16px 0 25px}.progress-list{display:grid;gap:18px}.progress-card{padding:20px;background:#121712;border:1px solid #2d372a;border-radius:2px}.progress-card.alerting{border-color:#897141;background:linear-gradient(110deg,#31281955,#121712)}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.mode-label{font-size:13px;color:#c2caba}.progress-number{font:28px/1.3 Georgia,serif;color:var(--accent)}.alerting .progress-number{color:var(--amber)}.progress-number small{font:12px system-ui;color:var(--muted)}.stage-message{margin:12px 0 15px;font-size:16px}.stage-bars{display:flex;gap:5px}.stage-bars i{height:5px;background:#30392e;flex:1}.stage-bars i.filled{background:var(--accent)}.alerting .stage-bars i.filled{background:var(--amber)}.report-time{font-size:11px;color:var(--muted);margin:14px 0 0}.stale{color:var(--amber)}.live-footer{margin-top:28px;border-top:1px solid var(--border);padding-top:16px;display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px}.live-footer button{margin-left:auto;white-space:nowrap}.dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.settings .eyebrow{font-size:9px}.settings h2{font-size:19px}.switch{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px;white-space:nowrap}input[type=checkbox]{accent-color:var(--accent)}fieldset{border:0;padding:0;margin:22px 0}legend{font-size:12px;margin-bottom:9px}legend small{color:var(--muted);font-size:10px;margin-left:5px}.choices{display:flex;gap:8px}.choices label{flex:1;cursor:pointer;position:relative}.choices input{position:absolute;opacity:0;width:1px;height:1px}.choices span{display:block;border:1px solid #3b4436;text-align:center;padding:7px;color:var(--muted);font-size:12px;border-radius:2px}.choices input:checked+span{background:#303c24;color:var(--accent);border-color:#829763}.choices input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.form-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.form-row output{color:var(--accent);font-size:18px}input[type=range]{width:100%;accent-color:var(--accent);margin:16px 0 0}.range-ticks{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.age-label{display:block;margin:20px 0 8px;font-size:12px}#max-age{width:100%;padding:8px 10px}.help{font-size:10px;color:var(--muted)}.rule{font-size:11px;color:#aab59c;background:#222b1e;padding:12px 14px;border-left:2px solid #788d58;margin:22px 0 18px}.save{width:100%}.test-button{width:100%;margin-top:12px;border:1px solid #414e37;color:var(--accent);background:transparent;border-radius:2px;padding:10px;font-size:12px}.test-button:hover{background:#26301f}.history{margin-top:24px}.history .section-heading{margin-bottom:20px}.history .muted{font-size:11px}.event{display:grid;grid-template-columns:145px 1fr;gap:15px;border-top:1px solid var(--border);padding:14px 0;font-size:12px}.event time{color:var(--muted)}.event.error span{color:var(--amber)}.empty{padding:30px 0;text-align:center;color:var(--muted);font-size:12px}.footnote{font-size:11px;color:var(--muted);margin:20px 0}.notice{border:1px solid #7e5f37;background:#30271b;padding:12px 16px;color:var(--amber);margin-bottom:20px;font-size:12px}#feedback{position:fixed;z-index:20;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);border:1px solid #718255;background:#27351f;color:#e8f3d6;padding:12px 22px;box-shadow:0 8px 30px #0008;border-radius:3px}#feedback.error{background:#3a2520;border-color:#9b6150;color:#f3c7ab}footer{border-top:1px solid var(--border);padding:25px 32px 35px;display:flex;justify-content:space-between;gap:18px;font-size:10px;color:var(--muted)}footer a{text-decoration:underline;text-underline-offset:3px}.footer-slash{padding:0 10px;color:#536048}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}@media(min-width:1000px){.settings{position:sticky;top:20px}}@media(max-width:800px){header{height:88px;padding:0 20px}main{padding:35px 20px}.workspace{grid-template-columns:1fr}.overview{grid-template-columns:1fr 1fr;gap:20px}.overview>div{padding:0!important;border:0}.panel{padding:22px}.domain{display:none}footer{padding:22px 20px;flex-direction:column;gap:6px}.overview strong{font-size:20px}.overview .date-value{font-size:14px}.event{grid-template-columns:1fr;gap:3px}.login-controls{flex-direction:column}.login-controls button{justify-content:center}.intro{margin-bottom:28px}.live-footer{flex-wrap:wrap}}

.workspace.public-view{grid-template-columns:1fr}.login{margin-bottom:24px}

#language{background:#191e19;color:var(--text);border:1px solid var(--border);border-radius:2px;padding:6px 8px;font-size:12px}html[lang=en] .overview strong{font-size:19px}html[lang=en] .overview .date-value{font-size:14px}@media(max-width:600px){header{height:auto;min-height:88px;flex-wrap:wrap;gap:14px;padding:16px 20px}.header-right{gap:12px}.brand{font-size:16px;gap:10px}.brand small{letter-spacing:1px;font-size:8px}}

.progress-number{white-space:nowrap;flex-shrink:0}.mode-label{min-width:0}.live-footer>span:nth-child(2){flex:1;min-width:0}.history .section-heading>.muted{flex-shrink:0}
