:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:#f3f4f6;background:radial-gradient(circle at top,#2a2f4a,#111320 60%);min-height:100svh;margin:0}#app{place-items:center;min-height:100svh;padding:24px;display:grid}.container{width:min(560px,100%)}h1{margin:0;font-size:clamp(1.6rem,2vw + 1rem,2.4rem);line-height:1.2}.subtitle{color:#cbd5e1;margin:10px 0 20px}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;border:1px solid #3b4265;border-radius:16px;gap:16px;padding:20px;display:grid}.status{color:#a7f3d0;margin:0;font-weight:600}.actions{flex-wrap:wrap;gap:12px;display:flex}button{color:#f8fafc;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:10px;padding:10px 14px;font-size:.95rem}button:hover:not(:disabled){border-color:#7c8dc0}button:disabled{opacity:.5;cursor:not-allowed}.label{color:#cbd5e1;font-size:.9rem}input[type=range]{width:100%}.note{color:#94a3b8;margin:0;font-size:.9rem}