:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#e9eef8;background:#090d17;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% -10%,#26385a 0,transparent 30%),#090d17}button,input,select{font:inherit}button{cursor:pointer}a{color:#9fc6ff}main{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:42px 0 80px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:38px}.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.brandmark{width:32px;height:32px;border:2px solid #83b8ff;border-radius:10px;display:grid;place-items:center;color:#83b8ff}.muted{color:#9daec7}.eyebrow{color:#79b0ff;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:12px}h1{font-size:clamp(32px,5vw,52px);line-height:1.08;letter-spacing:-.045em;margin:10px 0 12px}h2{font-size:21px;letter-spacing:-.025em;margin:0 0 20px}p{line-height:1.55}.lede{color:#adbad0;margin:0 0 34px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:#111a29;border:1px solid #28384e;border-radius:18px;padding:26px;box-shadow:0 14px 50px #0002}.card.full{grid-column:1/-1}.stack{display:grid;gap:15px}.field{display:grid;gap:7px}.field label{font-size:14px;color:#c5d1e2;font-weight:600}input,select{width:100%;border:1px solid #364860;border-radius:10px;background:#0b1320;color:#f5f8ff;padding:12px 13px;outline:none;min-height:46px}input:focus,select:focus{border-color:#79b0ff;box-shadow:0 0 0 3px #79b0ff24}input::placeholder{color:#73849e}.button{border:0;border-radius:10px;background:#78afff;color:#071324;font-weight:700;padding:12px 18px;min-height:46px}.button:hover{background:#a2c8ff}.button.secondary{background:#263850;color:#e2edff}.button.secondary:hover{background:#344b68}.button.ghost{background:transparent;color:#a9bcd5;border:1px solid #3a4a60}.button:disabled{opacity:.5;cursor:not-allowed}.small{font-size:13px}.status{border-radius:10px;padding:12px 14px;background:#1a2a41;color:#cfdef3;margin-top:16px}.status.error{background:#3b1d28;color:#ffd6df}.hidden{display:none!important}.list{display:grid;gap:10px}.row{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#0d1624;border:1px solid #27364c;border-radius:12px;padding:14px 16px}.row strong{display:block;font-size:15px;margin-bottom:4px}.row .small{color:#96a9c3}.row button{padding:8px 12px;min-height:36px}.share{display:flex;gap:8px;margin-top:16px}.share input{flex:1}.viewer{width:min(520px,calc(100% - 32px));margin:0 auto;padding:34px 0 50px}.viewer .card{padding:clamp(24px,6vw,42px)}.viewer h1{font-size:clamp(30px,6vw,42px)}.code{display:block;font-size:clamp(42px,11vw,68px);font-variant-numeric:tabular-nums;letter-spacing:.13em;font-weight:750;margin:18px 0;color:#f6f9ff}.timer{height:7px;background:#293a51;border-radius:99px;overflow:hidden;margin:20px 0 10px}.timer span{display:block;height:100%;background:#78afff;border-radius:99px;transition:width 1s linear}.divider{border:0;border-top:1px solid #2b3b51;margin:28px 0}.attempt{display:inline-block;color:#b9cce4;background:#1d2c42;border-radius:99px;padding:7px 11px;font-size:13px;font-weight:700}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.help{padding-top:12px}.help summary{cursor:pointer;color:#a9c9ff;font-weight:650}.help p{color:#abbad0}.file{padding:10px}.note{font-size:13px;color:#8d9eb7;margin:10px 0 0}@media(max-width:700px){main{padding-top:22px}.grid{grid-template-columns:1fr}.card.full{grid-column:auto}.top{margin-bottom:28px}.share{flex-direction:column}.row{align-items:flex-start;flex-direction:column}}