@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0f;--surface:#15151c;--surface-sunken:#0d0d12;--text:#f4f4f8;--text-muted:#adadbe;--text-placeholder:#8b8b9e;--link:#a5b4fc;--link-hover:#c7d2fe;--danger:#fca5a5;--success:#6ee7b7;--warning:#fbbf24;--action-bg:#4f46e5;--action-bg-hover:#4338ca;--action-text:#fff;--border:#2a2a36;--border-control:#70708c;--focus-ring:#a5b4fc;--glow-1:#6366f11f;--glow-2:#a855f71f;--shadow:0 25px 50px -12px #00000080;--surface-raised:#ffffff0f;--surface-raised-hover:#ffffff1a;--chart-blue:#60a5fa}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7fb;--surface:#fff;--surface-sunken:#f1f2f7;--text:#1a1a24;--text-muted:#55556b;--text-placeholder:#6b6b85;--link:#4338ca;--link-hover:#312e81;--danger:#b91c1c;--success:#047857;--warning:#92400e;--action-bg:#4f46e5;--action-bg-hover:#4338ca;--action-text:#fff;--border:#e2e3ed;--border-control:#8a8aa0;--focus-ring:#4338ca;--glow-1:#6366f114;--glow-2:#a855f714;--shadow:0 20px 40px -16px #1a1a242e;--surface-raised:#1a1a240d;--surface-raised-hover:#1a1a2417;--chart-blue:#2563eb}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);background-image:radial-gradient(circle at 15% 50%, var(--glow-1), transparent 25%), radial-gradient(circle at 85% 30%, var(--glow-2), transparent 25%);justify-content:center;align-items:center;min-height:100dvh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}a{color:var(--link);text-underline-offset:2px}a:hover{color:var(--link-hover)}.auth-container{width:100%;max-width:420px;padding:1rem}.auth-container-wide{max-width:560px}.auth-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);opacity:0;border-radius:24px;padding:2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp;transform:translateY(20px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:var(--text);margin-bottom:.5rem;font-size:clamp(1.6rem,6vw,2rem);font-weight:700}.auth-header p{color:var(--text-muted);font-size:.95rem}.form-group{margin-bottom:1.25rem}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;display:grid}.form-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-control{background:var(--surface-sunken);border:1px solid var(--border-control);width:100%;color:var(--text);border-radius:12px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-control:focus-visible{border-color:var(--focus-ring);outline-offset:0}.form-control::placeholder{color:var(--text-placeholder)}.form-hint{color:var(--text-muted);margin-top:.35rem;font-size:.8rem;display:block}.form-feedback{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.form-feedback[data-visible=true]{grid-template-rows:1fr}.form-feedback>*{min-height:0;overflow:hidden}.form-feedback[data-visible=true]>*{padding-bottom:.75rem}.feedback-message{align-items:flex-start;gap:.4rem;font-size:.875rem;animation:.3s fadeIn;display:flex}.feedback-message svg{flex-shrink:0;margin-top:.1rem}.feedback-error{color:var(--danger)}.feedback-success{color:var(--success)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;width:100%;padding:.875rem;font-family:inherit;font-size:1rem;font-weight:600;transition:background-color .2s,transform .2s}.btn-primary{background:var(--action-bg);color:var(--action-text)}.btn-primary:hover:not(:disabled){background:var(--action-bg-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-logout{background:var(--surface-raised);color:var(--text);border-color:var(--border);width:auto;padding:.75rem 1.5rem}.btn-logout:hover{background:var(--surface-raised-hover)}.toggle-mode{text-align:center;color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:1.5rem;font-size:.9rem;display:flex}.toggle-mode a{font-weight:500;text-decoration:underline}.dashboard{text-align:center;padding:2.5rem}.dashboard h2{margin-bottom:1rem;font-size:clamp(1.5rem,5vw,2.25rem)}.dashboard p{color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;width:100%;padding:3rem 2rem;display:flex}.loading-spinner{background:conic-gradient(from 0deg, transparent 0%, var(--link) 85%, var(--link) 100%);border-radius:50%;width:2.75rem;height:2.75rem;animation:.85s cubic-bezier(.5,.15,.5,.85) infinite spin;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.loading-label{color:var(--text-muted);letter-spacing:.02em;font-size:.9rem;animation:1.8s ease-in-out infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.theme-toggle{background:var(--surface);width:auto;color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .75rem;font-family:inherit;font-size:.85rem;font-weight:500;display:inline-flex;position:fixed;top:1rem;right:1rem}.theme-toggle:hover{background:var(--surface-raised-hover)}@media (width<=480px){.auth-card{border-radius:18px;padding:1.75rem 1.25rem}.form-row{grid-template-columns:1fr}.dashboard{padding:2rem 1.25rem}.theme-toggle span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.auth-card{opacity:1;transform:none}.loading-spinner{display:none}.loading-label{opacity:1}.scenario-item:hover,.stat-card:hover{transform:none}}.dashboard-layout{box-sizing:border-box;background-color:var(--bg);width:100vw;height:100vh;color:var(--text);background-image:radial-gradient(circle at 15% 50%, var(--glow-1), transparent 25%), radial-gradient(circle at 85% 30%, var(--glow-2), transparent 25%);grid-template-columns:320px 1fr 350px;gap:1.5rem;padding:1.5rem;display:grid}.dashboard-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;padding:1.5rem;display:flex;overflow:hidden}.panel-title{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.25rem;font-weight:600;display:flex}.panel-title-icon{color:var(--link)}.scenario-list{flex-direction:column;flex:1;gap:.75rem;padding-right:.5rem;display:flex;overflow-y:auto}.theme-header{background:var(--surface-raised);cursor:pointer;color:var(--text);border:1px solid #0000;border-radius:12px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:1rem;font-weight:600;transition:background-color .2s,border-color .2s,color .2s;display:flex}.theme-header.active{color:var(--link);border-color:var(--border)}.scenario-item{background:var(--surface-raised);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:12px;padding:1rem;transition:background-color .2s,transform .2s}.scenario-item:hover{background:var(--surface-raised-hover);transform:translateY(-2px)}.scenario-item.active{background:var(--surface-raised-hover);border-color:var(--link)}.scenario-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.scenario-title{color:var(--text);margin-right:.5rem;font-size:.95rem;font-weight:600;line-height:1.4}.scenario-score{background:var(--surface-raised);color:var(--success);border:1px solid var(--border);border-radius:6px;padding:.25rem .5rem;font-size:.85rem;font-weight:700}.scenario-score.medium{color:var(--warning)}.scenario-score.low{color:var(--danger)}.scenario-meta{color:var(--text-muted);gap:.5rem;font-size:.75rem;display:flex}.meta-tag{background:var(--surface-raised);border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .5rem;display:flex}.scenario-details{flex-direction:column;flex:1;gap:1.5rem;padding-right:.5rem;display:flex;overflow-y:auto}.empty-state{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.empty-icon{opacity:.3}.detail-section{background:var(--surface-sunken);border:1px solid var(--border);border-radius:12px;overflow:hidden}.detail-header{background:var(--surface-raised);border-bottom:1px solid var(--border);color:var(--text);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;display:flex}.detail-header.accent{color:var(--link)}.detail-header.success{color:var(--success)}.detail-content{color:var(--text-muted);padding:1.25rem;font-size:.95rem;line-height:1.6}.detail-content.code{color:#38bdf8;white-space:pre-wrap;background:#0a0a0f;margin:0;font-family:JetBrains Mono,Fira Code,Courier New,Courier,monospace;font-size:.9rem}.correct-answer{border-left:4px solid var(--success)}.user-answer{border-left:4px solid var(--link)}.score-display{background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.score-display h3{color:var(--text);margin:0 0 .25rem}.score-display p{color:var(--text-muted);margin:0;font-size:.85rem}.score-circle{background:var(--surface-raised);width:60px;height:60px;color:var(--success);border:2px solid var(--success);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.profile-bar{background:var(--surface-sunken);border:1px solid var(--border);border-radius:12px;justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.profile-summary{cursor:pointer;align-items:center;gap:.5rem;margin-right:auto;display:flex}.profile-name{font-size:.95rem;font-weight:600}.btn-icon-theme{background:var(--surface-raised)}.btn-icon-logout{background:var(--surface-raised);color:var(--danger)}.chart-container{background:var(--surface-sunken);border-radius:12px;flex-direction:column;flex:1;justify-content:center;min-height:250px;margin-top:1rem;padding:1rem 0;display:flex}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;display:grid}.stat-card{background:var(--surface-raised);border:1px solid var(--border);text-align:center;border-radius:12px;padding:1.25rem 1rem;transition:transform .2s,background-color .2s}.stat-card:hover{background:var(--surface-raised-hover);transform:translateY(-2px)}.stat-value{color:var(--link);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.user-avatar{background:var(--action-bg);width:36px;height:36px;color:var(--action-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.btn-icon{background:var(--surface-raised);width:36px;height:36px;color:var(--text);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.btn-icon:hover{background:var(--surface-raised-hover)}.scenario-list::-webkit-scrollbar{width:6px}.scenario-details::-webkit-scrollbar{width:6px}.scenario-list::-webkit-scrollbar-track{background:var(--surface-sunken);border-radius:10px}.scenario-details::-webkit-scrollbar-track{background:var(--surface-sunken);border-radius:10px}.scenario-list::-webkit-scrollbar-thumb{background:var(--surface-raised-hover);border-radius:10px}.scenario-details::-webkit-scrollbar-thumb{background:var(--surface-raised-hover);border-radius:10px}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border:1px solid var(--border);width:90%;max-width:500px;box-shadow:var(--shadow);border-radius:12px;animation:.3s ease-out modalSlideUp;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-content-narrow{max-width:300px}.modal-header{border-bottom:1px solid var(--border);background:var(--surface-raised);color:var(--text);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-header h3{margin:0;font-size:1.1rem;font-weight:600}.btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;display:flex}.btn-close:hover{background:var(--surface-raised-hover);color:var(--text)}.modal-body{padding:1.5rem}.theme-options{justify-content:center;gap:1rem;display:flex}.theme-option{border:2px solid var(--border);background:var(--surface-raised);cursor:pointer;color:var(--text);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:.5rem;padding:1rem;display:flex}.theme-option.active{border-color:var(--link)}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.setting-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.setting-info{flex-direction:column;flex:1;gap:.25rem;margin-right:1rem;display:flex}.setting-info label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.8rem;font-weight:600}.setting-info span{color:var(--text);font-size:1rem;font-weight:500}.btn-text{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem .75rem;font-size:.9rem;font-weight:500}.btn-text:hover{background:var(--surface-raised);color:var(--text)}.btn-primary-sm{background:var(--action-bg);color:var(--action-text);cursor:pointer;border:none;border-radius:6px;padding:.4rem .85rem;font-size:.9rem;font-weight:500;transition:background-color .2s}.btn-primary-sm:hover:not(:disabled){background:var(--action-bg-hover)}.btn-primary-sm:disabled{opacity:.5;cursor:not-allowed}.hover-underline:hover{color:var(--link);text-decoration:underline}.setting-row{justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.setting-actions{align-items:center;gap:.75rem;display:flex}.setting-actions .btn-text,.setting-actions .btn-primary-sm,.setting-row>.btn-text{vertical-align:middle;justify-content:center;align-items:center;height:36px;line-height:1;display:inline-flex}