:root{--bg-primary: #fafaf9;--bg-secondary: #1c1c1a;--bg-tertiary: #f2f2ef;--bg-card: #ffffff;--bg-card-hover: #f2f2ef;--border-color: #d4d4c8;--grid-color: rgba(28, 28, 26, .02);--glass-bg: #ffffff;--glass-border: #d4d4c8;--glass-blur: none;--glass-shadow: 0 4px 16px rgba(0, 0, 0, .05);--text-primary: #1c1c1a;--text-secondary: #4a4a44;--text-muted: #8a8a80;--text-accent: #6d28d9;--accent-violet: #6d28d9;--accent-blue: #1d4ed8;--accent-cyan: #0f766e;--accent-emerald: #15803d;--accent-amber: #b45309;--accent-red: #b91c1c;--accent-pink: #be185d;--gradient-primary: linear-gradient(135deg, var(--accent-violet), var(--accent-blue));--gradient-warm: linear-gradient(135deg, var(--accent-amber), var(--accent-red));--gradient-success: linear-gradient(135deg, var(--accent-emerald), var(--accent-cyan));--gradient-purple: linear-gradient(135deg, var(--accent-violet), var(--accent-pink));--persona-architect: var(--accent-blue);--persona-qa-lead: var(--accent-emerald);--persona-delivery: var(--accent-amber);--persona-hr: var(--accent-pink);--score-exceptional: var(--accent-emerald);--score-good: var(--accent-cyan);--score-average: var(--accent-amber);--score-fail: var(--accent-red);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-sans: "IBM Plex Sans", "Segoe UI", "Aptos", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Cascadia Mono", "Consolas", "SFMono-Regular", monospace;--font-serif: var(--font-sans);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1c1c1a;--bg-tertiary: #1e1e1e;--bg-card: rgba(255, 255, 255, .02);--bg-card-hover: rgba(255, 255, 255, .05);--border-color: #3a3a3a;--grid-color: rgba(255, 255, 255, .015);--glass-bg: rgba(255, 255, 255, .02);--glass-border: #3a3a3a;--glass-blur: blur(12px);--glass-shadow: 0 4px 20px rgba(0, 0, 0, .35);--text-primary: #e4e4e4;--text-secondary: #b0b0b0;--text-muted: #949494;--text-accent: #a78bfa;--accent-violet: #a78bfa;--accent-blue: #60a5fa;--accent-cyan: #5eead4;--accent-emerald: #4ade80;--accent-amber: #fbbf24;--accent-red: #f87171;--accent-pink: #fb7185;--gradient-primary: linear-gradient(135deg, var(--accent-violet), var(--accent-blue))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea,summary{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,rgba(124,58,237,.04) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(59,130,246,.04) 0%,transparent 50%);pointer-events:none;z-index:0}#app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-2xl);animation:fadeIn .8s var(--ease-out)}.welcome-logo{width:80px;height:80px;border-radius:var(--radius-xl);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:var(--space-lg);box-shadow:0 0 40px #7c3aed4d;animation:float 3s ease-in-out infinite}.welcome-title{font-family:var(--font-sans);font-size:3rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-md);text-align:center;letter-spacing:-.5px}.welcome-subtitle{font-size:1.15rem;color:var(--text-secondary);text-align:center;max-width:560px;margin-bottom:var(--space-3xl);line-height:1.7}.welcome-profile-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:var(--space-xl);max-width:600px;width:100%;margin-bottom:var(--space-2xl)}.welcome-profile-card h3{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:var(--space-md)}.profile-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.profile-role{color:var(--text-accent);font-weight:500;margin-bottom:var(--space-md)}.profile-details{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.profile-tag{background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);color:var(--text-accent);padding:4px 12px;border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.welcome-rounds{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);max-width:600px;width:100%;margin-bottom:var(--space-2xl)}.round-preview{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;transition:all var(--duration-normal) var(--ease-out)}.round-preview:hover{background:var(--bg-card-hover);border-color:#ffffff26;transform:translateY(-2px)}.round-preview .round-num{font-size:1.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.round-preview .round-name{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:var(--space-xs)}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:14px 40px;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;letter-spacing:.3px}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity var(--duration-normal)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed59}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);padding:12px 28px;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:#ffffff26}.btn-icon{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--duration-fast);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--glass-bg);color:var(--text-primary)}.interview-layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh;height:100vh;animation:fadeIn .5s var(--ease-out)}.sidebar{background:#1c1c1a!important;border-right:1px solid #333!important;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);position:sticky;top:0;height:100vh;overflow-y:auto;z-index:1000;transition:transform var(--duration-normal) var(--ease-out)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out)}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar-header{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-lg);border-bottom:1px solid #333}.btn-home{width:100%;padding:8px 16px;font-size:.82rem;font-weight:600;text-align:left;background:#252523;border:1px solid #333;color:#d4d4d4;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-home:hover{background:#2e2e2c;color:#f0f0f0;border-color:#555}.btn-home-topnav{padding:6px 14px;font-size:.8rem;font-weight:600;border-radius:var(--radius-full);display:none}@media (max-width: 900px){.btn-home-topnav{display:inline-flex}}.sidebar-logo{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden}.sidebar-title{font-family:var(--font-sans);font-size:1.15rem;font-weight:700;font-style:normal;color:#e0e0e0;letter-spacing:-.3px}.interviewer-section{text-align:center;padding:var(--space-lg) 0}.interviewer-avatar{width:90px;height:90px;border-radius:50%;margin:0 auto var(--space-md);position:relative;display:flex;align-items:center;justify-content:center;font-size:40px;background:var(--bg-tertiary)}.interviewer-avatar:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid transparent;animation:avatarPulse 2s ease-in-out infinite}.interviewer-avatar[data-persona=architect]:after{border-color:var(--persona-architect);box-shadow:0 0 20px #3b82f64d}.interviewer-avatar[data-persona=qa-lead]:after{border-color:var(--persona-qa-lead);box-shadow:0 0 20px #10b9814d}.interviewer-avatar[data-persona=delivery]:after{border-color:var(--persona-delivery);box-shadow:0 0 20px #f59e0b4d}.interviewer-avatar[data-persona=hr]:after{border-color:var(--persona-hr);box-shadow:0 0 20px #d946ef4d}.interviewer-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.interviewer-role{font-size:.8rem;color:var(--text-secondary);font-weight:500}.round-progress{display:flex;flex-direction:column;gap:8px}.sidebar-round-group{display:flex;flex-direction:column}.sidebar-round-btn{display:flex;align-items:center;width:100%;background:transparent;border:1px solid transparent;color:#b0b0b0;padding:10px 12px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-align:left;-webkit-user-select:none;user-select:none;gap:10px}.sidebar-round-btn:hover{background:#2e2e2c;color:#f0f0f0}.sidebar-round-btn.active{background:#292927;border-color:#3a3a3a;color:#f0f0f0}.sidebar-round-btn .round-caret{font-size:.7rem;transition:transform var(--duration-normal) var(--ease-out);color:#949494;display:inline-block}.sidebar-round-btn.expanded .round-caret{transform:rotate(90deg)}.sidebar-round-btn .round-progress-badge{font-size:.7rem;font-family:var(--font-mono);background:#292927;padding:2px 6px;border-radius:var(--radius-sm);margin-left:auto;color:#d4d4d4;font-weight:500}.sidebar-round-btn.active .round-progress-badge{background:#2d2548;color:#d8d0ff}.sidebar-q-list{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .25s ease;opacity:0;display:flex;flex-direction:column;gap:2px;padding-left:10px;margin-top:4px;border-left:1px solid rgba(255,255,255,.05)}.sidebar-q-list.expanded{max-height:2000px;opacity:1}.sidebar-q-item{display:flex;align-items:flex-start;gap:var(--space-xs);padding:6px 10px;border-radius:var(--radius-sm);color:#949494;text-decoration:none;font-family:var(--font-sans);font-size:.78rem;line-height:1.4;transition:all var(--duration-fast) var(--ease-out);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;border-left:2px solid transparent}.sidebar-q-item:hover{color:#f0f0f0;background:#292927}.sidebar-q-item.active{color:#f0f0f0;background:#2a2240;border-left-color:#a78bfa;font-weight:500}.sidebar-q-item .q-prefix{font-weight:600;color:#949494;flex-shrink:0;min-width:24px}.sidebar-q-item.active .q-prefix{color:#a78bfa}.sidebar-q-item.follow-up{padding-left:18px;opacity:.85}.sidebar-q-item.follow-up .q-prefix{color:#fbbf24;min-width:14px}.sidebar-q-item.active.follow-up{background:#fbbf240f;border-left-color:#fbbf24;opacity:1}.sidebar-q-item .q-check{color:#4ade80;font-weight:700;margin-left:auto;font-size:.75rem;padding-left:6px;flex-shrink:0}.question-counter{background:#ffffff05;border:1px solid #333;border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.question-counter-label{font-size:.7rem;text-transform:uppercase;letter-spacing:2px;color:#949494;margin-bottom:var(--space-sm)}.question-counter-value{font-size:1.75rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.question-counter-bar{width:100%;height:4px;background:#ffffff0d;border-radius:var(--radius-full);margin-top:var(--space-sm);overflow:hidden}.question-counter-bar-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.session-stats{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-lg);border-top:1px solid #333}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.stat-label{color:#949494}.stat-value{color:#e4e4e4;font-weight:600;font-family:var(--font-mono)}.main-stage{display:flex;flex-direction:column;padding:var(--space-2xl) var(--space-3xl);max-width:1200px;width:100%;min-width:0;margin:0 auto;height:100vh;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.round-header{margin-bottom:var(--space-2xl);animation:slideDown .5s var(--ease-out)}.round-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:6px 16px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--space-md)}.round-badge[data-round="1"]{background:#10b9811a;color:var(--persona-qa-lead);border:1px solid rgba(16,185,129,.2)}.round-badge[data-round="2"]{background:#3b82f61a;color:var(--persona-architect);border:1px solid rgba(59,130,246,.2)}.round-badge[data-round="3"]{background:#f59e0b1a;color:var(--persona-delivery);border:1px solid rgba(245,158,11,.2)}.round-badge[data-round="4"]{background:#d946ef1a;color:var(--persona-hr);border:1px solid rgba(217,70,239,.2)}.round-title{font-family:var(--font-serif);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.round-description{color:var(--text-secondary);font-size:.95rem}.question-container{margin-bottom:var(--space-xl);animation:slideUp .5s var(--ease-out)}.question-bubble{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);border-top-left-radius:var(--radius-sm);padding:var(--space-xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:relative}.question-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.question-topic-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--accent-violet);background:#7c3aed1a;padding:3px 10px;border-radius:var(--radius-full);font-weight:600}.question-difficulty{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;padding:3px 10px;border-radius:var(--radius-full);font-weight:600}.question-difficulty.easy{color:var(--accent-emerald);background:#10b9811a}.question-difficulty.medium{color:var(--accent-amber);background:#f59e0b1a}.question-difficulty.hard{color:var(--accent-red);background:#ef44441a}.question-resume-tag{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;padding:3px 10px;border-radius:var(--radius-full);font-weight:600;color:var(--accent-cyan);background:#06b6d41a;border:1px solid rgba(6,182,212,.2)}.question-text{font-size:1.1rem;line-height:1.7;color:var(--text-primary);font-weight:400}.question-text code{font-family:var(--font-mono);background:#7c3aed1a;padding:2px 6px;border-radius:var(--radius-sm);font-size:.9em;color:var(--accent-violet)}.typing-indicator{display:flex;align-items:center;gap:6px;padding:var(--space-md) var(--space-lg);animation:fadeIn .3s}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--text-muted);animation:typing 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.answer-container{margin-bottom:var(--space-xl);animation:slideUp .6s var(--ease-out)}.answer-label{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:var(--space-sm)}.answer-textarea{width:100%;min-height:180px;max-height:400px;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-lg);color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;line-height:1.7;resize:vertical;transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.answer-textarea:focus{outline:none;border-color:var(--accent-violet);box-shadow:0 0 0 3px #7c3aed26}.answer-textarea::placeholder{color:var(--text-muted)}.answer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md)}.answer-hint{font-size:.8rem;color:var(--text-muted)}.answer-hint kbd{background:#ffffff0f;border:1px solid var(--glass-border);border-radius:4px;padding:2px 6px;font-family:var(--font-mono);font-size:.75rem}.feedback-container{animation:slideUp .5s var(--ease-out);margin-bottom:var(--space-xl)}.feedback-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);overflow:hidden}.feedback-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--glass-border)}.feedback-header-left{display:flex;align-items:center;gap:var(--space-md)}.feedback-header-label{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted)}.score-badge{display:inline-flex;align-items:baseline;gap:2px;padding:8px 20px;border-radius:var(--radius-full);font-weight:800;font-size:1.3rem;font-family:var(--font-mono)}.score-badge .score-max{font-size:.8rem;font-weight:500;opacity:.6}.score-badge.exceptional{background:#10b98126;color:var(--score-exceptional);border:1px solid rgba(16,185,129,.3)}.score-badge.good{background:#06b6d426;color:var(--score-good);border:1px solid rgba(6,182,212,.3)}.score-badge.average{background:#f59e0b26;color:var(--score-average);border:1px solid rgba(245,158,11,.3)}.score-badge.fail{background:#ef444426;color:var(--score-fail);border:1px solid rgba(239,68,68,.3)}.feedback-body{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.feedback-section{display:flex;flex-direction:column;gap:var(--space-sm)}.feedback-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:var(--space-sm)}.feedback-section-title.good{color:var(--accent-emerald)}.feedback-section-title.missed{color:var(--accent-red)}.feedback-point{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:.9rem;line-height:1.6;color:var(--text-secondary);padding-left:var(--space-sm)}.feedback-point .point-icon{flex-shrink:0;margin-top:3px}.feedback-point .point-icon.good{color:var(--accent-emerald)}.feedback-point .point-icon.missed{color:var(--accent-red)}.model-answer{background:#7c3aed0d;border:1px solid rgba(124,58,237,.15);border-radius:var(--radius-md);padding:var(--space-lg)}.model-answer-title{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent-violet);font-weight:600;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.model-answer-text{font-size:.9rem;line-height:1.8;color:var(--text-secondary)}.model-answer-text code{font-family:var(--font-mono);background:#7c3aed1a;padding:2px 6px;border-radius:var(--radius-sm);font-size:.85em;color:var(--accent-violet)}.model-answer-text .md-table-wrap{overflow-x:auto;margin:var(--space-md) 0;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--bg-card)}.model-answer-text .md-table{width:100%;min-width:280px;border-collapse:collapse;font-size:.875rem;line-height:1.5}.model-answer-text .md-table th,.model-answer-text .md-table td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--glass-border);color:var(--text-secondary)}.model-answer-text .md-table thead th{background:#7c3aed14;color:var(--text-primary);font-weight:600;font-size:.8rem;text-transform:none;letter-spacing:0;white-space:nowrap}.model-answer-text .md-table tbody tr:last-child td{border-bottom:none}.model-answer-text .md-table tbody tr:hover td{background:#7c3aed0a}.model-answer-text pre{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--space-md);margin:var(--space-md) 0;overflow-x:auto;font-family:var(--font-mono);font-size:.85rem;line-height:1.6}.feedback-nav{display:flex;justify-content:flex-end;padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--glass-border);gap:var(--space-md)}.round-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-2xl);animation:fadeIn .8s var(--ease-out)}.round-intro-number{font-size:6rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-md);animation:scaleIn .6s var(--ease-spring)}.round-intro-title{font-family:var(--font-serif);font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm);text-align:center}.round-intro-persona{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--space-lg)}.round-intro-topics{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;max-width:500px;margin-bottom:var(--space-2xl)}.round-intro-topic{background:var(--glass-bg);border:1px solid var(--glass-border);padding:6px 16px;border-radius:var(--radius-full);font-size:.8rem;color:var(--text-secondary)}.round-summary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-2xl);animation:fadeIn .6s var(--ease-out)}.summary-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:var(--space-2xl);max-width:650px;width:100%;animation:scaleIn .5s var(--ease-spring)}.summary-header{text-align:center;margin-bottom:var(--space-xl)}.summary-round-label{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:var(--space-sm)}.summary-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md)}.summary-overall-score{font-size:3.5rem;font-weight:800;font-family:var(--font-mono);text-align:center;margin-bottom:var(--space-xl)}.summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-xl)}.summary-stat{background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md)}.summary-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:var(--space-xs)}.summary-stat-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.summary-feedback{background:#7c3aed0d;border:1px solid rgba(124,58,237,.15);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl)}.summary-feedback-title{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent-violet);font-weight:600;margin-bottom:var(--space-sm)}.summary-feedback-text{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.summary-actions{display:flex;justify-content:center;gap:var(--space-md)}.final-scorecard{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-2xl);animation:fadeIn .8s var(--ease-out)}.scorecard-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:var(--space-2xl) var(--space-3xl);max-width:750px;width:100%;animation:scaleIn .6s var(--ease-spring)}.scorecard-header{text-align:center;margin-bottom:var(--space-2xl)}.scorecard-title{font-family:var(--font-serif);font-size:2rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm)}.scorecard-subtitle{color:var(--text-secondary);font-size:1rem}.scorecard-overall{text-align:center;margin-bottom:var(--space-2xl);padding:var(--space-xl);background:#ffffff05;border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.scorecard-overall-score{font-size:5rem;font-weight:800;font-family:var(--font-mono);line-height:1;margin-bottom:var(--space-sm)}.scorecard-overall-label{font-size:.85rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted)}.scorecard-verdict{font-size:1.2rem;font-weight:600;margin-top:var(--space-md);padding:8px 24px;border-radius:var(--radius-full);display:inline-block}.scorecard-verdict.pass{background:#10b9811a;color:var(--accent-emerald);border:1px solid rgba(16,185,129,.25)}.scorecard-verdict.borderline{background:#f59e0b1a;color:var(--accent-amber);border:1px solid rgba(245,158,11,.25)}.scorecard-verdict.fail{background:#ef44441a;color:var(--accent-red);border:1px solid rgba(239,68,68,.25)}.scorecard-rounds{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-2xl)}.scorecard-round{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-md)}.scorecard-round-info{display:flex;flex-direction:column}.scorecard-round-name{font-weight:600;font-size:.95rem}.scorecard-round-persona{font-size:.8rem;color:var(--text-muted)}.scorecard-round-score{font-family:var(--font-mono);font-weight:700;font-size:1.1rem}.scorecard-round-bar{flex:1;margin:0 var(--space-lg);height:6px;background:#ffffff0d;border-radius:var(--radius-full);overflow:hidden}.scorecard-round-bar-fill{height:100%;border-radius:var(--radius-full);transition:width 1s var(--ease-out)}.scorecard-actions{display:flex;justify-content:center;gap:var(--space-md)}.hidden{display:none!important}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes avatarPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-200px) rotate(720deg);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.confetti-particle{position:fixed;width:8px;height:8px;border-radius:2px;pointer-events:none;z-index:1000;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.shake{animation:shake .5s ease-in-out}.study-action-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);background:#7c3aed08;border:1px solid rgba(124,58,237,.1);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.study-hint{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:.85rem;line-height:1.5}.study-hint-icon{font-size:1.2rem;flex-shrink:0}.btn-view-answer{background:#7c3aed14;border:1px solid rgba(124,58,237,.25);color:var(--text-accent);padding:12px 32px;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;letter-spacing:.3px}.btn-view-answer:hover{background:#7c3aed26;border-color:#7c3aed80;color:var(--text-primary);box-shadow:0 0 20px #7c3aed4d;transform:translateY(-2px)}.btn-view-answer:active{transform:translateY(0)}.answer-textarea:disabled{opacity:.5;cursor:not-allowed;min-height:80px}.answer-actions.submitted .answer-hint{display:none}.summary-highlights{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.summary-highlight{background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;align-items:center;gap:var(--space-md)}.summary-highlight-icon{font-size:1.3rem;flex-shrink:0}.summary-highlight-content{flex:1}.summary-highlight-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:2px}.summary-highlight-value{font-size:.9rem;font-weight:500;color:var(--text-primary)}.summary-highlight-score{font-family:var(--font-mono);font-weight:700;font-size:1rem;flex-shrink:0}.top-nav-bar{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-xl)}.btn-sidebar-toggle{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;position:relative;z-index:100}.btn-sidebar-toggle span{width:100%;height:3px;background:var(--text-primary);border-radius:3px;transition:all var(--duration-fast)}.btn-theme-toggle{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:8px 18px;font-family:var(--font-sans);font-size:.85rem;font-weight:600;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 2px 6px #00000005;transition:all var(--duration-fast) var(--ease-out)}.btn-theme-toggle:hover{border-color:var(--text-accent);color:var(--text-accent);transform:translateY(-1px)}.study-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl);min-height:min(62vh,760px)}.study-question-section{display:flex;flex-direction:column;gap:var(--space-sm)}.study-divider{border:none;border-top:1px solid var(--border-color);margin:var(--space-sm) 0}.study-answer-section{display:flex;flex-direction:column;gap:var(--space-lg)}.expected-concepts-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg)}.expected-concepts-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-accent);margin-bottom:var(--space-sm)}.expected-concept-item{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:6px;display:flex;align-items:baseline;gap:8px}.expected-concept-item:last-child{margin-bottom:0}.expected-concept-item:before{content:"📌";font-size:.8rem}[data-theme=dark] .model-answer{background:#a78bfa08}[data-theme=dark] .model-answer-text .md-table thead th{background:#a78bfa1f}[data-theme=dark] .model-answer-text .md-table-wrap{background:var(--bg-tertiary)}.study-navigation{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-md);min-height:52px}.study-navigation .btn-primary,.study-navigation .btn-secondary{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;padding:12px var(--space-lg)}@media (max-width: 1024px){.interview-layout{grid-template-columns:1fr;height:auto}.sidebar{position:fixed;top:0;left:0;transform:translate(-120%);width:280px;height:100vh;box-shadow:4px 0 24px #00000080;z-index:1000}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.btn-sidebar-toggle{display:flex}.main-stage{padding:var(--space-lg);height:auto;min-height:100vh;overflow-y:visible}}@media (max-width: 768px){.welcome-title{font-size:2rem}.welcome-rounds{grid-template-columns:repeat(2,1fr)}.summary-stats{grid-template-columns:1fr}.main-stage{padding:var(--space-md)}.question-bubble{padding:var(--space-lg)}.round-intro-number{font-size:4rem}.scorecard-overall-score{font-size:3.5rem}.study-action-bar{flex-direction:column;text-align:center;gap:var(--space-md);padding:var(--space-md)}.study-card{padding:var(--space-md);gap:var(--space-md);min-height:0}.top-nav-bar{margin-bottom:var(--space-md)}.coding-lab-layout{padding:var(--space-md)}.coding-lab-header h2{font-size:1.5rem}.coding-lab-body{grid-template-columns:1fr;gap:var(--space-md)}.coding-lab-list{position:static;max-height:none;overflow-y:visible;flex-direction:column;gap:4px}.coding-lab-item{padding:var(--space-sm) var(--space-md);border-left-width:3px}.coding-lab-detail{padding:var(--space-md)}.coding-lab-code{font-size:.78rem;padding:var(--space-sm) var(--space-md)}.pack-scroll{padding:var(--space-md)}.welcome-mode-grid{grid-template-columns:1fr 1fr}.round-intro,.round-summary,.final-scorecard,.summary-card,.scorecard-card{padding:var(--space-lg) var(--space-md)}}@media (max-width: 480px){.welcome-title{font-size:1.6rem}.welcome-subtitle{font-size:1rem}.welcome-mode-grid{grid-template-columns:1fr;gap:var(--space-sm)}.mode-card{padding:var(--space-md)}.coding-lab-layout{padding:var(--space-sm)}.coding-lab-header h2{font-size:1.25rem}.welcome-rounds{grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.round-intro-number{font-size:3rem}.round-intro-title{font-size:1.4rem}}.quiz-section{margin-top:var(--space-2xl);padding:var(--space-xl);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);animation:slideDown .4s var(--ease-out)}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.quiz-header h3{font-size:1.1rem;color:var(--text-accent);display:flex;align-items:center;gap:var(--space-sm)}.quiz-progress-text{font-size:.85rem;color:var(--text-muted);font-weight:500;background:var(--bg-tertiary);padding:4px 10px;border-radius:var(--radius-full)}.quiz-question-text{font-size:1.1rem;font-weight:500;margin-bottom:var(--space-lg);color:var(--text-primary);line-height:1.5}.quiz-options-container{display:flex;flex-direction:column;gap:var(--space-sm)}.quiz-option-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:14px 18px;border-radius:var(--radius-md);text-align:left;font-size:1rem;font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:flex-start;gap:var(--space-sm)}.quiz-option-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--text-accent);transform:translate(4px)}.quiz-option-btn.correct{background:#10b9811a;border-color:var(--accent-emerald);color:var(--accent-emerald)}.quiz-option-btn.incorrect{background:#ef44441a;border-color:var(--accent-red);color:var(--accent-red)}.quiz-option-btn:disabled{cursor:not-allowed;opacity:.8}.quiz-feedback-text{margin-top:var(--space-md);font-weight:600;font-size:.95rem;padding:10px 14px;border-radius:var(--radius-sm);animation:fadeIn .3s var(--ease-out)}.quiz-feedback-text.correct{background:#10b9811a;color:var(--accent-emerald);border-left:3px solid var(--accent-emerald)}.quiz-feedback-text.incorrect{background:#ef44441a;color:var(--accent-red);border-left:3px solid var(--accent-red)}.welcome-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md);margin:var(--space-xl) 0;max-width:900px;width:100%}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-lg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--glass-bg);cursor:pointer;text-align:left;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast)}.mode-card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow);border-color:var(--text-accent)}.mode-card-icon{font-size:1.6rem;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-color);box-shadow:0 4px 10px #0000000d;margin-bottom:var(--space-xs);transition:all var(--duration-fast) var(--ease-out)}.mode-card-study .mode-card-icon{background:#7c3aed1a;border-color:#7c3aed33;color:var(--accent-violet)}.mode-card-mock .mode-card-icon{background:#3b82f61a;border-color:#3b82f633;color:var(--accent-blue)}.mode-card-lab .mode-card-icon{background:#ec48991a;border-color:#ec489933;color:var(--accent-pink)}.mode-card-framework .mode-card-icon{background:#f59e0b1a;border-color:#f59e0b33;color:var(--accent-amber)}.mode-card-dsa .mode-card-icon{background:#10b9811a;border-color:#10b98133;color:var(--accent-emerald)}.mode-card-unicorn .mode-card-icon{background:#d946ef1a;border-color:#d946ef33;color:var(--persona-hr)}.mode-card-it .mode-card-icon{background:#06b6d41a;border-color:#06b6d433;color:var(--accent-cyan)}.mode-card:hover .mode-card-icon{transform:scale(1.08) rotate(3deg);box-shadow:0 6px 15px #7c3aed26}.mode-card strong{font-size:1.1rem;color:var(--text-primary);margin-top:var(--space-xs)}.mode-card span:last-child{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.portfolio-links{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.portfolio-link-card{display:flex;flex-direction:column;padding:var(--space-md) var(--space-lg);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);background:var(--bg-card);min-width:200px}.portfolio-link-card:hover{border-color:var(--accent-violet)}.india-guide-details{max-width:900px;width:100%;margin-bottom:var(--space-xl);text-align:left}.india-guide-details summary{cursor:pointer;font-weight:600;padding:var(--space-md);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--glass-border)}.india-market-guide{padding:var(--space-lg) 0}.india-market-guide h4{margin:var(--space-md) 0 var(--space-sm);font-size:.95rem}.india-salary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.india-salary-card,.india-tier-card{padding:var(--space-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--bg-card);font-size:.9rem;line-height:1.5}.india-checklist{padding-left:var(--space-lg)}.india-checklist li{margin-bottom:var(--space-sm)}.mock-practice-section{margin:var(--space-lg) 0;padding:var(--space-lg);border:1px solid var(--accent-violet);border-radius:var(--radius-lg);background:#6d28d90a}.mock-timer-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.mock-timer-display{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--accent-violet)}.mock-timer-display.timer-warning{color:var(--accent-red)}.practice-answer-input{width:100%;padding:var(--space-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:1rem;resize:vertical;background:var(--bg-card);color:var(--text-primary);margin-bottom:var(--space-md)}.mock-action-row{display:flex;flex-wrap:wrap;gap:var(--space-md)}.score-feedback-panel{margin-top:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--glass-border)}.score-feedback-header{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md)}.score-feedback-value{font-size:2rem;font-weight:700;font-family:var(--font-mono)}.score-exceptional .score-feedback-value{color:var(--accent-emerald)}.score-good .score-feedback-value{color:var(--accent-cyan)}.score-average .score-feedback-value{color:var(--accent-amber)}.score-fail .score-feedback-value{color:var(--accent-red)}.score-matched ul,.score-missed ul{margin:var(--space-sm) 0;padding-left:var(--space-lg);font-size:.9rem}.score-missed{color:var(--text-secondary)}.mock-followup-note{font-size:.9rem;margin-top:var(--space-md);padding:var(--space-md);background:#f59e0b14;border-radius:var(--radius-sm)}.q-score-badge{font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:var(--radius-sm);background:var(--accent-violet);color:#fff}.coding-lab-layout{max-width:1200px;margin:0 auto;padding:var(--space-xl);min-height:100vh;box-sizing:border-box}.coding-lab-header{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-xl);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-md)}.coding-lab-header h2{font-family:var(--font-sans);font-size:2.2rem;font-weight:800;margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.coding-lab-header p{color:var(--text-secondary);font-size:.95rem;margin:var(--space-xs) 0 0 0}.coding-lab-header .btn-secondary{align-self:flex-start;margin-bottom:var(--space-sm);padding:8px 20px;font-size:.85rem}.coding-lab-body{display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--space-xl);align-items:start}.coding-lab-list{display:flex;flex-direction:column;gap:var(--space-sm);position:sticky;top:var(--space-xl);max-height:calc(100vh - var(--space-2xl));overflow-y:auto;scrollbar-width:thin}.coding-lab-item{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-sm) var(--space-md);border:1px solid var(--glass-border);border-left:3px solid transparent;border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;text-align:left;width:100%;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.coding-lab-item:hover{background:var(--bg-card-hover);border-left-color:var(--border-color)}.coding-lab-item.active{border-color:var(--accent-violet);border-left-color:var(--accent-violet);background:var(--bg-card-hover)}.coding-lab-item-title{font-weight:600;font-size:.9rem;color:var(--text-primary)}.coding-lab-item-meta{font-size:.75rem;color:var(--text-muted);margin-top:2px}.coding-lab-detail{padding:var(--space-lg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--bg-card);min-width:0;overflow-wrap:break-word;word-break:break-word}.coding-lab-detail h2{font-size:1.4rem;font-weight:700;margin-bottom:var(--space-sm)}.coding-lab-code{background:var(--bg-tertiary);padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;font-family:var(--font-mono);font-size:.82rem;line-height:1.6;margin:var(--space-md) 0;max-width:100%;white-space:pre;word-break:normal}.coding-lab-hints,.coding-lab-solution{margin-top:var(--space-lg)}.coding-lab-keypoints{padding-left:var(--space-lg)}.framework-path{display:inline-block;font-family:var(--font-mono);font-size:.85rem;padding:4px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-top:var(--space-sm)}.framework-interview-line{margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg);border-left:3px solid var(--accent-violet);background:#6d28d90f;font-style:italic;color:var(--text-secondary)}.framework-run-hint{margin-top:var(--space-lg);font-size:.9rem;color:var(--text-muted)}.framework-run-hint code{font-family:var(--font-mono);font-size:.85rem}.track-hint{text-align:center;color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-md)}.track-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-md);border:2px solid var(--glass-border);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;text-align:left;width:100%}.track-card.active{border-color:var(--accent-violet);background:#6d28d90f}.track-rating{font-size:.75rem;font-weight:700;color:var(--accent-emerald)}#career-track-selector{margin-bottom:var(--space-sm)}.welcome-actions-grid{margin-top:var(--space-md)}.spoken-rubric-panel{margin-bottom:var(--space-lg);padding:var(--space-md);border:1px dashed var(--glass-border);border-radius:var(--radius-md)}.spoken-rubric-row{display:grid;grid-template-columns:1fr auto 2rem;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-sm);font-size:.9rem}.spoken-rubric-row small{display:block;color:var(--text-muted);font-weight:400}.spoken-blend-note{margin-top:var(--space-md);font-size:.9rem;color:var(--accent-violet)}.pack-scroll{max-width:900px;margin:0 auto;padding:var(--space-xl)}.pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.pack-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;text-align:left}.pack-card:hover,.pack-card:focus{border-color:var(--accent-violet)}.pack-detail{padding:var(--space-lg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--bg-card);margin-bottom:var(--space-xl)}.coding-lab-layout{display:flex;flex-direction:column;width:min(1200px,100%);height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;position:relative}.coding-lab-header{flex:0 0 auto;background:linear-gradient(180deg,rgba(109,40,217,.05),transparent 70%),var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.coding-lab-body{display:grid;flex:1 1 auto;min-height:0;grid-template-columns:clamp(240px,24vw,300px) minmax(0,1fr)}.coding-lab-list{position:static;top:auto;height:100%;max-height:none;min-width:0;overflow-y:auto;padding-right:4px;scrollbar-gutter:stable}.coding-lab-item{box-shadow:0 8px 20px #0000000a}.coding-lab-item.active{box-shadow:0 10px 24px #6d28d924}.coding-lab-detail{width:100%;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;contain:layout paint;box-shadow:0 12px 30px #0000000d}@media (max-width: 900px){.top-nav-bar{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-sm);align-items:center}.btn-home-topnav{justify-self:start}.btn-theme-toggle{justify-self:end;white-space:nowrap}}@media (max-width: 768px){.coding-lab-layout{padding:var(--space-md);height:100vh;height:100dvh;min-height:100vh;min-height:100dvh}.coding-lab-header{margin-bottom:var(--space-md);padding:var(--space-md)}.coding-lab-header h2{font-size:1.35rem;line-height:1.25}.coding-lab-body{display:flex;flex-direction:column;flex:1 1 auto;gap:var(--space-md);min-height:0;overflow:hidden}.coding-lab-list{flex:0 0 auto;flex-direction:row;gap:8px;width:100%;height:auto;max-height:132px;overflow-x:auto;overflow-y:hidden;padding-right:0;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.coding-lab-item{min-width:190px;max-width:230px;flex:0 0 auto;border-left-width:2px}.coding-lab-detail{flex:1 1 auto;min-height:0;padding:var(--space-md);border-radius:var(--radius-md)}.coding-lab-code{font-size:.76rem}}@media (max-width: 480px){.coding-lab-layout{padding:var(--space-sm)}.coding-lab-header .btn-secondary{width:100%;justify-content:center}.coding-lab-item{min-width:170px}}.coding-lab-layout{max-width:none;width:100%;padding:18px;background:linear-gradient(90deg,rgba(15,118,110,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(180,83,9,.07) 1px,transparent 1px),linear-gradient(135deg,#f8faf7,#eef4f2 46%,#f8f3e9);background-size:42px 42px,42px 42px,auto}[data-theme=dark] .coding-lab-layout{background:linear-gradient(90deg,rgba(94,234,212,.06) 1px,transparent 1px),linear-gradient(180deg,rgba(251,191,36,.05) 1px,transparent 1px),linear-gradient(135deg,#111411,#151b1a 52%,#1b1812);background-size:42px 42px,42px 42px,auto}.coding-lab-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:var(--space-lg);row-gap:4px;align-items:center;margin-bottom:var(--space-md);border-color:#0f766e38;border-radius:8px;background:linear-gradient(135deg,#0f766e1a,#b4530912),var(--bg-card);box-shadow:0 16px 40px #1c1c1a14}.coding-lab-header .btn-secondary{grid-column:1;grid-row:1 / span 2;margin:0;border-radius:8px;background:#1c1c1a0f}.coding-lab-header h2{grid-column:2;grid-row:1;color:var(--text-primary);background:none;-webkit-text-fill-color:currentColor;font-size:1.75rem;letter-spacing:0}.coding-lab-header p{grid-column:2;grid-row:2;max-width:820px;color:var(--text-secondary)}.lab-header-theme{grid-column:3;grid-row:1 / span 2;justify-self:end;align-self:center;min-height:44px;border-color:#d8f3ed29;background:linear-gradient(135deg,#5eead41f,#e5cb9a14),#14201dc7;color:#d8f3ed}.coding-lab-body{gap:18px}.coding-lab-list{display:flex;flex-direction:column;gap:10px;padding:2px 8px 2px 2px}.coding-lab-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:72px;padding:12px;border-radius:8px;border:1px solid rgba(28,28,26,.1);border-left:4px solid transparent;background:#ffffffd1;box-shadow:0 10px 24px #1c1c1a0f}[data-theme=dark] .coding-lab-item{background:#ffffff0b;border-color:#ffffff14}.coding-lab-item:hover{transform:translateY(-1px);border-color:#0f766e59}.coding-lab-item.active{border-color:#0f766e7a;border-left-color:#0f766e;background:linear-gradient(90deg,#0f766e1f,#ffffffe0);box-shadow:0 16px 34px #0f766e29}[data-theme=dark] .coding-lab-item.active{background:linear-gradient(90deg,#5eead421,#ffffff0b)}.lab-item-index{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#14201d;color:#d8f3ed;font-family:var(--font-mono);font-size:.78rem;font-weight:700}.lab-item-copy{display:flex;flex-direction:column;min-width:0}.coding-lab-item-title{overflow:hidden;color:var(--text-primary);font-size:.92rem;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.coding-lab-item-meta{overflow:hidden;color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.lab-level-chip{align-self:start;border:1px solid rgba(28,28,26,.12);border-radius:999px;padding:3px 8px;color:#2f3a35;background:#edf2ee;font-family:var(--font-mono);font-size:.64rem;font-weight:700;text-transform:uppercase}.lab-level-chip.easy{color:#0f5f3d;background:#15803d1f}.lab-level-chip.medium,.lab-level-chip.review{color:#8a4b05;background:#b4530921}.lab-level-chip.hard{color:#9f1239;background:#be185d1f}.coding-lab-detail{border:1px solid rgba(28,28,26,.1);border-radius:8px;background:linear-gradient(180deg,#fffffff0,#ffffffd6),var(--bg-card);box-shadow:0 18px 44px #1c1c1a1a}[data-theme=dark] .coding-lab-detail{background:linear-gradient(180deg,#1c1c1af5,#1c1c1ad1),var(--bg-card);border-color:#ffffff14}.lab-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,180px);gap:var(--space-lg);align-items:stretch;padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.lab-kicker{display:inline-flex;margin-bottom:var(--space-sm);color:#0f766e;font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-transform:uppercase}.lab-detail-hero h2{margin-bottom:var(--space-sm);color:var(--text-primary);font-size:1.9rem;line-height:1.15;letter-spacing:0}.lab-detail-hero p{max-width:820px;color:var(--text-secondary);font-size:1rem}.lab-scorecard{display:flex;flex-direction:column;justify-content:space-between;min-height:132px;padding:var(--space-md);border-radius:8px;background:#14201d;color:#d8f3ed}.lab-scorecard span{color:#d8f3edb8;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase}.lab-scorecard strong{overflow-wrap:anywhere;font-size:1.15rem;line-height:1.2;text-transform:capitalize}.lab-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:var(--space-lg) 0}.lab-meta-grid span{min-width:0;padding:12px;border-radius:8px;background:#0f766e12;color:var(--text-secondary);font-size:.85rem}.lab-meta-grid strong{display:block;margin-bottom:2px;color:var(--text-primary);font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase}.lab-meta-grid code{overflow-wrap:anywhere}.lab-section,.lab-disclosure{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.lab-section-title{margin-bottom:var(--space-sm);color:#0f766e;font-family:var(--font-mono);font-size:.74rem;font-weight:700;text-transform:uppercase}.lab-code-frame{overflow:hidden;border:1px solid rgba(20,32,29,.22);border-radius:8px;background:#101513;box-shadow:inset 0 1px #ffffff0f}.lab-code-toolbar{display:flex;justify-content:space-between;gap:var(--space-md);padding:10px 14px;border-bottom:1px solid rgba(216,243,237,.1);color:#d8f3edc7;font-family:var(--font-mono);font-size:.72rem}.lab-code-toolbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-code-frame .coding-lab-code{margin:0;border-radius:0;background:transparent;color:#d8f3ed}.lab-disclosure summary{cursor:pointer;color:var(--text-primary);font-weight:700}.lab-bullet-list{margin-top:var(--space-sm);padding-left:var(--space-lg);color:var(--text-secondary)}.lab-bullet-list li{margin-bottom:8px}.lab-callout p{padding:var(--space-md);border-left:4px solid #0f766e;border-radius:8px;background:#0f766e14;color:var(--text-secondary)}@media (max-width: 768px){.coding-lab-layout{padding:10px}.coding-lab-header{grid-template-columns:1fr}.coding-lab-header .btn-secondary{grid-row:auto;width:auto;justify-self:start}.coding-lab-list{max-height:104px}.coding-lab-item{grid-template-columns:30px minmax(0,1fr);min-width:210px;min-height:84px}.lab-level-chip{grid-column:2;justify-self:start}.lab-detail-hero,.lab-meta-grid{grid-template-columns:1fr}.lab-detail-hero h2{font-size:1.45rem}.lab-scorecard{min-height:auto;gap:var(--space-md)}}:root{--arena-ink: #14201d;--arena-ink-soft: #24332f;--arena-paper: #f7f9f4;--arena-paper-2: #eef4f2;--arena-line: rgba(20, 32, 29, .13);--arena-teal: #0f766e;--arena-gold: #b45309;--arena-rose: #9f1239;--arena-panel-shadow: 0 18px 44px rgba(20, 32, 29, .1)}#app *{letter-spacing:0}[data-theme=dark]{--arena-ink: #d8f3ed;--arena-ink-soft: #c7d7d2;--arena-paper: #111411;--arena-paper-2: #151b1a;--arena-line: rgba(216, 243, 237, .12);--arena-panel-shadow: 0 18px 44px rgba(0, 0, 0, .34)}body{background:linear-gradient(90deg,rgba(15,118,110,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(180,83,9,.035) 1px,transparent 1px),linear-gradient(135deg,var(--arena-paper) 0%,var(--arena-paper-2) 48%,#faf4ea 100%);background-size:44px 44px,44px 44px,auto}[data-theme=dark] body{background:linear-gradient(90deg,rgba(94,234,212,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(251,191,36,.025) 1px,transparent 1px),linear-gradient(135deg,#111411,#151b1a,#1b1812);background-size:44px 44px,44px 44px,auto}.btn-primary,.btn-secondary,.btn-theme-toggle{border-radius:8px;letter-spacing:0}.btn-primary{background:var(--arena-ink);color:var(--arena-paper);box-shadow:0 12px 26px #14201d2e}.btn-primary:hover{box-shadow:0 16px 34px #14201d38}.btn-secondary,.btn-theme-toggle{border-color:var(--arena-line);background:#ffffffb8}[data-theme=dark] .btn-secondary,[data-theme=dark] .btn-theme-toggle{background:#ffffff0e}.welcome-screen{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);align-items:start;justify-content:center;gap:18px 28px;width:min(1280px,100%);min-height:100vh;margin:0 auto;padding:32px}.welcome-logo,.welcome-title,.welcome-subtitle,.track-hint,.portfolio-links,.india-guide-details{grid-column:1;justify-self:stretch}#career-track-selector,.welcome-actions-grid,.welcome-profile-card,.welcome-rounds{grid-column:2}.welcome-logo{width:64px;height:64px;margin:0 0 6px;border-radius:8px;background:var(--arena-ink);box-shadow:var(--arena-panel-shadow);animation:none}.welcome-title{margin:0;color:var(--arena-ink);background:none;font-size:3.15rem;line-height:1;text-align:left;-webkit-text-fill-color:currentColor;letter-spacing:0}.welcome-subtitle{max-width:520px;margin:0 0 12px;color:var(--text-secondary);text-align:left}.track-hint{margin:4px 0 0;padding:12px 14px;border-left:4px solid var(--arena-teal);border-radius:8px;background:#0f766e14;color:var(--text-secondary);text-align:left}.welcome-mode-grid{max-width:none;margin:0}#career-track-selector{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track-card,.mode-card,.welcome-profile-card,.round-preview,.portfolio-link-card,.india-guide-details summary,.india-salary-card,.india-tier-card{border-radius:8px;border-color:var(--arena-line);background:#ffffffc7;box-shadow:0 12px 28px #14201d12}[data-theme=dark] .track-card,[data-theme=dark] .mode-card,[data-theme=dark] .welcome-profile-card,[data-theme=dark] .round-preview,[data-theme=dark] .portfolio-link-card,[data-theme=dark] .india-guide-details summary,[data-theme=dark] .india-salary-card,[data-theme=dark] .india-tier-card{background:#ffffff0b}.track-card,.mode-card{min-height:142px;padding:18px;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.track-card:hover,.mode-card:hover{transform:translateY(-2px);border-color:#0f766e6b;box-shadow:0 18px 38px #0f766e1f}.track-card.active,.mode-card:focus-visible{border-color:var(--arena-teal);background:linear-gradient(135deg,#0f766e1f,#ffffffd6)}[data-theme=dark] .track-card.active,[data-theme=dark] .mode-card:focus-visible{background:linear-gradient(135deg,#5eead41f,#ffffff0a)}.track-rating{color:var(--arena-teal);font-family:var(--font-mono);text-transform:uppercase}.mode-card{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:14px;align-items:start}.mode-card-icon{grid-row:1 / span 2;width:44px;height:44px;margin:0;border-radius:8px;border-color:#14201d29;background:var(--arena-ink);color:#d8f3ed;font-family:var(--font-mono);font-size:.78rem;font-weight:800;letter-spacing:0}.mode-card strong{min-width:0;margin:0;color:var(--text-primary);font-size:1rem;line-height:1.2}.mode-card span:last-child{min-width:0;color:var(--text-secondary)}.welcome-profile-card,.welcome-rounds{width:100%;max-width:none;margin:0}.welcome-profile-card{padding:22px}.profile-tag{border-radius:999px;border-color:#0f766e2e;background:#0f766e14;color:var(--arena-teal)}.welcome-rounds{grid-template-columns:repeat(5,minmax(0,1fr))}.round-preview{min-height:94px;padding:14px;text-align:left}.round-preview .round-num{color:var(--arena-teal);background:none;-webkit-text-fill-color:currentColor}.portfolio-links{margin:0}.portfolio-link-card{width:100%;min-width:0}.india-guide-details{margin:0}.india-guide-details summary{color:var(--text-primary)}.india-market-guide{max-height:42vh;overflow:auto;padding:var(--space-md) 0}.interview-layout{background:linear-gradient(90deg,rgba(15,118,110,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(180,83,9,.025) 1px,transparent 1px),var(--arena-paper);background-size:44px 44px,44px 44px,auto}[data-theme=dark] .interview-layout{background:linear-gradient(90deg,rgba(94,234,212,.026) 1px,transparent 1px),linear-gradient(180deg,rgba(251,191,36,.02) 1px,transparent 1px),var(--arena-paper);background-size:44px 44px,44px 44px,auto}.sidebar{background:#14201d!important;border-right-color:#d8f3ed1f!important}.sidebar-round-btn,.sidebar-q-item,.btn-home{border-radius:8px}.sidebar-q-item .q-check{min-width:34px;color:#5eead4;font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase}.main-stage{max-width:1120px}.top-nav-bar{border:1px solid var(--arena-line);border-radius:8px;padding:10px;background:#ffffffb8;box-shadow:0 12px 26px #14201d0f}[data-theme=dark] .top-nav-bar{background:#ffffff0b}.theme-icon{padding:2px 6px;border-radius:999px;background:#0f766e1a;color:var(--arena-teal);font-family:var(--font-mono);font-size:.64rem}.round-header{margin-bottom:var(--space-lg);padding:var(--space-lg);border:1px solid var(--arena-line);border-radius:8px;background:linear-gradient(135deg,#0f766e1a,#b453090f),#ffffffc7;box-shadow:var(--arena-panel-shadow)}[data-theme=dark] .round-header{background:linear-gradient(135deg,#5eead41a,#fbbf240b),#ffffff0a}.round-badge,.question-topic-tag,.question-difficulty,.question-resume-tag,.quiz-progress-text,.q-score-badge{border-radius:999px;font-family:var(--font-mono);letter-spacing:0}.round-title{font-size:1.9rem;letter-spacing:0}.study-card{border-color:var(--arena-line);border-radius:8px;background:#ffffffd1;box-shadow:var(--arena-panel-shadow)}[data-theme=dark] .study-card{background:#ffffff0b}.question-text{padding:18px;border-left:4px solid var(--arena-teal);border-radius:8px;background:#0f766e12;font-size:1.08rem}.expected-concepts-box,.model-answer,.quiz-section,.mock-practice-section,.score-feedback-panel{border-radius:8px;border-color:var(--arena-line);background:#ffffffa3;box-shadow:0 10px 24px #14201d0f}[data-theme=dark] .expected-concepts-box,[data-theme=dark] .model-answer,[data-theme=dark] .quiz-section,[data-theme=dark] .mock-practice-section,[data-theme=dark] .score-feedback-panel{background:#ffffff0a}.model-answer-title,.expected-concepts-title,.quiz-header h3{color:var(--arena-teal);font-family:var(--font-mono);letter-spacing:0}.expected-concept-item:before{content:"";width:7px;height:7px;margin-top:8px;border-radius:50%;background:var(--arena-teal);flex:0 0 auto}.model-answer-text pre,.coding-lab-code{border-radius:8px;background:#101513;color:#d8f3ed}.quiz-option-btn{border-radius:8px;background:#ffffffc2}[data-theme=dark] .quiz-option-btn{background:#ffffff0b}.quiz-option-btn:hover:not(:disabled){transform:translate(2px);border-color:var(--arena-teal)}.practice-answer-input{border-radius:8px;border-color:var(--arena-line)}.study-navigation{position:sticky;bottom:0;padding:10px 0;background:linear-gradient(180deg,transparent,var(--arena-paper) 38%)}.round-intro,.round-summary,.final-scorecard{background:linear-gradient(90deg,rgba(15,118,110,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(180,83,9,.035) 1px,transparent 1px),var(--arena-paper);background-size:44px 44px,44px 44px,auto}.round-intro-title,.summary-title,.scorecard-title{color:var(--arena-ink);letter-spacing:0}.round-intro-number{color:var(--arena-teal);background:none;-webkit-text-fill-color:currentColor}.round-intro-topic{border-radius:999px;border-color:#0f766e2e;background:#0f766e14;color:var(--arena-teal)}.summary-card,.scorecard-card{border-radius:8px;border:1px solid var(--arena-line);background:#ffffffd1;box-shadow:var(--arena-panel-shadow)}[data-theme=dark] .summary-card,[data-theme=dark] .scorecard-card{background:#ffffff0b}.summary-overall-score,.scorecard-overall-score,.text-gradient{color:var(--arena-teal);background:none;-webkit-text-fill-color:currentColor}.summary-stat,.summary-feedback,.scorecard-overall,.scorecard-round{border-radius:8px;border-color:var(--arena-line);background:#0f766e0f}.scorecard-round{align-items:center}.scorecard-round-bar{background:#14201d1a}.pack-scroll{width:min(1040px,100%);height:100%;max-width:none;overflow:auto;padding:var(--space-xl)}.pack-scroll h3{margin-bottom:var(--space-md);color:var(--arena-ink);font-size:1.45rem}.pack-scroll h4{margin:var(--space-lg) 0 var(--space-sm);color:var(--arena-teal);font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase}.pack-card,.pack-detail{border-radius:8px;border-color:var(--arena-line);background:#ffffffc7;box-shadow:0 12px 28px #14201d12}[data-theme=dark] .pack-card,[data-theme=dark] .pack-detail{background:#ffffff0b}.pack-card:hover,.pack-card:focus{border-color:var(--arena-teal);transform:translateY(-1px)}@media (max-width: 980px){.welcome-screen{grid-template-columns:1fr;padding:20px}.welcome-logo,.welcome-title,.welcome-subtitle,.track-hint,.portfolio-links,.india-guide-details,#career-track-selector,.welcome-actions-grid,.welcome-profile-card,.welcome-rounds{grid-column:1}#career-track-selector,.welcome-actions-grid,.welcome-rounds{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.welcome-screen{padding:14px}.welcome-title{font-size:2.15rem}#career-track-selector,.welcome-actions-grid,.welcome-rounds,.lab-meta-grid{grid-template-columns:1fr}.mode-card{min-height:auto}.round-header,.study-card,.summary-card,.scorecard-card{padding:var(--space-md)}.scorecard-round{grid-template-columns:1fr;gap:var(--space-sm)}}.sidebar .btn-home{background:#d8f3ed14;border-color:#d8f3ed2e;color:#d8f3ed}.sidebar .btn-home:hover{background:#d8f3ed24;border-color:#d8f3ed52;color:#fff}.top-nav-bar .btn-home-topnav{background:var(--arena-ink);border-color:var(--arena-ink);color:#d8f3ed}.study-navigation{position:static;padding:var(--space-md) 0 0;background:transparent}.study-navigation.is-loading{visibility:hidden;pointer-events:none}.study-card{background:transparent;border-color:transparent;box-shadow:none;gap:var(--space-md);min-height:0;padding:0}[data-theme=dark] .study-card{background:transparent}.study-question-section{padding:var(--space-xl);border:1px solid var(--arena-line);border-radius:8px;background:#fff;box-shadow:0 8px 18px #14201d0d}[data-theme=dark] .study-question-section{background:#171b19}.study-answer-section{gap:var(--space-md)}.expected-concepts-box,.model-answer,.quiz-section,.mock-practice-section,.score-feedback-panel{background:#fff;box-shadow:0 8px 18px #14201d0d}[data-theme=dark] .expected-concepts-box,[data-theme=dark] .model-answer,[data-theme=dark] .quiz-section,[data-theme=dark] .mock-practice-section,[data-theme=dark] .score-feedback-panel{background:#1d2320}.model-answer{margin-top:0}.lab-mobile-picker{display:none}@media (max-width: 768px){.coding-lab-list{display:block;max-height:none;padding:0;overflow:visible}.coding-lab-list>.coding-lab-item{display:none}.lab-mobile-picker{display:block;padding:12px;border:1px solid var(--arena-line);border-radius:8px;background:#fff;box-shadow:0 10px 24px #14201d14}[data-theme=dark] .lab-mobile-picker{background:#171b19}.lab-mobile-picker-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--arena-teal);font-family:var(--font-mono);font-size:.72rem;font-weight:800;text-transform:uppercase}.lab-mobile-picker-row{display:grid;grid-template-columns:70px minmax(0,1fr) 70px;gap:10px;align-items:center}.lab-mobile-picker select,.lab-mobile-step{min-height:48px;border:1px solid var(--arena-line);border-radius:8px;background:#0f766e0f;color:var(--text-primary);font-family:var(--font-sans);font-weight:700}.lab-mobile-picker select{-moz-appearance:none;appearance:none;-webkit-appearance:none;color-scheme:light;width:100%;min-width:0;padding:0 34px 0 18px;line-height:1.25;background:linear-gradient(45deg,transparent 50%,var(--arena-ink) 50%),linear-gradient(135deg,var(--arena-ink) 50%,transparent 50%),#0f766e0f;background-position:calc(100% - 18px) 20px,calc(100% - 12px) 20px,0 0;background-size:6px 6px,6px 6px,auto;background-repeat:no-repeat}.lab-mobile-picker select option{background:#f7faf5;color:#14201d;font-weight:700}[data-theme=dark] .lab-mobile-picker select{color-scheme:dark;background:linear-gradient(45deg,transparent 50%,#d8f3ed 50%),linear-gradient(135deg,#d8f3ed 50%,transparent 50%),#101714;background-position:calc(100% - 18px) 20px,calc(100% - 12px) 20px,0 0;background-size:6px 6px,6px 6px,auto;background-repeat:no-repeat;color:#d8f3ed}[data-theme=dark] .lab-mobile-picker select option{background:#101714;color:#d8f3ed}.lab-mobile-step{display:inline-flex;align-items:center;justify-content:center;padding:0 10px;cursor:pointer}.lab-mobile-step:disabled{cursor:not-allowed;opacity:.45}}.interview-layout{grid-template-columns:316px minmax(0,1fr)}.sidebar{--sidebar-text: #d8f3ed;--sidebar-muted: #8fa9a2;--sidebar-line: rgba(216, 243, 237, .14);--sidebar-panel: rgba(216, 243, 237, .055);--sidebar-panel-strong: rgba(216, 243, 237, .1);--sidebar-accent: #5eead4;--sidebar-warm: #e4b15d;gap:12px;padding:18px;background:linear-gradient(180deg,rgba(216,243,237,.07),transparent 180px),linear-gradient(135deg,#0f1715,#14201d 54%,#101714)!important;border-right-color:var(--sidebar-line)!important;color:var(--sidebar-text);box-shadow:inset -1px 0 #ffffff0a,16px 0 36px #14201d1f}.sidebar:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--sidebar-accent),var(--sidebar-warm),#fb7185)}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#d8f3ed2e;border-radius:999px}.sidebar-header{gap:12px;padding:2px 0 16px;border-bottom-color:var(--sidebar-line)}.sidebar-logo{width:44px;height:44px;padding:5px;border:1px solid rgba(216,243,237,.16);background:#050d0b85;box-shadow:0 12px 22px #00000038}.sidebar-brand{min-width:0}.sidebar-title{color:#f4fffb;font-size:1rem;line-height:1.15}.sidebar-subtitle{margin-top:3px;color:var(--sidebar-muted);font-family:var(--font-mono);font-size:.68rem;font-weight:700;text-transform:uppercase}.sidebar .btn-home{min-height:42px;display:flex;align-items:center;justify-content:flex-start;padding:0 12px;background:#d8f3ed12;border-color:var(--sidebar-line);color:var(--sidebar-text);box-shadow:inset 0 1px #ffffff0a}.sidebar .btn-home:hover{background:#d8f3ed21;border-color:#d8f3ed47}.sidebar-session-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--sidebar-line);border-radius:8px;background:linear-gradient(135deg,#5eead41c,#e4b15d0e),#d8f3ed0b}.sidebar-session-card>span:first-child{display:grid;gap:3px;min-width:0}.sidebar-session-label{color:var(--sidebar-muted);font-family:var(--font-mono);font-size:.64rem;font-weight:800;text-transform:uppercase}.sidebar-mode-chip{color:#f7fffc;font-size:.92rem;line-height:1.2}.sidebar-mode-chip[data-mode=mock]{color:#ffe1ab}.sidebar-session-status{width:10px;height:10px;flex:0 0 auto;border-radius:999px;background:var(--sidebar-accent);box-shadow:0 0 0 5px #5eead41a,0 0 18px #5eead470}.round-progress{gap:10px;padding-top:4px}.round-progress:before{content:"Interview map";display:block;margin:2px 2px 0;color:var(--sidebar-muted);font-family:var(--font-mono);font-size:.66rem;font-weight:800;text-transform:uppercase}.sidebar-round-group{overflow:hidden;border:1px solid rgba(216,243,237,.1);border-radius:8px;background:#d8f3ed09}.sidebar-round-btn{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:60px;padding:11px 12px;border:0;border-radius:0;color:#c6ddd7}.sidebar-round-btn:hover{background:var(--sidebar-panel);color:#fff}.sidebar-round-btn.active{background:linear-gradient(90deg,rgba(94,234,212,.18),transparent 76%),#d8f3ed14;color:#fff;box-shadow:inset 3px 0 0 var(--sidebar-accent)}.sidebar-round-btn .round-caret{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(216,243,237,.16);border-radius:6px;color:var(--sidebar-muted);background:#050d0b3d}.sidebar-round-btn .round-caret:before{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform var(--duration-normal) var(--ease-out)}.sidebar-round-btn.expanded .round-caret:before{transform:rotate(45deg)}.sidebar-round-btn.active .round-caret{color:var(--sidebar-accent);border-color:#5eead457;background:#5eead414}.round-copy{display:grid;gap:2px;min-width:0}.round-code{color:var(--sidebar-accent);font-family:var(--font-mono);font-size:.66rem;font-weight:900;text-transform:uppercase}.round-name{overflow:hidden;color:inherit;font-size:.86rem;font-weight:800;line-height:1.22;text-overflow:ellipsis;white-space:nowrap}.sidebar-round-btn .round-progress-badge{min-width:46px;padding:4px 7px;border:1px solid rgba(216,243,237,.12);border-radius:999px;background:#050d0b4d;color:#d8f3ed;font-size:.68rem;text-align:center}.sidebar-round-btn.active .round-progress-badge{border-color:#5eead447;background:#5eead41f;color:#eafffb}.sidebar-q-list{gap:4px;margin-top:0;padding:0 8px 0 38px;border-left:0;position:relative}.sidebar-q-list.expanded{padding-top:7px;padding-bottom:10px}.sidebar-q-list:before{content:"";position:absolute;left:25px;top:9px;bottom:12px;width:1px;background:#d8f3ed1c;opacity:0}.sidebar-q-list.expanded:before{opacity:1}.sidebar-q-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:36px;padding:7px 8px;border:1px solid transparent;border-radius:8px;color:#a9c0b9;font-size:.8rem;line-height:1.2}.sidebar-q-item:hover{background:var(--sidebar-panel);color:#fff}.sidebar-q-item.reviewed:not(.active){color:#dceee9}.sidebar-q-item.active{border-color:#5eead457;background:#d8f3ed;color:#0d1714;font-weight:800;box-shadow:0 10px 18px #0000002e}.sidebar-q-item .q-prefix{width:32px;min-width:0;height:22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(216,243,237,.12);border-radius:999px;background:#050d0b38;color:var(--sidebar-muted);font-family:var(--font-mono);font-size:.66rem;font-weight:900}.sidebar-q-item .q-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-q-item.active .q-prefix{border-color:#0f766e47;background:#0f766e24;color:#0f766e}.sidebar-q-item.follow-up{padding-left:8px;opacity:1}.sidebar-q-item.follow-up .q-prefix{width:26px;color:#ffe1ab;border-color:#e4b15d3d;background:#e4b15d1a}.sidebar-q-item.active.follow-up{border-color:#e4b15d5c;background:#fff2d9;color:#281b05}.sidebar-q-item .q-check,.sidebar-q-item .q-score-badge{min-width:34px;height:22px;display:inline-flex;align-items:center;justify-content:center;justify-self:end;padding:0 7px;border-radius:999px;font-family:var(--font-mono);font-size:.58rem;font-weight:900;text-transform:uppercase}.sidebar-q-item .q-check{border:1px solid rgba(94,234,212,.2);background:#5eead41a;color:#8ff7e8}.sidebar-q-item .q-score-badge{border:1px solid rgba(228,177,93,.24);background:#e4b15d1f;color:#ffe1ab}.sidebar-q-item.active .q-check,.sidebar-q-item.active .q-score-badge{border-color:#0f766e40;background:#0f766e21;color:#0f766e}.question-counter,.session-stats{border:1px solid var(--sidebar-line);border-radius:8px;background:#d8f3ed0b;box-shadow:inset 0 1px #ffffff09}.question-counter{padding:14px;text-align:left}.question-counter-label{margin-bottom:4px;color:var(--sidebar-muted);font-family:var(--font-mono);font-size:.64rem;font-weight:800}.question-counter-value{color:#f6fffb;background:none;font-size:1.28rem;line-height:1.1;-webkit-text-fill-color:currentColor}.question-counter-bar{height:7px;background:#050d0b70}.question-counter-bar-fill{background:linear-gradient(90deg,var(--sidebar-accent),var(--sidebar-warm))}.session-stats{gap:8px;padding:10px;border-top:1px solid var(--sidebar-line)}.session-stats .stat-row{padding:8px 9px;border:1px solid rgba(216,243,237,.08);border-radius:7px;background:#050d0b33}.session-stats .stat-label{color:var(--sidebar-muted);font-family:var(--font-mono);font-size:.66rem;font-weight:800;text-transform:uppercase}.session-stats .stat-value{color:#f6fffb}@media (max-width: 1024px){.interview-layout{grid-template-columns:1fr}.sidebar{width:min(88vw,340px);padding:16px}}@media (max-width: 480px){.sidebar{width:min(92vw,326px)}.sidebar-round-btn{grid-template-columns:22px minmax(0,1fr) auto;min-height:56px;padding:10px}.sidebar-q-list{padding-left:30px}.sidebar-q-list:before{left:19px}.sidebar-q-item{grid-template-columns:30px minmax(0,1fr) auto;gap:7px}.sidebar-q-item .q-prefix{width:28px}}.welcome-brand{grid-column:1;justify-self:stretch;display:flex;align-items:center;gap:16px;max-width:560px;min-width:0;padding:2px 0 4px}.welcome-brand-copy{display:grid;gap:5px;min-width:0}.welcome-kicker{color:var(--arena-teal);font-family:var(--font-mono);font-size:.72rem;font-weight:900;line-height:1;text-transform:uppercase}.brand-logo-img{display:block;width:100%;height:100%;border-radius:7px;object-fit:contain;position:relative;z-index:1}.welcome-logo,.sidebar-logo{flex:0 0 auto;position:relative;isolation:isolate;overflow:hidden}.welcome-logo:after,.sidebar-logo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 44%);pointer-events:none;z-index:2}.welcome-logo{width:72px;height:72px;margin:0;padding:7px;border:1px solid rgba(216,243,237,.18);border-radius:14px;background:linear-gradient(135deg,#5eead433,#e4b15d1f),#0f1715;box-shadow:0 18px 34px #14201d38;animation:none}.welcome-title{margin:0;color:var(--arena-ink);background:none;font-size:clamp(2.35rem,4.8vw,3.45rem);font-weight:900;line-height:.96;text-align:left;letter-spacing:0;-webkit-text-fill-color:currentColor}.sidebar-header{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;min-height:56px}.sidebar-logo{width:48px;height:48px;padding:5px;border-radius:12px}.sidebar-brand{display:grid;gap:3px;align-self:center}.sidebar-title{overflow:hidden;color:#f8fffc;font-size:1.08rem;font-weight:900;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.sidebar-subtitle{overflow:hidden;margin-top:0;color:var(--sidebar-muted);font-size:.62rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 980px){.welcome-brand{grid-column:1}}@media (max-width: 640px){.welcome-brand{gap:12px}.welcome-logo{width:58px;height:58px;border-radius:12px;padding:6px}.welcome-kicker{font-size:.64rem}.welcome-title{font-size:clamp(2rem,10vw,2.45rem)}}.sidebar-header{grid-template-columns:46px minmax(0,1fr);gap:12px;min-height:64px;padding:10px;border:1px solid rgba(216,243,237,.14);border-radius:12px;background:linear-gradient(135deg,#d8f3ed13,#5eead406),#050d0b3d;box-shadow:inset 0 1px #ffffff0d}.sidebar-logo{width:46px;height:46px;padding:6px;border-radius:11px;border-color:#d8f3ed33;background:linear-gradient(145deg,#5eead429,#fb71851a),#0b1110;box-shadow:0 12px 22px #00000038}.sidebar-logo .brand-logo-img{border-radius:8px}.sidebar-brand{align-self:center;gap:4px;padding-top:1px}.sidebar-title{color:#fff;font-size:1.04rem;font-weight:900;line-height:1.05}.sidebar-subtitle{color:#d8f3edad;font-size:.64rem;font-weight:800}.sidebar-session-card{color:#d8f3ed;background:linear-gradient(135deg,#5eead41f,#e4b15d13),#d8f3ed0e}.sidebar-session-label,.round-progress:before{color:#d8f3edad}.sidebar-mode-chip{color:#fff}.sidebar-mode-chip[data-mode=mock]{color:#ffe3ad}@media (max-width: 480px){.sidebar-header{grid-template-columns:42px minmax(0,1fr);min-height:58px;padding:8px}.sidebar-logo{width:42px;height:42px;padding:5px}.sidebar-title{font-size:.98rem}}.sidebar-q-item.follow-up{grid-template-columns:38px minmax(0,1fr) auto;border-color:#cdab7021;background:#cdab700b;color:#d9c9ab}.sidebar-q-item.follow-up .q-prefix{width:36px;color:#2a2111;border-color:#e5cb9ab3;background:#e5cb9a;box-shadow:0 0 0 3px #cdab700e}.sidebar-q-item.follow-up .q-title{color:#d9c9ab;font-weight:700}.sidebar-q-item.follow-up:hover{border-color:#e5cb9a47;background:#cdab7016}.sidebar-q-item.active.follow-up{border-color:#e5cb9a75;background:linear-gradient(90deg,#e5cb9aeb,#f8efdce0);color:#1f190e;box-shadow:0 10px 18px #cdab701f}.sidebar-q-item.active.follow-up .q-prefix{color:#e5cb9a;border-color:#14201d61;background:#14201d}.sidebar-q-item.active.follow-up .q-title{color:#1f190e;font-weight:900}.sidebar-q-item.active.follow-up .q-check,.sidebar-q-item.active.follow-up .q-score-badge{border-color:#14201d33;background:#14201d1f;color:#14201d}@media (max-width: 480px){.sidebar-q-item.follow-up{grid-template-columns:34px minmax(0,1fr) auto}.sidebar-q-item.follow-up .q-prefix{width:32px}}.btn-index-back{--back-bg: rgba(255, 255, 255, .72);--back-border: rgba(20, 32, 29, .14);--back-ink: #14201d;--back-tile: #14201d;--back-arrow: #d8f3ed;position:relative;display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:6px 16px 6px 7px!important;border:1px solid var(--back-border)!important;border-radius:12px!important;background:linear-gradient(135deg,#0f766e14,#b453090b),var(--back-bg)!important;color:var(--back-ink)!important;font-weight:900;line-height:1;box-shadow:0 10px 22px #14201d14;overflow:hidden;isolation:isolate}.btn-index-back:before{content:"";width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:var(--back-tile);box-shadow:inset 0 1px #ffffff1f}.btn-index-back:after{content:"";position:absolute;left:24px;top:50%;width:8px;height:8px;border-left:2px solid var(--back-arrow);border-bottom:2px solid var(--back-arrow);transform:translate(-50%,-50%) rotate(45deg);transition:transform var(--duration-fast) var(--ease-out);z-index:2}.btn-index-back:hover{transform:translateY(-1px);border-color:#0f766e57!important;box-shadow:0 14px 28px #14201d21}.btn-index-back:hover:after{transform:translate(-68%,-50%) rotate(45deg)}.btn-index-back:focus-visible{outline:3px solid rgba(94,234,212,.32);outline-offset:2px}.btn-index-back-label{position:relative;z-index:1;white-space:nowrap}.coding-lab-header .btn-index-back{grid-row:1 / span 2;align-self:center;justify-self:start;margin:0}.sidebar .btn-index-back{--back-bg: rgba(216, 243, 237, .07);--back-border: rgba(216, 243, 237, .16);--back-ink: #d8f3ed;--back-tile: #d8f3ed;--back-arrow: #14201d;width:100%;min-height:46px;box-shadow:inset 0 1px #ffffff0a}.sidebar .btn-index-back:hover{border-color:#d8f3ed4d!important;background:linear-gradient(135deg,#5eead41f,#e4b15d0f),#d8f3ed1a!important}.top-nav-bar .btn-index-back{--back-bg: var(--arena-ink);--back-border: rgba(20, 32, 29, .24);--back-ink: #d8f3ed;--back-tile: #d8f3ed;--back-arrow: #14201d;display:none}@media (max-width: 900px){.top-nav-bar .btn-index-back{display:inline-flex}}[data-theme=dark] .btn-index-back{--back-bg: rgba(255, 255, 255, .055);--back-border: rgba(216, 243, 237, .14);--back-ink: #d8f3ed;--back-tile: #d8f3ed;--back-arrow: #14201d}@media (max-width: 520px){.btn-index-back{min-height:42px;padding-right:12px!important}.btn-index-back:before{width:28px;height:28px;flex-basis:28px}.btn-index-back:after{left:22px}}:root{color-scheme:light;--arena-page-bg: #f7faf5;--arena-bg-field: linear-gradient(180deg, rgba(15, 118, 110, .055) 0%, transparent 36%), linear-gradient(135deg, #f7faf5 0%, #edf5f2 58%, #fbf2e6 100%)}[data-theme=dark]{color-scheme:dark;--arena-page-bg: #101411;--arena-bg-field: linear-gradient(180deg, rgba(94, 234, 212, .04) 0%, transparent 38%), linear-gradient(135deg, #101411 0%, #151b1a 58%, #1b1710 100%)}html,body{background-color:var(--arena-page-bg)}html,body{min-height:100%}body{min-height:100vh;min-height:100dvh;background-color:var(--arena-page-bg);background-image:var(--arena-bg-field);background-repeat:no-repeat;background-size:cover}body:before{display:none}.welcome-screen,.coding-lab-layout,.interview-layout,.round-intro,.round-summary,.final-scorecard{background:transparent}[data-theme=dark] body{background-color:var(--arena-page-bg);background-image:var(--arena-bg-field);background-repeat:no-repeat;background-size:cover}[data-theme=dark] .welcome-screen,[data-theme=dark] .coding-lab-layout,[data-theme=dark] .interview-layout,[data-theme=dark] .round-intro,[data-theme=dark] .round-summary,[data-theme=dark] .final-scorecard{background:transparent!important}.coding-lab-header,.round-header,.top-nav-bar,.summary-card,.scorecard-card,.study-question-section,.expected-concepts-box,.model-answer,.quiz-section,.mock-practice-section,.score-feedback-panel,.pack-scroll{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-utility-bar{width:min(1280px,100%);margin:0 auto;padding:24px 32px 0;display:flex;justify-content:flex-end;position:relative;z-index:1400}.app-theme-toggle{position:static;min-height:44px;padding:8px 14px;border-color:#d8f3ed29;background:linear-gradient(135deg,#5eead41f,#e5cb9a14),#14201dc7;color:#d8f3ed;box-shadow:0 14px 32px #14201d2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}body[data-screen=interview] .app-utility-bar,body[data-screen=codingLab] .app-utility-bar,body[data-screen=frameworkTour] .app-utility-bar,body[data-screen=dsaLab] .app-utility-bar,body[data-screen=unicornPack] .app-utility-bar,body[data-screen=itGuide] .app-utility-bar{display:none}.app-utility-bar+.welcome-screen{min-height:calc(100vh - 68px);padding-top:8px}.btn-theme-toggle[data-active-theme=dark] .theme-icon{background:#d8f3ed24;color:#d8f3ed}.btn-theme-toggle[data-active-theme=light] .theme-icon{background:#14201d1a;color:#14201d}.app-theme-toggle:hover{border-color:#5eead466;color:#fff}@media (max-width: 640px){.app-utility-bar{padding:14px 14px 0}.app-theme-toggle{min-height:40px;padding:7px 11px;font-size:.78rem}body[data-screen=codingLab] .app-utility-bar,body[data-screen=frameworkTour] .app-utility-bar,body[data-screen=dsaLab] .app-utility-bar,body[data-screen=unicornPack] .app-utility-bar,body[data-screen=itGuide] .app-utility-bar{display:none}}.interview-layout{height:auto;min-height:100vh;overflow:visible}.main-stage{height:auto;min-height:100vh;overflow:visible;scrollbar-gutter:auto}.coding-lab-layout{height:auto;min-height:100vh;min-height:100dvh;overflow:visible}.coding-lab-body{align-items:start}.coding-lab-list{height:auto;max-height:none;overflow:visible;scrollbar-gutter:auto}.coding-lab-detail{height:auto;min-height:min(620px,calc(100vh - 140px));overflow:visible;scrollbar-gutter:auto;contain:none}.pack-scroll{height:auto;min-height:0;overflow:visible}@media (max-width: 768px){.coding-lab-layout,.coding-lab-body,.coding-lab-detail{height:auto;min-height:0;overflow:visible}}@media (max-width: 720px){.coding-lab-header{grid-template-columns:1fr}.coding-lab-header .btn-index-back,.coding-lab-header h2,.coding-lab-header p,.lab-header-theme{grid-column:1;grid-row:auto}.coding-lab-header .btn-index-back,.lab-header-theme{justify-self:stretch;width:100%;justify-content:center}}