@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #09090B;--surface: #18181B;--surface-hover: #27272A;--primary: #6366F1;--primary-hover: #4F46E5;--accent: #8B5CF6;--success: #10B981;--danger: #EF4444;--warning: #F59E0B;--text: #FAFAFA;--text-muted: #A1A1AA;--border: #3F3F46;--radius: 16px;--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);display:flex;justify-content:center;align-items:center;min-height:100vh}.app-container{width:100%;max-width:600px;padding:20px;position:relative}.cloud-toast{position:absolute;top:-20px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);padding:8px 16px;border-radius:20px;font-size:12px;display:flex;align-items:center;gap:8px;z-index:50;box-shadow:0 4px 12px #0003}.cloud-toast.saved{color:var(--success);border-color:var(--success)}.cloud-toast.error{color:var(--danger);border-color:var(--danger)}.main-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 8px 32px #0006;overflow:hidden;min-height:500px;display:flex;flex-direction:column}.screen{padding:32px;display:flex;flex-direction:column;gap:24px;flex:1}.home-screen{text-align:center;align-items:center;justify-content:center}.hero-icon{color:var(--primary);margin-bottom:16px;filter:drop-shadow(0 0 16px rgba(99,102,241,.4))}.title{font-size:28px;font-weight:700;background:linear-gradient(to right,var(--primary),var(--accent));-webkit-background-clip:text;color:transparent}.subtitle{color:var(--text-muted);font-size:14px;line-height:1.5;margin-bottom:24px}.menu-grid{display:flex;flex-direction:column;gap:12px;width:100%}.menu-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border-radius:12px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s;color:var(--text)}.menu-btn.primary{background:var(--primary)}.menu-btn.primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.menu-btn.warning{background:#f59e0b1a;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.menu-btn.warning:hover{background:#f59e0b33}.menu-btn.accent{background:linear-gradient(135deg,var(--primary),var(--accent))}.menu-btn.outline{background:transparent;border:1px solid var(--border)}.menu-btn.outline:hover{background:var(--surface-hover)}.quiz-header{display:flex;flex-direction:column;gap:12px}.progress-track{height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);transition:width .3s ease}.quiz-meta{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-muted)}.type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.type-badge.mcq{background:#6366f126;color:#818cf8}.type-badge.tf{background:#10b98126;color:#34d399}.type-badge.prog{background:#f59e0b26;color:#fbbf24}.problem-statement h2{font-size:18px;line-height:1.6;margin-bottom:16px}.prog-details{background:var(--bg);padding:16px;border-radius:8px;font-size:14px;color:var(--text-muted);border:1px solid var(--border)}.prog-details p{margin-bottom:8px}.io-examples{display:flex;gap:12px;margin-top:12px}.io-box{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px}.io-label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.io-box code{font-family:var(--font-mono);font-size:13px;color:var(--text);white-space:pre-wrap}.options-list{display:flex;flex-direction:column;gap:12px}.option-btn{text-align:left;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:15px;cursor:pointer;transition:all .2s}.option-btn:hover:not(:disabled){border-color:var(--primary);background:#6366f10d}.option-btn.selected{border-color:var(--primary);background:#6366f11a;box-shadow:0 0 0 1px var(--primary)}.tf-buttons{display:flex;gap:16px}.tf-btn{flex:1;padding:20px;background:var(--bg);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:16px;font-weight:600;cursor:pointer}.tf-btn.selected{border-color:var(--primary);background:#6366f11a}.ide-container{border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.ide-header{background:#1e1e1e;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.filename{font-family:var(--font-mono);font-size:13px;color:#9cdcfe}.code-editor{width:100%;height:200px;background:#1e1e1e;color:#d4d4d4;font-family:var(--font-mono);font-size:14px;padding:16px;border:none;resize:vertical;outline:none;line-height:1.5}.terminal-window{background:#000;border-top:1px solid var(--border)}.terminal-header{background:#333;color:#ccc;font-size:12px;padding:4px 12px;font-family:var(--font-sans)}.terminal-content{padding:12px;font-family:var(--font-mono);font-size:13px;color:#fff}.term-text{margin-bottom:6px}.term-text.text-muted{color:#888}.term-loading{display:flex;align-items:center;gap:8px;color:var(--warning);margin-top:8px}.term-output{background:#111;padding:8px;border-radius:4px;color:var(--success);margin-top:4px;white-space:pre-wrap}.submit-btn{width:100%;padding:16px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer}.submit-btn:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}.feedback-banner{padding:16px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.feedback-banner.correct{background:#10b98133;color:var(--success);border:1px solid var(--success)}.feedback-banner.incorrect{background:#ef444433;color:var(--danger);border:1px solid var(--danger)}.score-circle{width:120px;height:120px;border-radius:50%;border:8px solid var(--primary);display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.score-num{font-size:36px;font-weight:700;color:var(--primary)}.score-div{color:var(--text-muted)}.chart-section{background:var(--bg);padding:16px;border-radius:12px;border:1px solid var(--border)}.chart-svg{width:100%;height:auto;margin-top:16px}.ai-input{width:100%;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:15px;outline:none}.ai-input:focus{border-color:var(--accent)}.ai-preview{background:var(--bg);border:1px dashed var(--accent);padding:20px;border-radius:12px;margin-top:16px}.preview-header{display:flex;justify-content:space-between;margin-bottom:12px;font-size:13px;color:var(--text-muted)}.back-link{background:none;border:none;color:var(--text-muted);text-decoration:underline;cursor:pointer;margin-top:16px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}