*{font-family:Arial,sans-serif}body{background:#f5f6f8;color:#202124}.top{background:white;border-top:6px solid #f00;box-shadow:0 3px 18px #0001}.logo{max-width:165px}.hero{background:radial-gradient(circle at 90% 15%,#f003,transparent 30%),linear-gradient(135deg,#050505,#242424);color:#fff;border-radius:24px}.cardx{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 8px 28px #0000000b}.btn-red{background:#f00;border-color:#f00;color:#fff;font-weight:bold}.btn-red:hover{background:#d90000;color:#fff}.phase{transition:.2s}.phase:hover{transform:translateY(-3px)}.num{width:38px;height:38px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-weight:bold}.prompt{background:#111;color:#eee;border-radius:14px;padding:17px;white-space:pre-wrap}.pattern input{display:none}.pattern span{display:inline-block;border:1px solid #ddd;border-radius:99px;padding:8px 12px;margin:4px}.pattern input:checked+span{background:#111;color:#fff}.muted{font-size:.85rem;color:#6b7280}