:root{color:#29231f;font-synthesis:none;--paper:#ffffffd1;--line:#3e2f261f;--muted:#796e67;--accent:#a14c48;--accent-deep:#7f3534;--good:#2d7a60;--bad:#b14b43;background:#f4f0eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% 0,#ead8d1 0,#0000 34rem),#f4f0eb;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{touch-action:manipulation}.shell{width:min(100%,680px);min-height:100vh;padding:max(24px, env(safe-area-inset-top)) 18px calc(154px + env(safe-area-inset-bottom));margin:0 auto}header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:-.045em;font-size:clamp(28px,9vw,42px);line-height:1}h2{letter-spacing:-.02em;font-size:18px}.eyebrow{color:var(--accent);letter-spacing:.08em;margin-bottom:7px;font-size:12px;font-weight:750}.timer{text-align:right}.timer span{color:var(--muted);font-size:11px;display:block}.timer strong{font-variant-numeric:tabular-nums;margin-top:3px;font-size:22px;display:block}.status-card,.controls,.feedback-card{background:var(--paper);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px;box-shadow:0 16px 48px #392a200f}.status-card{padding:18px}.status-line{flex-wrap:wrap;gap:8px 14px;display:flex}.status-dot{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:inline-flex}.status-dot i{background:var(--bad);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--bad) 12%, transparent);border-radius:50%}.status-dot.ok i{background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb, var(--good) 12%, transparent)}.latency{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:16px;padding-top:14px;font-size:13px;display:flex}.latency strong{color:inherit;font-variant-numeric:tabular-nums}.notice{color:#6f352c;background:#fae5dd;border-radius:16px;gap:3px;margin:12px 0;padding:14px 16px;font-size:13px;display:grid}.notice strong{font-size:14px}.controls{margin-top:14px;padding:20px 18px 8px}.section-title{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.section-title>span{color:var(--muted);font-size:12px}.control-row{border-top:1px solid var(--line);padding:16px 0 18px;display:block}.control-row>div{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.control-row output{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:750}input[type=range]{width:100%;accent-color:var(--accent);min-height:28px}input[type=range]:disabled{opacity:.38}.feedback-card{margin-top:14px;padding:18px}.feedback-row{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:12px 0;font-size:13px;display:flex}.feedback-row strong{color:var(--accent)}.empty{color:var(--muted);border-top:1px solid var(--line);padding-top:14px;font-size:13px;line-height:1.6}.secondary-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.secondary-actions button{border:1px solid var(--line);background:var(--paper);min-height:48px;color:inherit;border-radius:15px;font-weight:650}button:disabled{opacity:.42}.stop-bar{z-index:4;padding:14px max(18px, calc((100vw - 644px) / 2)) max(14px, env(safe-area-inset-bottom));background:linear-gradient(#0000,#f4f0eb 20%);position:fixed;bottom:0;left:0;right:0}.stop{background:var(--accent-deep);color:#fff;border:0;border-radius:18px;width:100%;min-height:56px;font-size:17px;font-weight:800;box-shadow:0 12px 30px #7f35343d}.stop-bar p{text-align:center;color:var(--muted);margin-top:7px;font-size:11px}.center-card{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:100vh;padding:28px;display:grid}.center-card h1{font-size:28px}.center-card p,.center-card small{max-width:330px;color:var(--muted);line-height:1.6}.mark{width:56px;height:56px;color:var(--bad);background:#f5d8d1;border-radius:50%;place-items:center;font-size:32px;display:grid}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}.review-shell{min-height:100vh;padding:max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));place-items:center;display:grid}.review-card{border:1px solid var(--line);background:var(--paper);border-radius:24px;width:min(100%,520px);padding:28px 22px;box-shadow:0 20px 64px #392a201a}.review-card h1{font-size:clamp(28px,8vw,38px)}.review-copy{color:var(--muted);margin-top:16px;line-height:1.65}.review-summary{border-top:1px solid var(--line);margin:22px 0}.review-summary div{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;padding:14px 0;display:flex}.review-summary dt{color:var(--muted)}.review-summary dd{text-align:right;margin:0;font-weight:700}.accept,.decline{border-radius:16px;width:100%;min-height:52px;font-weight:750}.accept{background:var(--accent-deep);color:#fff;border:0}.decline{border:1px solid var(--line);color:inherit;background:0 0;margin-top:10px}.demo-panel{color:var(--muted);margin:14px 0;font-size:12px}.demo-panel div{flex-wrap:wrap;gap:6px;padding-top:8px;display:flex}.demo-panel button{border:1px solid var(--line);background:var(--paper);color:inherit;border-radius:10px;padding:7px 9px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme:dark){:root{color:#eee8e2;--paper:#24201de6;--line:#fff5eb1a;--muted:#aaa09a;--accent:#e28c83;--accent-deep:#b7504e;--good:#6cc6a2;--bad:#ee847a;background:#151311}body{background:radial-gradient(circle at 90% 0,#392724 0,#0000 30rem),#151311}.notice{color:#f2b6aa;background:#422724}.stop-bar{background:linear-gradient(#0000,#151311 20%)}.mark{background:#422724}}@media (min-width:700px){.shell{padding-left:0;padding-right:0}.controls{padding-left:24px;padding-right:24px}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}