:root{font-family:Segoe UI,PingFang SC,sans-serif;color:#f3f4f6;background:radial-gradient(circle at top left,rgba(14,165,233,.35),transparent 30%),linear-gradient(135deg,#0f172a,#111827 55%,#1f2937);line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.page{max-width:1100px;margin:0 auto;padding:40px 20px 56px}.hero,.grid,.twoColumn{display:grid;gap:18px}.hero{grid-template-columns:1fr auto;align-items:end;margin-bottom:24px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;color:#7dd3fc;font-size:12px}h1,h2,p{margin:0}h1{font-size:clamp(32px,5vw,56px);line-height:1}.subtitle{max-width:720px;margin-top:14px;color:#cbd5e1}.grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.twoColumn{grid-template-columns:1.2fr .8fr;margin-bottom:18px}.panel{background:#0f172ab3;border:1px solid rgba(148,163,184,.2);border-radius:20px;padding:22px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 50px #0f172a40}.panel.accent{display:flex;flex-direction:column;gap:8px}.panel.accent strong{font-size:36px}.panel.wide{justify-content:center}.message{margin-top:8px;display:block;font-size:20px}.form{display:flex;gap:12px;margin-top:16px}.form input{flex:1;background:#ffffff0f;border:1px solid rgba(148,163,184,.3);border-radius:14px;color:#f8fafc;padding:14px 16px}.form button,.ghostButton{border:0;border-radius:14px;padding:14px 18px;cursor:pointer;color:#082f49;background:linear-gradient(135deg,#67e8f9,#38bdf8);font-weight:700}.ghostButton{align-self:center}.statusList,.taskList{display:grid;gap:12px;margin-top:16px}.statusRow,.taskRow{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:#ffffff0a}.taskRow p{margin-top:4px;color:#cbd5e1;font-size:14px}.badge,.up,.down{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge,.up{background:#22c55e26;color:#86efac}.down{background:#ef444426;color:#fca5a5}.empty,.error{margin-top:12px;color:#fda4af}@media(max-width:820px){.hero,.grid,.twoColumn,.form{grid-template-columns:1fr}.form{display:grid}.ghostButton{width:100%}}