:root{--bg-color: #0b0f19;--panel-bg: #151c2c;--panel-border: #28344e;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #3b82f6;--accent-hover: #2563eb;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--font-family: "Inter", system-ui, sans-serif;--code-font: "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;line-height:1.6}.container{max-width:900px;margin:0 auto;padding:2rem 1rem}.card{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;padding:2rem;box-shadow:0 10px 25px -5px #0000004d}.btn{padding:.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--panel-border);color:var(--text-primary)}.btn-outline:hover{background-color:#ffffff0d}.code-block{background-color:#090d16;border:1px solid #1e293b;border-radius:8px;padding:1rem;font-family:var(--code-font);font-size:.9rem;color:#e2e8f0;overflow-x:auto;margin:1rem 0}.option-card{background-color:#0f172a;border:2px solid var(--panel-border);border-radius:12px;padding:1rem 1.25rem;margin-bottom:.75rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .2s ease}.option-card:hover{border-color:var(--accent-color);background-color:#3b82f60d}.option-card.selected{border-color:var(--accent-color);background-color:#3b82f626}.timer-badge{background-color:#f59e0b26;color:var(--warning-color);border:1px solid rgba(245,158,11,.3);padding:.4rem .8rem;border-radius:9999px;font-family:var(--code-font);font-weight:700;font-size:1.1rem}