*{box-sizing:border-box}:root{color-scheme:light;--bg:#0b1720;--panel:#102433;--panel-border:#203747;--text:#e9f1f7;--muted:#8ca6b8;--accent:#7ae0ff;--danger:#ff8d7a;--good:#8cffba;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}body{margin:0;background:radial-gradient(circle at 20% 20%,#132738,#0b1720 45%),radial-gradient(circle at 80% 10%,rgba(122,224,255,.15),transparent 35%),#0b1720;color:var(--text);min-height:100vh}.app-shell{max-width:1100px;margin:0 auto;padding:24px}h1{margin:0 0 12px;font-weight:700;letter-spacing:-.02em}p{margin:8px 0;color:var(--muted)}button{background:var(--accent);color:#05212f;border:none;border-radius:8px;padding:10px 16px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 8px 20px rgba(122,224,255,.25)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button:hover:not(:disabled){transform:translateY(-1px)}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:14px;box-shadow:0 12px 30px rgba(0,0,0,.35)}.panel-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.label{font-weight:600}.hint{color:var(--muted);font-size:12px}.value{font-size:18px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:14px;gap:14px;margin-top:16px}.status-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.badge{padding:6px 10px;border-radius:999px;background:#102d3e;border:1px solid var(--panel-border);color:var(--text);font-size:13px}.badge.good{border-color:var(--good);color:var(--good)}.badge.warn{border-color:var(--danger);color:var(--danger)}.field{display:flex;flex-direction:column;gap:6px}input[type=number]{background:#0c1c29;border:1px solid var(--panel-border);border-radius:8px;color:var(--text);padding:10px 12px;font-size:14px}.stroke-container{display:flex;justify-content:center;padding:8px 0 4px;gap:4px}.stroke-ruler{position:relative;width:40px;height:240px;display:flex;flex-direction:column}.ruler-tick{position:absolute;right:0;display:flex;align-items:center;transform:translateY(50%)}.ruler-label{font-size:11px;color:var(--muted);width:24px;text-align:right;padding-right:4px}.ruler-line{width:8px;height:1px;background:var(--panel-border)}.stroke-track{position:relative;width:64px;height:240px;border-radius:12px;background:linear-gradient(180deg,rgba(122,224,255,.25),rgba(16,36,51,.9));overflow:hidden;border:1px solid var(--panel-border)}.stroke-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(180deg,#7ae0ff,#2a8cb0);transition:height .12s ease}.stroke-marker{position:absolute;left:-8px;width:calc(100% + 16px);height:4px;background:#e0f7ff;border:1px solid #7ae0ff;box-shadow:0 0 8px rgba(122,224,255,.7);border-radius:4px;transition:bottom .12s ease}.chart-canvas{width:100%;height:auto;border-radius:8px;background:#0c1c29}.details{margin-top:12px}ul.tips{margin:6px 0 0 16px;color:var(--muted);padding-left:12px}.details summary{cursor:pointer;color:var(--accent)}