:root{--primary-900: #0a4a2e;--primary-800: #0e6b3e;--primary-700: #128a4f;--primary-600: #16a34a;--primary-500: #22c55e;--primary-400: #4ade80;--primary-300: #86efac;--primary-200: #bbf7d0;--primary-100: #dcfce7;--primary-50: #f0fdf4;--teal-600: #e11d48;--teal-500: #f43f5e;--teal-400: #fb7185;--teal-100: #ffe4e6;--success-600: #059669;--success-500: #10b981;--success-100: #d1fae5;--warning-600: #d97706;--warning-500: #f59e0b;--warning-400: #fbbf24;--warning-100: #fef3c7;--error-600: #dc2626;--error-500: #ef4444;--error-100: #fee2e2;--accent-600: #2563eb;--accent-500: #3b82f6;--accent-400: #60a5fa;--accent-100: #dbeafe;--neutral-900: #0f0f1a;--neutral-800: #1e1e2e;--neutral-700: #2d2d3f;--neutral-600: #4a4a5e;--neutral-500: #6b7280;--neutral-400: #9ca3af;--neutral-300: #d1d5db;--neutral-200: #e5e7eb;--neutral-100: #f3f4f6;--neutral-50: #f9fafb;--white: #ffffff;--vibe-purple: #a855f7;--vibe-pink: #ec4899;--vibe-cyan: #06b6d4;--grad-primary: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--grad-vibe: linear-gradient(135deg, #22c55e 0%, #06b6d4 100%);--grad-sunset: linear-gradient(135deg, #f43f5e 0%, #f59e0b 100%);--grad-dope: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--grad-dark: linear-gradient(135deg, #0f0f1a 0%, #1e1e2e 100%);--grad-hero: linear-gradient(135deg, #16a34a 0%, #06b6d4 50%, #3b82f6 100%);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--font-display: "Space Grotesk", "Plus Jakarta Sans", system-ui, sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--text-6xl: 60px;--sidebar-width: 260px;--topbar-height: 60px;--bottom-nav-height: 68px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 6px 20px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 16px 40px rgba(0,0,0,.12), 0 6px 12px rgba(0,0,0,.06);--shadow-glow: 0 0 24px rgba(34, 197, 94, .3);--shadow-glow-coral: 0 0 24px rgba(244, 63, 94, .25);--shadow-bounce: 0 8px 0 rgba(0,0,0,.08);--transition: .2s cubic-bezier(.34, 1.56, .64, 1);--transition-slow: .4s cubic-bezier(.34, 1.56, .64, 1);--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--neutral-800);background:var(--neutral-50);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(34,197,94,.06) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(6,182,212,.06) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(168,85,247,.04) 0%,transparent 50%);z-index:-1;pointer-events:none}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}::selection{background:var(--primary-300);color:var(--neutral-900)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-300)}.app-shell{display:flex;flex-direction:column;width:100%;max-width:100%;min-height:100vh;box-sizing:border-box;overflow-x:hidden}.sidebar{width:var(--sidebar-width);background:var(--white);border-right:1px solid var(--neutral-100);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;overflow-y:auto;transition:transform var(--transition-slow)}.sidebar-header{padding:var(--sp-6) var(--sp-5);border-bottom:1px solid var(--neutral-100)}.brand{display:flex;align-items:center;gap:var(--sp-3)}.brand-icon{width:40px;height:40px;background:var(--grad-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:800;font-size:var(--text-xl);flex-shrink:0;box-shadow:var(--shadow-glow);transition:transform var(--transition-bounce)}.brand-icon:hover{transform:rotate(-8deg) scale(1.1)}.brand-icon.small{width:32px;height:32px;font-size:var(--text-base);border-radius:var(--radius-sm)}.brand-logo-img{width:38px;height:38px;border-radius:8px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px #064e3b2e;transition:transform var(--transition-bounce)}.brand-logo-img:hover{transform:rotate(-4deg) scale(1.08)}.brand-logo-img.small{width:32px;height:32px;border-radius:7px}.config-logo-img{transition:transform var(--transition-bounce),box-shadow .2s ease}.config-logo-img:hover{transform:scale(1.05);box-shadow:0 12px 28px #064e3b4d}.brand-name{font-size:var(--text-lg);font-weight:800;color:var(--neutral-900);line-height:1.2;display:block;letter-spacing:-.3px}.brand-tagline{font-size:var(--text-xs);color:var(--primary-600);font-weight:700;letter-spacing:.5px;text-transform:uppercase;display:block}.sidebar-nav{flex:1;padding:var(--sp-4) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);color:var(--neutral-600);font-size:var(--text-sm);font-weight:700;transition:all var(--transition);position:relative}.nav-item:hover{background:var(--primary-50);color:var(--primary-600);transform:translate(4px)}.nav-item.active{background:var(--primary-100);color:var(--primary-700);font-weight:800}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:4px;background:var(--grad-primary);border-radius:0 var(--radius-full) var(--radius-full) 0}.nav-icon{width:20px;height:20px;flex-shrink:0;stroke:currentColor}.sidebar-footer{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--neutral-100)}.student-chip{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2);border-radius:var(--radius-md);transition:background var(--transition)}.student-chip:hover{background:var(--primary-50)}.student-avatar{width:30px;height:30px;border-radius:var(--radius-full);background:var(--grad-vibe);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-xs);flex-shrink:0;box-shadow:var(--shadow-sm)}.student-name{font-size:var(--text-sm);font-weight:700;color:var(--neutral-900);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-meta{font-size:var(--text-xs);color:var(--neutral-500);display:block;font-weight:600}.main-wrapper{flex:1 1 auto;width:100%;max-width:100%;min-width:0;display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box;overflow-x:hidden}.topbar{height:var(--topbar-height);background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--neutral-100);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-4);position:sticky;top:0;z-index:90}.topbar-brand{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.streak-badge{display:flex;align-items:center;gap:var(--sp-1);background:var(--grad-sunset);color:var(--white);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:800;box-shadow:var(--shadow-sm);transition:transform var(--transition-bounce)}.streak-badge:hover{transform:scale(1.08) rotate(-3deg)}.screen-container{flex:1 1 auto;padding:var(--sp-6);padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + var(--sp-6));max-width:1100px;width:100%;min-width:0;margin:0 auto;box-sizing:border-box;animation:screen-enter .4s cubic-bezier(.34,1.56,.64,1)}@keyframes screen-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--neutral-100);display:flex;z-index:100;box-shadow:0 -8px 24px #00000014;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--neutral-400);font-size:10px;font-weight:700;transition:all var(--transition);padding:var(--sp-2) 0;position:relative}.bottom-nav-item svg{width:22px;height:22px;stroke:currentColor;transition:transform var(--transition-bounce)}.bottom-nav-item.active{color:var(--primary-600)}.bottom-nav-item.active svg{transform:scale(1.2) translateY(-2px)}.bottom-nav-item.active:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--primary-500)}.hidden,.topbar.hidden,#topbar.hidden,.bottom-nav.hidden,#bottom-nav.hidden,.site-footer.hidden,#site-footer.hidden{display:none!important}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--neutral-100);padding:var(--sp-6);transition:all var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card-sm{padding:var(--sp-4)}.card-lg{padding:var(--sp-8);border-radius:var(--radius-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:800;border:none;transition:all var(--transition-bounce);cursor:pointer;white-space:nowrap;min-height:46px;letter-spacing:-.2px}.btn:focus-visible{outline:3px solid var(--primary-300);outline-offset:2px}.btn-primary{background:var(--grad-primary);color:var(--white);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-glow),var(--shadow-md);transform:translateY(-2px) scale(1.02)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:var(--neutral-100);color:var(--neutral-800)}.btn-secondary:hover{background:var(--neutral-200);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--primary-600);border:2.5px solid var(--primary-300)}.btn-outline:hover{background:var(--primary-50);border-color:var(--primary-500);transform:translateY(-1px)}.btn-danger{background:var(--error-600);color:var(--white);box-shadow:var(--shadow-sm)}.btn-danger:hover{background:var(--error-700, var(--error-600));transform:translateY(-1px)}.btn-delete-subtle{color:var(--error-600);opacity:.7}.btn-delete-subtle:hover{opacity:1}.app-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1e8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);animation:app-dialog-fade-in .18s ease}@keyframes app-dialog-fade-in{0%{opacity:0}to{opacity:1}}.app-dialog{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--sp-6);box-shadow:var(--shadow-lg);animation:app-dialog-pop-in .2s cubic-bezier(.34,1.56,.64,1)}@keyframes app-dialog-pop-in{0%{transform:scale(.94) translateY(6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.app-dialog-title{font-size:var(--text-lg);font-weight:800;color:var(--neutral-900);margin-bottom:var(--sp-2)}.app-dialog-message{font-size:var(--text-sm);color:var(--neutral-600);line-height:1.5;white-space:pre-line}.app-dialog-actions{display:flex;justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-5)}.app-dialog-actions .btn{min-height:40px;padding:var(--sp-2) var(--sp-5)}.btn-about-biorank{background:linear-gradient(135deg,#059669,#10b981)!important;color:#fff!important;font-weight:800!important;border:none!important;box-shadow:0 4px 14px #10b98159!important;transition:all .2s cubic-bezier(.34,1.56,.64,1)!important}.btn-about-biorank:hover{transform:translateY(-2px) scale(1.03)!important;box-shadow:0 6px 20px #10b98173!important;color:#fff!important}.btn-about-biorank:active{transform:translateY(0) scale(.98)!important}.btn-white-home,.btn-back-home{background:#fff!important;color:var(--neutral-800)!important;border:1.5px solid var(--neutral-300)!important;box-shadow:0 2px 8px #00000014!important;font-weight:800!important;transition:all .2s cubic-bezier(.34,1.56,.64,1)!important}.btn-white-home:hover,.btn-back-home:hover{background:#f8fafc!important;border-color:var(--neutral-400)!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:0 4px 14px #0000001f!important;color:var(--neutral-900)!important}.btn-white-home:active,.btn-back-home:active{transform:translateY(0) scale(.98)!important}.btn-vibrant-dashboard,.btn-back-dashboard{background:linear-gradient(135deg,#059669,#10b981)!important;color:#fff!important;font-weight:800!important;border:none!important;box-shadow:0 4px 16px #10b98166!important;transition:all .2s cubic-bezier(.34,1.56,.64,1)!important}.btn-vibrant-dashboard:hover,.btn-back-dashboard:hover{transform:translateY(-2px) scale(1.03)!important;box-shadow:0 6px 24px #10b9818c!important;color:#fff!important}.btn-vibrant-dashboard:active,.btn-back-dashboard:active{transform:translateY(0) scale(.98)!important}.btn-success{background:var(--grad-vibe);color:var(--white);box-shadow:var(--shadow-sm)}.btn-success:hover{box-shadow:0 0 24px #10b9814d,var(--shadow-md);transform:translateY(-2px) scale(1.02)}.btn-ghost{background:transparent;color:var(--neutral-600);padding:var(--sp-2) var(--sp-4);font-weight:700}.btn-ghost:hover{background:var(--neutral-100);color:var(--neutral-900);border-radius:var(--radius-md)}.btn-sm{padding:var(--sp-2) var(--sp-4);font-size:var(--text-sm);min-height:38px}.btn-lg{padding:var(--sp-4) var(--sp-8);font-size:var(--text-lg);min-height:56px;border-radius:var(--radius-lg)}.btn-block{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px var(--sp-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:800;letter-spacing:.3px}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-100);color:var(--success-600)}.badge-warning{background:var(--warning-100);color:var(--warning-600)}.badge-error{background:var(--error-100);color:var(--error-600)}.badge-neutral{background:var(--neutral-100);color:var(--neutral-600)}.badge-teal{background:var(--teal-100);color:var(--teal-600)}.progress-bar{height:10px;background:var(--neutral-100);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--grad-primary);border-radius:var(--radius-full);transition:width var(--transition-slow);position:relative}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fill.success{background:var(--grad-vibe)}.progress-fill.warning{background:var(--grad-sunset)}.progress-fill.error{background:var(--error-500)}.progress-fill.teal{background:var(--grad-dope)}.profile-card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--neutral-100);box-shadow:var(--shadow-sm);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);transition:all var(--transition)}.profile-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-avatar-area{display:flex;align-items:center;gap:var(--sp-3)}.profile-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:var(--grad-vibe);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-base);flex-shrink:0;box-shadow:var(--shadow-sm)}.profile-name{font-size:var(--text-md);font-weight:800;color:var(--neutral-900);letter-spacing:-.2px}.profile-rank{font-size:var(--text-sm);color:var(--neutral-500);font-weight:600;margin-top:2px}.profile-rank strong{color:var(--primary-600)}.profile-stats{display:flex;gap:var(--sp-4);padding:var(--sp-3) 0;border-top:1px solid var(--neutral-100);border-bottom:1px solid var(--neutral-100)}.profile-stat-item{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.profile-stat-icon{font-size:18px}.profile-stat-val{font-size:var(--text-lg);font-weight:800;color:var(--neutral-900);letter-spacing:-.5px}.profile-stat-label{font-size:10px;color:var(--neutral-500);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.profile-progress-label{display:flex;justify-content:space-between;font-size:var(--text-xs);font-weight:700;color:var(--neutral-600)}@media(max-width:480px){.profile-stats{flex-wrap:wrap;gap:var(--sp-2)}}.stat-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--neutral-100);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-1);transition:all var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-label{font-size:var(--text-xs);font-weight:800;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.8px}.stat-value{font-size:var(--text-3xl);font-weight:800;color:var(--neutral-900);line-height:1.1;letter-spacing:-1px}.stat-sub{font-size:var(--text-xs);color:var(--neutral-500);font-weight:600}.form-group{display:flex;flex-direction:column;gap:var(--sp-2)}.form-label{font-size:var(--text-sm);font-weight:800;color:var(--neutral-700);letter-spacing:-.1px}.form-input,.form-select,.form-textarea{padding:var(--sp-3) var(--sp-4);border:2px solid var(--neutral-200);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;font-family:inherit;color:var(--neutral-800);background:var(--white);transition:all var(--transition);min-height:48px;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 4px var(--primary-100)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a4a5e' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-3) center;padding-right:var(--sp-10);cursor:pointer}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-textarea{min-height:100px;resize:vertical;line-height:1.6}.section-header{margin-bottom:var(--sp-5)}.section-title{font-size:var(--text-xl);font-weight:800;color:var(--neutral-900);line-height:1.3;letter-spacing:-.5px}.section-subtitle{font-size:var(--text-sm);color:var(--neutral-500);margin-top:var(--sp-1);font-weight:500}.page-title{font-size:var(--text-2xl);font-weight:800;color:var(--neutral-900);letter-spacing:-.5px}.page-subtitle{font-size:var(--text-base);color:var(--neutral-500);margin-top:var(--sp-1);font-weight:500}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.divider{border:none;border-top:1px solid var(--neutral-100);margin:var(--sp-6) 0}.toast{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--sp-4));left:50%;transform:translate(-50%) translateY(20px);background:var(--neutral-900);color:var(--white);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;opacity:0;transition:opacity var(--transition),transform var(--transition);pointer-events:none;z-index:999;max-width:90vw;text-align:center;box-shadow:var(--shadow-lg)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.config-screen-wrap{position:relative;width:100%;max-width:100%;min-width:0;min-height:100vh;box-sizing:border-box;overflow:hidden;padding-bottom:var(--sp-12);background:radial-gradient(circle at 50% 10%,rgba(16,185,129,.08) 0%,transparent 60%)}.bio-rain-container{position:fixed;top:0;left:0;width:100%;max-width:100vw;height:100%;pointer-events:none;z-index:0;overflow:hidden}.bio-drop{position:absolute;top:-80px;display:inline-flex;align-items:center;gap:4px;opacity:.8;filter:drop-shadow(0 6px 14px rgba(16,185,129,.35));will-change:transform,opacity;animation:bioRainDropVibrant linear infinite;-webkit-user-select:none;user-select:none}.bio-drop.pill-tag{background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:var(--radius-full);border:1.5px solid rgba(16,185,129,.3);font-size:11px;font-weight:800;color:#065f46;box-shadow:0 4px 12px #064e3b26}@keyframes bioRainDropVibrant{0%{transform:translate3d(0,-80px,0) rotate(0) scale(.85);opacity:0}10%{opacity:.85}85%{opacity:.8}to{transform:translate3d(var(--sway, 35px),108vh,0) rotate(360deg) scale(1.15);opacity:0}}.config-screen{position:relative;z-index:1;max-width:580px;width:100%;min-width:0;margin:0 auto;padding-top:var(--sp-6);box-sizing:border-box}.config-logo{text-align:center;margin-bottom:var(--sp-6);animation:headerSpringDrop 1.1s cubic-bezier(.34,1.56,.64,1) forwards}.config-logo-drop-wrap{position:relative;display:inline-block}.config-logo-img{animation:logoGlowPulse 3s ease-in-out infinite}@keyframes logoGlowPulse{0%,to{box-shadow:0 10px 28px #064e3b40,0 0 #10b98166;transform:scale(1)}50%{box-shadow:0 14px 34px #064e3b4d,0 0 0 12px #10b98100;transform:scale(1.04)}}.config-glow-badge{display:inline-block;padding:5px 14px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border:1.5px solid #a7f3d0;border-radius:var(--radius-full);font-size:11.5px;font-weight:800;letter-spacing:.4px;margin-bottom:var(--sp-2);box-shadow:0 4px 12px #05966933;animation:badgeBlink 2.5s ease-in-out infinite alternate}@keyframes headerSpringDrop{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes badgeBlink{0%{transform:scale(1);box-shadow:0 4px 12px #05966933}to{transform:scale(1.03);box-shadow:0 6px 18px #05966959}}.config-screen .card{animation:cardSpringRise 1s cubic-bezier(.34,1.56,.64,1) .2s both;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(167,243,208,.6);box-shadow:0 24px 48px -12px #064e3b2e,0 0 0 1px #10b98114}.auth-tab-bar{display:flex;background:var(--neutral-100);border-radius:var(--radius-lg);padding:4px;margin-bottom:var(--sp-5);border:1px solid var(--neutral-200)}.auth-tab-btn{flex:1;border:none;background:transparent;padding:9px 14px;font-size:var(--text-sm);font-weight:700;color:var(--neutral-600);border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;justify-content:center;gap:6px}.auth-tab-btn.active{background:#fff;color:var(--primary-700);box-shadow:0 2px 8px #00000014}.password-field-wrap{position:relative;display:flex;align-items:center}.password-field-wrap .form-input{padding-right:44px}.password-toggle-btn{position:absolute;right:8px;background:transparent;border:none;font-size:16px;cursor:pointer;padding:6px 8px;color:var(--neutral-500);border-radius:4px;line-height:1}.password-toggle-btn:hover{background:var(--neutral-100)}@keyframes cardSpringRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.config-logo h1{font-size:var(--text-4xl);font-weight:800;color:var(--neutral-900);letter-spacing:-1px}.config-logo p{color:var(--neutral-600);margin-top:var(--sp-2);font-weight:600;font-size:var(--text-md)}.config-form{display:flex;flex-direction:column;gap:var(--sp-5)}.config-steps{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-6)}.config-step{flex:1;height:5px;background:var(--neutral-200);border-radius:var(--radius-full);transition:background var(--transition-slow)}.config-step.active{background:var(--grad-primary)}.assessment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-6);flex-wrap:wrap;gap:var(--sp-3)}.assessment-meta{display:flex;align-items:center;gap:var(--sp-4)}.timer-display{display:flex;align-items:center;gap:var(--sp-2);background:var(--neutral-100);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);font-family:var(--font-mono);font-weight:700;font-size:var(--text-lg);color:var(--neutral-800);min-width:100px}.timer-display.warning{background:var(--warning-100);color:var(--warning-600)}.timer-display.danger{background:var(--error-100);color:var(--error-600);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.03)}}.question-count{font-size:var(--text-sm);color:var(--neutral-500);font-weight:700}.question-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--neutral-100);padding:var(--sp-6);margin-bottom:var(--sp-4);box-shadow:var(--shadow-sm)}.question-number{font-size:var(--text-xs);font-weight:800;color:var(--primary-600);text-transform:uppercase;letter-spacing:.8px;margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.question-number .q-chip{background:var(--primary-100);color:var(--primary-700);padding:3px var(--sp-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:800}.question-text{font-size:var(--text-md);color:var(--neutral-900);line-height:1.7;font-weight:600;margin-bottom:var(--sp-4);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.q-review-text,.flt-review-q-text{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.structured-q-container{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-4);width:100%}.structured-q-preamble{font-size:var(--text-base);font-weight:600;color:var(--neutral-900);line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.structured-q-card{border-radius:var(--radius-md);padding:12px 16px;border:1.5px solid var(--neutral-200);box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:6px;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.structured-q-card.assertion-box{background:#fffdf5;border-color:#fde68a;border-left:4px solid #d97706}.structured-q-card.reason-box{background:#f8faff;border-color:#c7d2fe;border-left:4px solid #4f46e5}.structured-q-card.statement1-box{background:#f0fdf4;border-color:#bbf7d0;border-left:4px solid #16a34a}.structured-q-card.statement2-box{background:#f0fdfa;border-color:#99f6e4;border-left:4px solid #0d9488}.structured-q-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:4px;width:fit-content}.structured-q-badge.assertion-badge{background:#fef3c7;color:#92400e}.structured-q-badge.reason-badge{background:#e0e7ff;color:#3730a3}.structured-q-badge.statement1-badge{background:#dcfce7;color:#166534}.structured-q-badge.statement2-badge{background:#ccfbf1;color:#115e59}.structured-q-body{font-size:var(--text-sm);color:var(--neutral-900);line-height:1.55;font-weight:600;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.structured-q-outro{font-size:var(--text-sm);font-weight:600;color:var(--neutral-700);margin-top:2px;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.matching-container-box{background:#faf5ff;border:1.5px solid #e9d5ff;border-radius:var(--radius-md);padding:14px;margin-bottom:var(--sp-4)}.matching-grid-table{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}.matching-table-layout{width:100%;border-collapse:collapse;table-layout:fixed}.matching-table-layout th,.matching-table-layout td{padding:10px 14px}@media(max-width:540px){.matching-table-layout th,.matching-table-layout td{padding:8px;font-size:12px}}.options-list{display:flex;flex-direction:column;gap:var(--sp-3)}.option-item{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);border:2.5px solid var(--neutral-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none;background:var(--white);min-height:56px}.option-item:hover{border-color:var(--primary-300);background:var(--primary-50);transform:translate(4px)}.option-item.selected{border-color:var(--primary-500);background:var(--primary-50);box-shadow:var(--shadow-glow)}.option-item.correct{border-color:var(--success-500);background:var(--success-100)}.option-item.incorrect{border-color:var(--error-500);background:var(--error-100)}.option-label{width:30px;height:30px;border-radius:var(--radius-full);background:var(--neutral-100);color:var(--neutral-700);font-weight:800;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition)}.option-item.selected .option-label{background:var(--primary-500);color:var(--white);transform:scale(1.1)}.option-item.correct .option-label{background:var(--success-500);color:var(--white)}.option-item.incorrect .option-label{background:var(--error-500);color:var(--white)}.option-text{flex:1;font-size:var(--text-base);color:var(--neutral-800);line-height:1.5;font-weight:500}.question-palette{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--neutral-100);padding:var(--sp-4);box-shadow:var(--shadow-sm)}.palette-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-3);gap:var(--sp-2)}.palette-title{font-size:var(--text-xs);font-weight:800;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.8px;margin-bottom:0}.btn-submit-palette{background:linear-gradient(135deg,#059669,#10b981)!important;color:#fff!important;font-weight:800!important;font-size:12px!important;padding:6px 14px!important;border-radius:var(--radius-md)!important;border:none!important;box-shadow:0 3px 12px #10b98159!important;display:inline-flex!important;align-items:center!important;gap:5px!important;cursor:pointer!important;transition:all .2s cubic-bezier(.34,1.56,.64,1)!important}.btn-submit-palette:hover{transform:translateY(-2px) scale(1.04)!important;box-shadow:0 5px 18px #10b98180!important}.btn-submit-palette:active{transform:translateY(0) scale(.97)!important}.palette-grid{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.palette-btn{width:38px;height:38px;border-radius:var(--radius-sm);border:2.5px solid var(--neutral-200);background:var(--white);font-size:var(--text-sm);font-weight:800;color:var(--neutral-600);cursor:pointer;transition:all var(--transition-bounce);display:flex;align-items:center;justify-content:center}.palette-btn:hover{border-color:var(--primary-400);color:var(--primary-600);transform:scale(1.1)}.palette-btn.answered{background:var(--primary-500);border-color:var(--primary-500);color:var(--white)}.palette-btn.current{border-color:var(--primary-600);color:var(--primary-700);border-width:3px;transform:scale(1.15)}.palette-btn.flagged{background:var(--warning-100);border-color:var(--warning-500);color:var(--warning-600)}.palette-legend{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--neutral-100)}.legend-item{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--neutral-600);font-weight:600}.legend-dot{width:12px;height:12px;border-radius:var(--radius-sm)}.legend-dot.answered{background:var(--primary-500)}.legend-dot.unanswered{background:var(--neutral-200);border:1px solid var(--neutral-300)}.legend-dot.current{background:var(--white);border:2.5px solid var(--primary-600)}.test-nav{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-4);flex-wrap:wrap;gap:var(--sp-3)}.test-layout{display:grid;grid-template-columns:1fr 280px;gap:var(--sp-4);align-items:start}.result-hero{text-align:center;padding:var(--sp-10) var(--sp-4);background:var(--grad-hero);border-radius:var(--radius-xl);color:var(--white);margin-bottom:var(--sp-6);position:relative;overflow:hidden}.result-hero:after{content:"";position:absolute;top:-30%;right:-10%;width:200px;height:200px;border-radius:50%;background:#ffffff14}.result-hero:before{content:"";position:absolute;bottom:-20%;left:-5%;width:150px;height:150px;border-radius:50%;background:#ffffff0f}.result-score{font-size:80px;font-weight:800;line-height:1;margin-bottom:var(--sp-2);letter-spacing:-2px;position:relative;z-index:1}.result-score-label{font-size:var(--text-lg);opacity:.9;font-weight:700;position:relative;z-index:1}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin-bottom:var(--sp-6)}.result-stat{text-align:center;padding:var(--sp-5);background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--neutral-100);transition:all var(--transition)}.result-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.result-stat-num{font-size:var(--text-2xl);font-weight:800;color:var(--neutral-900);display:block;letter-spacing:-.5px}.result-stat-label{font-size:var(--text-xs);color:var(--neutral-500);font-weight:700;text-transform:uppercase;margin-top:2px;display:block;letter-spacing:.5px}.error-tag-group{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}.error-tag{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:800;border:2.5px solid var(--neutral-200);background:var(--white);color:var(--neutral-600);cursor:pointer;transition:all var(--transition-bounce)}.error-tag:hover{border-color:var(--primary-400);color:var(--primary-600);background:var(--primary-50);transform:scale(1.05)}.error-tag.selected{border-color:var(--primary-500);background:var(--primary-100);color:var(--primary-700);transform:scale(1.05)}.error-tag[data-type=conceptual_gap].selected{border-color:var(--error-500);background:var(--error-100);color:var(--error-600)}.error-tag[data-type=silly_mistake].selected{border-color:var(--warning-500);background:var(--warning-100);color:var(--warning-600)}.error-tag[data-type=misread].selected{border-color:var(--primary-500);background:var(--primary-100);color:var(--primary-700)}.error-tag[data-type=time].selected{border-color:var(--vibe-cyan);background:var(--accent-100);color:var(--accent-600)}.error-tag[data-type=guessed].selected{border-color:var(--neutral-500);background:var(--neutral-100);color:var(--neutral-700)}.weakness-item{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--neutral-100);padding:var(--sp-4) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);transition:all var(--transition)}.weakness-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.weakness-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.weakness-name{font-weight:800;color:var(--neutral-900);font-size:var(--text-base)}.weakness-meta{display:flex;gap:var(--sp-2);flex-wrap:wrap}.weakness-bar-row{display:flex;align-items:center;gap:var(--sp-3)}.weakness-bar-label{font-size:var(--text-xs);color:var(--neutral-500);min-width:70px;flex-shrink:0;font-weight:700}.weakness-bar-track{flex:1;height:8px;background:var(--neutral-100);border-radius:var(--radius-full);overflow:hidden}.weakness-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.home-welcome{background:var(--grad-hero);border-radius:var(--radius-xl);padding:var(--sp-8);color:var(--white);margin-bottom:var(--sp-6);position:relative;overflow:hidden}.home-welcome:after{content:"";position:absolute;right:-30px;top:-30px;width:200px;height:200px;border-radius:50%;background:#ffffff14}.home-welcome:before{content:"";position:absolute;left:-20px;bottom:-40px;width:120px;height:120px;border-radius:50%;background:#ffffff0d}.home-welcome h2{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--sp-1);letter-spacing:-.5px;position:relative;z-index:1}.home-welcome p{font-size:var(--text-sm);opacity:.85;font-weight:600;position:relative;z-index:1}.home-welcome .welcome-meta{display:flex;gap:var(--sp-6);margin-top:var(--sp-5);position:relative;z-index:1}.welcome-stat{display:flex;flex-direction:column}.welcome-stat-val{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.5px}.welcome-stat-label{font-size:var(--text-xs);opacity:.8;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.recommended-action{background:var(--warning-100);border:2px solid var(--warning-400);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;transition:all var(--transition)}.recommended-action:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.rec-text h4{font-weight:800;color:var(--warning-600);font-size:var(--text-base)}.rec-text p{font-size:var(--text-sm);color:var(--neutral-600);margin-top:2px;font-weight:600}.spaced-mini{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.spaced-mini-item{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--neutral-600);font-weight:600}.spaced-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.spaced-dot.completed{background:var(--success-500)}.spaced-dot.due{background:var(--warning-500);animation:pulse 1s infinite}.spaced-dot.upcoming{background:var(--neutral-300)}.quick-nav-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.quick-nav-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--neutral-100);padding:var(--sp-5);cursor:pointer;transition:all var(--transition-bounce);display:flex;flex-direction:column;gap:var(--sp-3);min-height:120px;position:relative;overflow:hidden}.quick-nav-card:after{content:"";position:absolute;bottom:-20px;right:-20px;width:60px;height:60px;border-radius:50%;background:var(--neutral-50);opacity:0;transition:opacity var(--transition)}.quick-nav-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-4px)}.quick-nav-card:hover:after{opacity:1}.quick-nav-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-bounce)}.quick-nav-card:hover .quick-nav-icon{transform:scale(1.15) rotate(-5deg)}.quick-nav-icon svg{width:22px;height:22px;stroke:currentColor}.quick-nav-icon.blue{background:var(--accent-100);color:var(--accent-600)}.quick-nav-icon.teal{background:var(--teal-100);color:var(--teal-600)}.quick-nav-icon.orange{background:var(--warning-100);color:var(--warning-600)}.quick-nav-icon.green{background:var(--success-100);color:var(--success-600)}.quick-nav-label{font-weight:800;color:var(--neutral-900);font-size:var(--text-sm);line-height:1.3;letter-spacing:-.2px}.quick-nav-sub{font-size:var(--text-xs);color:var(--neutral-500);font-weight:600}.chtest-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--sp-6);align-items:start}.chtest-main-col{min-width:0}.chtest-ad-sidebar{display:flex;flex-direction:column;gap:var(--sp-4);position:sticky;top:var(--sp-5)}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-3);min-width:0}.chapter-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--neutral-100);box-shadow:var(--shadow-sm);padding:var(--sp-3);cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.chapter-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.chapter-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap}.chapter-icon{width:38px;height:38px;border-radius:var(--radius-md);background:var(--grad-primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-base);flex-shrink:0;box-shadow:var(--shadow-sm)}.chapter-name{font-weight:800;color:var(--neutral-900);font-size:var(--text-base);letter-spacing:-.2px;line-height:1.3;overflow-wrap:break-word}.chapter-meta,.pyq-chapter-count{display:none!important}@media(max-width:1024px){.chtest-layout{grid-template-columns:1fr 260px}}@media(max-width:768px){.chtest-layout{grid-template-columns:1fr}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:480px){.chapter-grid{grid-template-columns:1fr 1fr;gap:8px}.chapter-card{padding:10px 8px}.chapter-name{font-size:13px;overflow-wrap:anywhere}.chapter-icon{width:32px;height:32px;font-size:14px}}.chapter-progress{width:100%}.pyq-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--neutral-100);padding:var(--sp-5);cursor:pointer;transition:all var(--transition-bounce);position:relative;overflow:hidden}.pyq-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-4px)}.pyq-year{font-size:var(--text-3xl);font-weight:800;color:var(--primary-600);letter-spacing:-1px}.pyq-meta{font-size:var(--text-xs);color:var(--neutral-500);margin-top:var(--sp-1);font-weight:600}.pyq-shift{display:flex;gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap}.improvement-item{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--neutral-100);padding:var(--sp-4) var(--sp-5);display:flex;align-items:center;gap:var(--sp-4);cursor:pointer;transition:all var(--transition)}.improvement-item:hover{border-color:var(--primary-300);box-shadow:var(--shadow-sm);transform:translate(4px)}.improvement-info{flex:1}.improvement-name{font-weight:800;color:var(--neutral-900);font-size:var(--text-base);letter-spacing:-.2px}.improvement-sub{font-size:var(--text-xs);color:var(--neutral-500);margin-top:2px;font-weight:600}.retest-checkpoints{display:flex;gap:var(--sp-2)}.checkpoint{width:30px;height:30px;border-radius:var(--radius-sm);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid}.checkpoint.completed{background:var(--success-100);color:var(--success-600);border-color:var(--success-500)}.checkpoint.due{background:var(--warning-100);color:var(--warning-600);border-color:var(--warning-500)}.checkpoint.upcoming{background:var(--neutral-100);color:var(--neutral-400);border-color:var(--neutral-300)}.perf-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--sp-6);align-items:start}.perf-main-col{min-width:0}.perf-ad-sidebar{display:flex;flex-direction:column;gap:var(--sp-4);position:sticky;top:var(--sp-5)}.perf-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-top:var(--sp-6)}@media(max-width:768px){.perf-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:380px){.perf-stats-grid{grid-template-columns:1fr}}.perf-chart-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-3)}.perf-chart-tabs{display:inline-flex;background:var(--neutral-100);border-radius:var(--radius-full);padding:4px;gap:2px;flex-shrink:0}.perf-chart-tab-btn{border:none;background:transparent;color:var(--neutral-600);font-size:var(--text-xs);font-weight:700;padding:8px 14px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);white-space:nowrap}.perf-chart-tab-btn:hover{color:var(--primary-600)}.perf-chart-tab-btn.active{background:var(--white);color:var(--primary-600);box-shadow:var(--shadow-sm)}.perf-chart-legend{display:flex;flex-wrap:wrap;gap:var(--sp-4);font-size:var(--text-xs);color:var(--neutral-500);font-weight:600}.perf-chart-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.perf-chart-meta-row{display:flex;flex-wrap:wrap;gap:var(--sp-5);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--neutral-100)}.perf-chart-meta-item{display:flex;flex-direction:column;gap:3px}.perf-chart-meta-label{font-size:10px;font-weight:800;color:var(--neutral-400);text-transform:uppercase;letter-spacing:.5px}.perf-chart-meta-value{font-size:var(--text-base);font-weight:800;color:var(--neutral-900);display:flex;align-items:center;gap:var(--sp-2)}.perf-chart-delta{font-size:10px;font-weight:800;padding:2px 8px;border-radius:var(--radius-full)}.perf-chart-delta.up{background:var(--success-100);color:var(--success-600)}.perf-chart-delta.down{background:var(--error-100);color:var(--error-600)}.perf-chart-delta.flat{background:var(--neutral-100);color:var(--neutral-500)}.chart-svg-wrap{width:100%;overflow:hidden}.chart-empty-state{padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--neutral-400);font-weight:600;font-size:var(--text-sm)}.chart-tooltip{position:fixed;z-index:2000;background:var(--neutral-900);color:var(--white);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;pointer-events:none;opacity:0;transition:opacity .12s ease;box-shadow:var(--shadow-lg);max-width:200px;line-height:1.5}.chart-tooltip-title{font-weight:800;font-size:var(--text-xs);color:var(--primary-300);margin-bottom:2px}.chart-tooltip-row{display:flex;justify-content:space-between;gap:var(--sp-3)}.chart-tooltip-sub{margin-top:2px;color:var(--neutral-300);font-weight:500}@media(max-width:1024px){.perf-layout{grid-template-columns:1fr 260px}}@media(max-width:768px){.perf-layout{grid-template-columns:1fr}.perf-chart-header{flex-direction:column;align-items:flex-start}.perf-chart-tabs{width:100%}.perf-chart-tab-btn{flex:1;text-align:center}.perf-chart-meta-row{gap:var(--sp-4)}}@media(max-width:480px){.perf-chart-meta-row{gap:var(--sp-3)}.perf-chart-meta-item{min-width:42%}}.badges-grid{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.badge-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4);background:var(--white);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);min-width:100px;text-align:center;transition:all var(--transition-bounce)}.badge-card.earned{border-color:var(--warning-400);background:var(--warning-100);box-shadow:var(--shadow-sm)}.badge-card.earned:hover{transform:scale(1.08) rotate(-3deg)}.badge-icon{font-size:32px;line-height:1}.badge-name{font-size:var(--text-xs);font-weight:800;color:var(--neutral-700)}.badge-card.locked .badge-icon{filter:grayscale(1);opacity:.4}.badge-card.locked .badge-name{color:var(--neutral-400)}.spaced-timeline{display:flex;align-items:stretch;gap:0;margin:var(--sp-6) 0;position:relative}.spaced-timeline:before{content:"";position:absolute;top:36px;left:50px;right:50px;height:3px;background:var(--neutral-200);border-radius:var(--radius-full);z-index:0}.timeline-point{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);position:relative;z-index:1}.timeline-circle{width:72px;height:72px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;border:3px solid;background:var(--white);transition:all var(--transition-bounce)}.timeline-circle:hover{transform:scale(1.1)}.timeline-circle.completed{background:var(--success-100);border-color:var(--success-500);color:var(--success-600)}.timeline-circle.due{background:var(--warning-100);border-color:var(--warning-500);color:var(--warning-600);box-shadow:0 0 0 4px var(--warning-100);animation:ring-pulse 2s infinite}.timeline-circle.upcoming{background:var(--white);border-color:var(--neutral-300);color:var(--neutral-400)}@keyframes ring-pulse{0%,to{box-shadow:0 0 0 4px var(--warning-100)}50%{box-shadow:0 0 0 10px #f59e0b1a}}.timeline-day{font-size:var(--text-xl);font-weight:800}.timeline-label{font-size:var(--text-xs);opacity:.7;font-weight:700}.timeline-text{font-size:var(--text-sm);font-weight:700;text-align:center;color:var(--neutral-700)}.timeline-sub{font-size:var(--text-xs);color:var(--neutral-500);text-align:center;font-weight:600}.sub-skill-card{border-left:5px solid;border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--sp-4) var(--sp-5);background:var(--white);border-top:1px solid var(--neutral-100);border-right:1px solid var(--neutral-100);border-bottom:1px solid var(--neutral-100);margin-bottom:var(--sp-3);transition:all var(--transition)}.sub-skill-card:hover{box-shadow:var(--shadow-sm);transform:translate(4px)}.sub-skill-card.critical{border-left-color:var(--error-500)}.sub-skill-card.high{border-left-color:var(--warning-500)}.sub-skill-card.medium{border-left-color:var(--primary-500)}.verified-screen{text-align:center;padding:var(--sp-12) var(--sp-4);max-width:480px;margin:0 auto}.verified-icon{width:100px;height:100px;border-radius:50%;background:var(--success-100);color:var(--success-500);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-6);font-size:52px;animation:bounce-in .6s cubic-bezier(.34,1.56,.64,1)}@keyframes bounce-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.feedback-tabs{display:flex;gap:var(--sp-1);background:var(--neutral-100);border-radius:var(--radius-md);padding:var(--sp-1);margin-bottom:var(--sp-5)}.feedback-tab{flex:1;padding:var(--sp-2) var(--sp-3);border:none;background:transparent;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:700;color:var(--neutral-500);cursor:pointer;transition:all var(--transition);text-align:center}.feedback-tab.active{background:var(--white);color:var(--primary-700);font-weight:800;box-shadow:var(--shadow-sm)}.star-rating{display:flex;gap:var(--sp-2)}.star-btn{background:none;border:none;font-size:32px;cursor:pointer;color:var(--neutral-300);transition:all var(--transition-bounce);padding:var(--sp-1)}.star-btn:hover,.star-btn.selected{color:var(--warning-500);transform:scale(1.2) rotate(10deg)}.loading-screen{text-align:center;padding:var(--sp-16) var(--sp-4);max-width:400px;margin:0 auto}.loading-spinner{width:60px;height:60px;border-radius:50%;border:5px solid var(--neutral-100);border-top-color:var(--primary-500);animation:spin .8s linear infinite;margin:0 auto var(--sp-6)}@keyframes spin{to{transform:rotate(360deg)}}.loading-dots{display:flex;gap:var(--sp-2);justify-content:center;margin-top:var(--sp-4)}.loading-dot{width:10px;height:10px;border-radius:50%;background:var(--primary-400);animation:dots 1.2s ease-in-out infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes dots{0%,80%,to{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}.retest-setup{max-width:560px;margin:0 auto;text-align:center;padding:var(--sp-8) var(--sp-4)}.retest-target-badge{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--primary-100);color:var(--primary-700);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);font-weight:800;font-size:var(--text-sm);margin-bottom:var(--sp-5)}.platform-screen{text-align:center;padding:var(--sp-12) var(--sp-4);max-width:480px;margin:0 auto}.q-result-row{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--neutral-100);transition:background var(--transition)}.q-result-row:hover{background:var(--neutral-50)}.q-result-row:last-child{border-bottom:none}.q-result-num{width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:800;flex-shrink:0}.q-result-num.correct{background:var(--success-100);color:var(--success-600)}.q-result-num.incorrect{background:var(--error-100);color:var(--error-600)}.q-result-num.skipped{background:var(--neutral-100);color:var(--neutral-500)}.q-result-info{flex:1}.q-result-text{font-size:var(--text-sm);color:var(--neutral-800);line-height:1.5;font-weight:600}.q-result-answer{font-size:var(--text-xs);color:var(--neutral-500);margin-top:var(--sp-1);font-weight:600}.meme-banner{background:var(--grad-sunset);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5);color:var(--white);font-weight:800;font-size:var(--text-sm);text-align:center;margin-bottom:var(--sp-4);letter-spacing:-.2px;position:relative;overflow:hidden}.meme-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:#ffffff1a;transform:skew(-15deg)}.meme-text{font-style:italic;opacity:.9;font-weight:700}.vibe-tag{display:inline-flex;align-items:center;gap:4px;padding:2px var(--sp-2);border-radius:var(--radius-full);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.vibe-tag.hot{background:var(--teal-100);color:var(--teal-600)}.vibe-tag.fire{background:var(--warning-100);color:var(--warning-600)}.vibe-tag.goat{background:var(--success-100);color:var(--success-600)}.vibe-tag.chad{background:var(--accent-100);color:var(--accent-600)}.float-emoji{position:fixed;font-size:24px;opacity:.12;pointer-events:none;z-index:0;animation:float 4s ease-in-out infinite}.float-emoji:nth-child(2){animation-delay:1s}.float-emoji:nth-child(3){animation-delay:2s}@media(max-width:768px){.float-emoji{display:none!important}}.home-hero{background:linear-gradient(135deg,#064e3b,#047857 45%,#0284c7);border-radius:var(--radius-xl);padding:var(--sp-8) var(--sp-8);color:var(--white);position:relative;overflow:hidden;box-shadow:0 12px 36px -8px #064e3b47,0 4px 12px #0000000d;animation:hero-enter .5s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.15)}@keyframes hero-enter{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.home-hero:after{content:"";position:absolute;right:-20px;top:-30px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#ffffff1f,#fff0 70%);pointer-events:none}.home-hero:before{content:"";position:absolute;left:20%;bottom:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#38bdf82e,#38bdf800 70%);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff29;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#f0fdf4;margin-bottom:var(--sp-3)}.hero-title{font-size:clamp(var(--text-2xl),3.6vw,var(--text-4xl));font-weight:800;letter-spacing:-.8px;line-height:1.2;margin-bottom:var(--sp-2);color:#fff}.hero-subtitle{font-size:var(--text-base);font-weight:500;line-height:1.5;color:#ffffffeb;max-width:620px;margin-bottom:var(--sp-5)}.hero-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;padding-top:var(--sp-4);border-top:1px solid rgba(255,255,255,.15)}.hero-greeting-box{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.hero-greeting{font-size:var(--text-sm);font-weight:600;color:#fff}.hero-pill-tag{display:inline-flex;align-items:center;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-full);padding:3px 10px;font-size:var(--text-xs);font-weight:700;color:#fff}.hero-cta-btn{background:#fff;color:#065f46;font-weight:700;font-size:var(--text-sm);padding:8px 18px;border-radius:var(--radius-full);border:none;cursor:pointer;box-shadow:0 4px 14px #0000001f;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.hero-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000002e;background:#f0fdf4}.home-main-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--sp-5);align-items:start}.ad-slot{display:flex;flex-direction:column;gap:var(--sp-3);position:sticky;top:var(--sp-5);min-width:0}.ad-slot-unit{background:var(--white);border:1.5px dashed var(--neutral-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-6) var(--sp-4);min-height:280px;color:var(--neutral-400);transition:border-color var(--transition),background var(--transition);overflow:hidden}.ad-slot-unit:hover{border-color:var(--neutral-300);background:var(--neutral-50)}.ad-slot-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--neutral-300);margin-bottom:var(--sp-2)}.ad-slot-icon{font-size:28px;opacity:.35;margin-bottom:var(--sp-2);line-height:1}.ad-slot-text{font-size:var(--text-xs);color:var(--neutral-400);line-height:1.5}.home-main-col{display:flex;flex-direction:column;gap:var(--sp-5);min-width:0}.hero-slider{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 10px 30px -5px #00000026;min-height:230px;border:1px solid rgba(255,255,255,.1)}.slider-track{display:flex;transition:transform .45s cubic-bezier(.2,.8,.2,1);min-height:230px}.slider-slide{min-width:100%;display:flex;align-items:center;position:relative;padding:var(--sp-6) var(--sp-6) var(--sp-12);opacity:0;transition:opacity .35s ease;overflow:hidden}.slider-slide.active{opacity:1}.slider-slide-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.slider-bg-emerald{background:linear-gradient(135deg,#022c22,#064e3b 45%,#0d9488)}.slider-bg-sunset{background:linear-gradient(135deg,#431407,#9a3412 45%,#ea580c)}.slider-bg-violet{background:linear-gradient(135deg,#1e1b4b,#4338ca 45%,#7c3aed)}.slider-bg-ocean{background:linear-gradient(135deg,#0f172a,#1e3a8a 45%,#2563eb)}.slider-slide:after{content:"";position:absolute;right:-10px;top:-20px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#ffffff1f,#fff0 70%);pointer-events:none;z-index:1}.slider-slide:before{content:"";position:absolute;right:15%;bottom:-30px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,#ffffff14,#fff0 70%);pointer-events:none;z-index:1}.slider-slide-content{position:relative;z-index:2;color:var(--white);max-width:480px}.slider-header-row{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.slider-tag{display:inline-flex;align-items:center;gap:5px;background:#ffffff2e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);padding:3px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#fff}.slider-badge-icon{font-size:20px;display:inline-flex;align-items:center}.slider-title{font-size:clamp(var(--text-lg),2.8vw,var(--text-2xl));font-weight:800;letter-spacing:-.6px;margin-bottom:var(--sp-2);line-height:1.25;color:#fff}.slider-subtitle{font-size:var(--text-xs);color:#ffffffe6;line-height:1.5;font-weight:500;margin-bottom:var(--sp-4);max-width:440px}.slider-cta{background:#fff;color:var(--neutral-900);font-weight:700;font-size:var(--text-xs);padding:8px 18px;border-radius:var(--radius-full);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 14px #00000029;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.slider-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000003d;background:#f9fafb}.slider-controls-bar{position:absolute;bottom:var(--sp-3);left:var(--sp-5);right:var(--sp-5);display:flex;align-items:center;justify-content:space-between;z-index:5;pointer-events:none}.slider-dots{display:flex;align-items:center;gap:6px;pointer-events:auto}.slider-dot{width:7px;height:7px;border-radius:var(--radius-full);border:none;background:#ffffff59;cursor:pointer;transition:all .25s ease;padding:0}.slider-dot.active{background:#fff;width:20px}.slider-arrows{display:flex;align-items:center;gap:6px;pointer-events:auto}.slider-nav{position:static;transform:none;width:32px;height:32px;border-radius:var(--radius-full);background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 4px 12px #0000001f;color:var(--neutral-800)}.slider-nav:hover{background:#fff;transform:scale(1.08);box-shadow:0 6px 16px #0000002e}.slider-nav svg{width:16px;height:16px}.home-ad-sidebar{display:flex;flex-direction:column;gap:var(--sp-4);position:sticky;top:var(--sp-5)}.ad-header{font-size:var(--text-xs);font-weight:800;color:var(--neutral-400);text-transform:uppercase;letter-spacing:.8px;text-align:right}.ad-card{background:var(--white);border:1px solid var(--neutral-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition)}.ad-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ad-placeholder{min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-6) var(--sp-4);background:linear-gradient(135deg,var(--neutral-50) 0%,var(--neutral-100) 100%)}.ad-placeholder-icon{font-size:32px;margin-bottom:var(--sp-2);opacity:.5}.ad-placeholder-text{font-size:var(--text-sm);font-weight:700;color:var(--neutral-400);line-height:1.4}.ad-placeholder-text span{font-size:var(--text-xs);font-weight:600;color:var(--neutral-300)}.badges-section{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--neutral-100);box-shadow:var(--shadow-sm);padding:var(--sp-5)}.badges-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.badges-progress-pill{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);font-weight:700;color:var(--neutral-600)}.badges-progress-track{width:72px;height:6px;border-radius:var(--radius-full);background:var(--neutral-100);overflow:hidden}.badges-progress-fill{height:100%;border-radius:var(--radius-full);background:var(--grad-vibe)}.badge-group{margin-bottom:var(--sp-4)}.badge-group:last-child{margin-bottom:0}.badge-group-label{display:flex;align-items:center;gap:var(--sp-2);font-size:11px;font-weight:800;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-2)}.badge-group-dot{width:7px;height:7px;border-radius:var(--radius-full);flex-shrink:0}.badge-group-dot.earned{background:var(--warning-400)}.badge-group-dot.locked{background:var(--neutral-300)}.home-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--sp-2)}.home-badge-card{border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-2);text-align:center;transition:all var(--transition-bounce);border:1.5px solid var(--neutral-200);background:var(--neutral-50)}.home-badge-card.earned{border-color:var(--warning-400);background:var(--warning-100)}.home-badge-card.earned:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.home-badge-card.locked{opacity:.6}.home-badge-card.locked:hover{opacity:.8}.home-badge-icon{font-size:20px;margin-bottom:2px}.home-badge-card.locked .home-badge-icon{filter:grayscale(1);opacity:.5}.home-badge-name{font-size:11px;font-weight:700;color:var(--neutral-800);line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-badge-status{display:inline-block;margin-top:var(--sp-1);padding:1px var(--sp-2);border-radius:var(--radius-full);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.home-badge-status.earned{background:var(--success-100);color:var(--success-600)}.home-badge-status.locked{background:var(--neutral-200);color:var(--neutral-500)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.reveal.revealed{opacity:1;transform:translateY(0)}@media(max-width:1024px){.home-main-layout{grid-template-columns:1fr 260px}}@media(max-width:768px){.home-main-layout{grid-template-columns:1fr}.ad-slot{display:none}.home-badges-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.hero-title{font-size:var(--text-3xl)}.home-hero{padding:var(--sp-6) var(--sp-5)}}@media(max-width:480px){.home-badges-grid{grid-template-columns:repeat(3,1fr)}.badges-section-header{flex-direction:column;align-items:flex-start}.hero-title{font-size:var(--text-2xl)}.hero-subtitle{font-size:var(--text-base)}.slider-title{font-size:var(--text-xl)}.home-hero{padding:var(--sp-5) var(--sp-4)}}.hamburger-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:38px;height:38px;padding:0;margin-right:var(--sp-2);border:none;background:transparent;border-radius:var(--radius-md);flex-shrink:0;transition:background var(--transition)}.hamburger-btn:hover{background:var(--primary-50)}.hamburger-btn span{display:block;width:20px;height:2.5px;border-radius:var(--radius-full);background:var(--neutral-800);transition:transform var(--transition-bounce),opacity var(--transition),background var(--transition)}.hamburger-btn.active span{background:var(--primary-600)}.hamburger-btn.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.hamburger-btn.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f1a8c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;z-index:200;transition:opacity var(--transition-slow),visibility var(--transition-slow)}.drawer-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.nav-drawer{position:fixed;top:0;left:0;height:100vh;width:320px;max-width:90vw;background:var(--white);z-index:210;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);border-radius:0 var(--radius-xl) var(--radius-xl) 0;transform:translate(-100%);transition:transform var(--transition-slow);overflow-y:auto;overflow-x:hidden}.nav-drawer.open{transform:translate(0)}body.drawer-open{overflow:hidden}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-6) var(--sp-5) var(--sp-5);background:var(--grad-primary);border-radius:0 var(--radius-xl) 0 0;flex-shrink:0}.drawer-user{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.drawer-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:#ffffff40;border:2px solid rgba(255,255,255,.6);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-base);flex-shrink:0}.drawer-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.drawer-user-name{font-size:var(--text-md);font-weight:800;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-user-rank,.drawer-user-streak{font-size:var(--text-xs);font-weight:700;color:#ffffffe6}.drawer-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-full);background:#fff3;color:var(--white);flex-shrink:0;transition:background var(--transition),transform var(--transition-bounce)}.drawer-close-btn:hover{background:#ffffff59;transform:rotate(90deg)}.drawer-close-btn svg{width:16px;height:16px}.drawer-nav{flex:1;display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-4) var(--sp-3)}.drawer-nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);color:var(--neutral-600);font-size:var(--text-sm);font-weight:700;position:relative;transition:all var(--transition)}.drawer-nav-item:hover{background:var(--primary-50);color:var(--primary-600);transform:translate(4px)}.drawer-nav-item.active{background:var(--primary-100);color:var(--primary-700);font-weight:800}.drawer-nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:4px;background:var(--grad-primary);border-radius:0 var(--radius-full) var(--radius-full) 0}.drawer-nav-icon{width:22px;font-size:var(--text-lg);text-align:center;flex-shrink:0}.drawer-nav-icon-svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor}.drawer-footer{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3);border-top:1px solid var(--neutral-100);flex-shrink:0}.drawer-logout{color:var(--error-600)}.drawer-logout:hover{background:var(--error-100);color:var(--error-600)}@media(min-width:769px){.nav-drawer{width:320px}}@media(max-width:768px){.nav-drawer{width:85vw;max-width:350px}}@media(max-width:380px){.nav-drawer{width:88vw}}.topbar-actions{display:flex;align-items:center;gap:var(--sp-2)}.topbar-more{position:relative;margin-left:0}.more-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:var(--radius-full);flex-shrink:0;transition:background var(--transition)}.more-btn:hover,.more-btn.active{background:var(--primary-50)}.more-btn span{display:block;width:4px;height:4px;border-radius:50%;background:var(--neutral-600);transition:background var(--transition)}.more-btn.active span{background:var(--primary-600)}.more-menu{position:absolute;top:calc(100% + var(--sp-2));right:0;min-width:200px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--neutral-100);padding:var(--sp-2);display:flex;flex-direction:column;gap:2px;z-index:220;opacity:0;visibility:hidden;transform:translateY(-6px) scale(.97);transform-origin:top right;transition:opacity var(--transition),transform var(--transition-bounce),visibility var(--transition)}.more-menu.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.more-menu-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);color:var(--neutral-600);font-size:var(--text-sm);font-weight:700;transition:all var(--transition)}.more-menu-item:hover{background:var(--primary-50);color:var(--primary-600)}.more-menu-item.active{background:var(--primary-100);color:var(--primary-700);font-weight:800}.more-menu-icon{width:18px;font-size:var(--text-base);text-align:center;flex-shrink:0}.more-menu-divider{height:1px;background:var(--neutral-100);margin:var(--sp-1) var(--sp-2)}.more-menu-logout{color:var(--error-600)}.more-menu-logout:hover{background:var(--error-100);color:var(--error-600)}.profile-pic-wrap{position:relative;width:56px;height:56px;flex-shrink:0;cursor:pointer}.profile-pic-avatar{width:56px;height:56px;border-radius:var(--radius-full);background:var(--grad-vibe);background-size:cover;background-position:center;color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-xl);box-shadow:var(--shadow-md);transition:filter var(--transition)}.profile-pic-wrap:hover .profile-pic-avatar{filter:brightness(.85)}.profile-pic-edit-badge{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:var(--radius-full);background:var(--white);border:2px solid var(--neutral-50);display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:var(--shadow-sm)}.pyq-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--sp-6);align-items:start}.pyq-main-col{min-width:0}.pyq-ad-sidebar{display:flex;flex-direction:column;gap:var(--sp-4);position:sticky;top:var(--sp-5)}.pyq-search-wrap{margin-bottom:var(--sp-4)}.pyq-search-wrap .form-input{width:100%;height:46px}.pyq-filters{display:flex;flex-wrap:wrap;gap:var(--sp-4);align-items:center;margin-bottom:var(--sp-5);padding:var(--sp-3) var(--sp-4);background:var(--neutral-50);border-radius:var(--radius-lg)}.pyq-filter-group{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.pyq-filter-label{font-size:var(--text-xs);font-weight:800;color:var(--neutral-400);text-transform:uppercase;letter-spacing:.5px;margin-right:var(--sp-1)}.pyq-filter-chip{border:1px solid var(--neutral-200);background:var(--white);color:var(--neutral-600);font-size:var(--text-xs);font-weight:700;padding:6px 12px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition)}.pyq-filter-chip:hover{border-color:var(--primary-300);color:var(--primary-600)}.pyq-filter-chip.active{background:var(--primary-500);border-color:var(--primary-500);color:var(--white)}.pyq-year-select{border:1px solid var(--neutral-200);background:var(--white);color:var(--neutral-700);font-size:var(--text-xs);font-weight:700;padding:6px 10px;border-radius:var(--radius-md);cursor:pointer}.pyq-chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--sp-4);min-width:0}.pyq-chapter-card{background:var(--white);border:1px solid var(--neutral-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);min-width:0;transition:all var(--transition)}.pyq-chapter-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-200)}.pyq-chapter-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap}.pyq-chapter-eyebrow{font-size:10px;font-weight:800;color:var(--primary-500);letter-spacing:.5px;white-space:normal;overflow-wrap:break-word}.pyq-chapter-diff{font-size:10px;font-weight:800;letter-spacing:.3px}.pyq-chapter-icon{font-size:28px;line-height:1}.pyq-chapter-name{font-size:var(--text-base);font-weight:700;color:var(--neutral-900);line-height:1.3;min-height:2.6em}.pyq-chapter-count{font-size:var(--text-sm);color:var(--neutral-500);font-weight:600;margin-bottom:var(--sp-1)}.pyq-empty-state{grid-column:1 / -1;text-align:center;padding:var(--sp-8) var(--sp-4);color:var(--neutral-400);font-weight:600;font-size:var(--text-sm)}@media(max-width:1024px){.pyq-layout{grid-template-columns:1fr 260px}}@media(max-width:768px){.pyq-layout{grid-template-columns:1fr}.pyq-chapter-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.pyq-filters{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.pyq-chapter-grid{grid-template-columns:1fr 1fr;gap:8px}.pyq-chapter-card{padding:10px 8px}.pyq-chapter-name{font-size:13px;min-height:auto;overflow-wrap:anywhere}.pyq-chapter-count{font-size:11px}.pyq-chapter-card .btn{padding:6px;font-size:11px;min-height:34px;white-space:normal;line-height:1.2;text-align:center}}.impbook-layout{width:100%;max-width:100%}.impbook-main-col{width:100%;min-width:0}.impbook-stat-row{display:flex;gap:var(--sp-5);margin-top:var(--sp-3);flex-wrap:wrap}.impbook-stat{font-size:var(--text-xs);color:var(--neutral-500);font-weight:600}.impbook-stat span{display:block;font-size:var(--text-xl);font-weight:800;color:var(--neutral-900);line-height:1.2}.impbook-dual-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5);margin-top:var(--sp-5);align-items:stretch}.impbook-section{margin-top:var(--sp-5)}.impbook-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-3)}.impbook-chip-row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.impbook-chip{border:1px solid var(--neutral-200);background:var(--white);color:var(--neutral-600);font-size:var(--text-xs);font-weight:700;padding:5px 12px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition)}.impbook-chip:hover{border-color:var(--primary-300);color:var(--primary-600)}.impbook-chip.active{background:var(--primary-500);border-color:var(--primary-500);color:var(--white)}.create-test-card{background:var(--white);border:1px solid var(--neutral-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.create-test-card.create-test-open{flex-direction:column;align-items:stretch}.create-test-title{font-size:var(--text-lg);font-weight:800;color:var(--neutral-900)}.create-test-sub{font-size:var(--text-sm);color:var(--neutral-500);font-weight:500;margin-top:2px}.ctest-step-label{font-size:var(--text-xs);font-weight:800;color:var(--neutral-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-2)}.ctest-select-actions{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.ctest-chapter-list{max-height:220px;overflow-y:auto;border:1px solid var(--neutral-100);border-radius:var(--radius-md)}.ctest-chapter-row{display:flex;align-items:center;gap:var(--sp-2);padding:7px var(--sp-3);border-bottom:1px solid var(--neutral-50);cursor:pointer;font-size:var(--text-sm);font-weight:600;color:var(--neutral-700);transition:background var(--transition)}.ctest-chapter-row:last-child{border-bottom:none}.ctest-chapter-row:hover{background:var(--neutral-50)}.ctest-chapter-row input{accent-color:var(--primary-500);width:16px;height:16px;flex-shrink:0}.ctest-chapter-icon{flex-shrink:0}.ctest-chapter-name{flex:1;min-width:0}.count-btn-group{display:flex;gap:var(--sp-2);flex-wrap:wrap}.count-btn{border:1px solid var(--neutral-200);background:var(--white);color:var(--neutral-700);font-weight:700;font-size:var(--text-sm);padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.count-btn:hover{border-color:var(--primary-300)}.count-btn.active{background:var(--primary-500);border-color:var(--primary-500);color:var(--white)}.ctest-summary{background:var(--neutral-50);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);margin-top:var(--sp-4)}.ctest-summary-title{font-size:var(--text-xs);font-weight:800;color:var(--neutral-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-1)}.ctest-summary-row{font-size:var(--text-sm);color:var(--neutral-600)}.progress-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-3)}.progress-card{background:var(--white);border:1px solid var(--neutral-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-2);transition:all var(--transition)}.progress-card:hover{border-color:var(--neutral-200);box-shadow:var(--shadow-md)}.progress-card-top{display:flex;align-items:flex-start;gap:var(--sp-2);justify-content:space-between}.progress-card-name{font-size:var(--text-sm);font-weight:700;color:var(--neutral-900);line-height:1.35;flex:1;min-width:0}.progress-card-pct{font-size:var(--text-sm);font-weight:800;text-align:right;flex-shrink:0}.progress-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-top:2px}.progress-card-strength{font-size:var(--text-xs);font-weight:700}.progress-row-list{display:flex;flex-direction:column;border:1px solid var(--neutral-100);border-radius:var(--radius-lg);overflow:hidden;background:var(--white)}.progress-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--neutral-50);min-width:0}.progress-row:last-child{border-bottom:none}.progress-row-icon{flex-shrink:0;font-size:var(--text-base)}.progress-row-name{font-size:var(--text-sm);font-weight:700;color:var(--neutral-900);flex:1 1 160px;min-width:0;overflow-wrap:break-word}.progress-row-bar{height:5px;flex:1 1 100px;min-width:60px}.progress-row-pct{font-size:var(--text-xs);font-weight:800;color:var(--neutral-500);width:36px;text-align:right;flex-shrink:0}.progress-row-strength{font-size:var(--text-xs);font-weight:700;width:120px;text-align:right;flex-shrink:0}.spaced-dashboard{background:var(--white);border:1px solid var(--neutral-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--sp-4)}.spaced-stage-rows{display:flex;flex-direction:column;gap:var(--sp-1)}.spaced-stage-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--neutral-50)}.spaced-stage-row:last-child{border-bottom:none}.spaced-stage-label{font-weight:800;font-size:var(--text-sm);color:var(--neutral-900);width:60px;flex-shrink:0}.spaced-stage-count{font-size:var(--text-sm);color:var(--neutral-500);font-weight:600;flex:1}.spaced-chapter-breakdown{border-top:1px solid var(--neutral-100);padding-top:var(--sp-2)}.spaced-chapter-row{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--neutral-500);font-weight:600;padding:4px 0}.spaced-chapter-total{border-top:1px solid var(--neutral-100);margin-top:4px;padding-top:6px;color:var(--neutral-900);font-weight:800}.impbook-mastered-toggle{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--neutral-50);border-radius:var(--radius-md);cursor:pointer;margin-top:var(--sp-5);font-size:var(--text-sm);font-weight:700;color:var(--neutral-700)}.impbook-mastered-toggle span:nth-child(2){margin-left:auto;color:var(--neutral-500);font-weight:600}.impbook-mastered-list{border:1px solid var(--neutral-100);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-4);margin-top:var(--sp-2)}@media(max-width:860px){.impbook-dual-row{grid-template-columns:1fr}}@media(max-width:768px){.progress-row{flex-wrap:wrap}.progress-row-strength{width:auto;text-align:left}.progress-row-bar{flex-basis:100%;order:3}}.quick-nav-icon.purple{background:var(--grad-dope);color:var(--white)}.flt-quick-nav-card{position:relative}.flt-new-badge{position:absolute;top:var(--sp-3);right:var(--sp-3);background:var(--grad-dope);color:var(--white);font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:2px var(--sp-2);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.quick-nav-grid>.quick-nav-card:last-child:nth-child(odd){grid-column:1 / -1}.flt-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--sp-6);align-items:start}.flt-main-col{min-width:0}.flt-ad-sidebar{display:flex;flex-direction:column;gap:var(--sp-4);position:sticky;top:var(--sp-5)}.flt-filter-tabs{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-5);flex-wrap:wrap}.flt-filter-tab{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);border:1px solid var(--neutral-200);background:var(--white);color:var(--neutral-600);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:all var(--transition)}.flt-filter-tab:hover{border-color:var(--primary-300);color:var(--primary-700)}.flt-filter-tab.active{background:var(--grad-primary);border-color:transparent;color:var(--white);box-shadow:var(--shadow-sm)}.flt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-4);min-width:0}.flt-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--neutral-100);box-shadow:var(--shadow-sm);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);transition:all var(--transition);min-width:0}.flt-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.flt-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2)}.flt-card-title{font-weight:800;font-size:var(--text-base);color:var(--neutral-900);letter-spacing:-.2px}.flt-card-desc{font-size:var(--text-xs);color:var(--neutral-500);font-weight:600;margin-top:2px}.flt-card-meta{display:flex;gap:var(--sp-4);font-size:var(--text-xs);color:var(--neutral-500);font-weight:700}.flt-card-meta span{display:flex;align-items:center;gap:4px}.flt-card-progress{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3);background:var(--neutral-50);border-radius:var(--radius-md);font-size:var(--text-xs)}.flt-card-progress-item{text-align:center;flex:1}.flt-card-progress-num{font-size:var(--text-lg);font-weight:800;color:var(--neutral-900)}.flt-card-progress-label{color:var(--neutral-500);font-weight:700;text-transform:uppercase;letter-spacing:.3px;font-size:10px}.flt-card-history{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.flt-history-chip{font-size:10px;font-weight:700;color:var(--neutral-600);background:var(--neutral-100);padding:2px var(--sp-2);border-radius:var(--radius-full)}@media(max-width:1024px){.flt-layout{grid-template-columns:1fr 260px}}@media(max-width:768px){.flt-layout,.flt-grid{grid-template-columns:1fr}}.flt-score{font-size:56px}@media(max-width:480px){.flt-result-actions .btn{flex:1 1 100%}.flt-score{font-size:42px}}.flt-result-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap}.flt-review-row{padding:var(--sp-4) 0;border-bottom:1px solid var(--neutral-100)}.flt-review-row:last-child{border-bottom:none}.flt-review-q-text{font-size:var(--text-sm);font-weight:700;color:var(--neutral-900);line-height:1.5;margin-bottom:var(--sp-2)}.flt-review-option{font-size:var(--text-sm);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);margin-bottom:6px;color:var(--neutral-600)}.flt-review-option.is-correct{background:var(--success-100);color:var(--success-600);font-weight:700}.flt-review-option.is-wrong-selected{background:var(--error-100);color:var(--error-600);font-weight:700}.flt-review-explanation{font-size:var(--text-xs);color:var(--neutral-500);background:var(--primary-50);padding:var(--sp-3);border-radius:var(--radius-md);margin-top:var(--sp-2)}.chtest-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1e8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:500;display:flex;align-items:flex-end;justify-content:center;padding:0;animation:ctm-fade-in .22s ease}@keyframes ctm-fade-in{0%{opacity:0}to{opacity:1}}.chtest-modal{background:var(--white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:540px;padding:var(--sp-6) var(--sp-6) calc(var(--sp-8) + env(safe-area-inset-bottom));box-shadow:0 -8px 40px #0000002e;animation:ctm-slide-up .28s cubic-bezier(.34,1.56,.64,1)}@keyframes ctm-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.chtest-modal-handle{width:40px;height:4px;border-radius:2px;background:var(--neutral-200);margin:0 auto var(--sp-5)}.chtest-modal-title{font-size:var(--text-lg);font-weight:800;color:var(--neutral-900);margin-bottom:var(--sp-1);display:flex;align-items:center;gap:var(--sp-2)}.chtest-modal-sub{font-size:var(--text-sm);color:var(--neutral-500);margin-bottom:var(--sp-5)}.chtest-modal-label{font-size:var(--text-xs);font-weight:800;color:var(--neutral-700);text-transform:uppercase;letter-spacing:.6px;margin-bottom:var(--sp-3)}.chtest-pill-row{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-5)}.chtest-pill{flex:1;min-width:60px;padding:var(--sp-3) var(--sp-2);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--neutral-50);color:var(--neutral-700);font-size:var(--text-sm);font-weight:700;font-family:var(--font-mono);cursor:pointer;text-align:center;transition:all .15s ease;line-height:1.2}.chtest-pill span{display:block;font-size:10px;font-weight:600;color:var(--neutral-400);font-family:var(--font-sans);margin-top:2px}.chtest-pill:hover{border-color:var(--primary-400);background:var(--primary-50);color:var(--primary-700);transform:translateY(-2px)}.chtest-pill.selected{border-color:var(--primary-500);background:var(--primary-100);color:var(--primary-700);box-shadow:0 0 0 3px #22c55e26}.chtest-pill.time-pill.selected{border-color:var(--primary-600);background:var(--primary-100);color:var(--primary-700)}.chtest-modal-divider{height:1px;background:var(--neutral-100);margin:var(--sp-2) 0 var(--sp-5)}.chtest-modal-actions{display:flex;gap:var(--sp-3)}.chtest-modal-actions .btn{flex:1}.result-v2-container{max-width:920px;margin:0 auto;padding:var(--sp-2) var(--sp-4) var(--sp-12);animation:result-fade-in .4s cubic-bezier(.16,1,.3,1)}@keyframes result-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.result-v2-hero{background:linear-gradient(135deg,#064e3b,#065f46,#0f766e);border-radius:var(--radius-xl);padding:32px;color:#fff;position:relative;overflow:hidden;box-shadow:0 16px 36px -10px #064e3b59,0 4px 12px #0000000f;border:1px solid rgba(255,255,255,.12);margin-bottom:var(--sp-6)}.result-v2-hero:after{content:"";position:absolute;right:-30px;top:-30px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#ffffff1f,#fff0 70%);pointer-events:none}.result-v2-hero-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px;position:relative;z-index:1}.result-v2-pill-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);padding:5px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#f0fdf4}.result-v2-main-score-box{display:flex;align-items:baseline;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-6);position:relative;z-index:1}.result-marks-aesthetic-banner{display:flex;justify-content:space-between;align-items:stretch;gap:24px;flex-wrap:wrap;margin-bottom:28px;position:relative;z-index:1}.result-marks-main-display{flex:1 1 320px;min-width:270px;display:flex;flex-direction:column;justify-content:center}.result-marks-tag{display:inline-flex;align-items:center;gap:6px;background:#ffffff29;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#f0fdf4;margin-bottom:10px;align-self:flex-start}.result-marks-sparkle{font-size:14px}.result-marks-value-row{display:flex;align-items:baseline;gap:10px;flex-wrap:nowrap}.result-marks-big-number{font-size:clamp(4.2rem,8.5vw,6.2rem);font-weight:900;letter-spacing:-3px;line-height:.95;color:#fff;font-feature-settings:"tnum";text-shadow:0 6px 28px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.2)}.result-marks-denom-group{display:flex;align-items:baseline;gap:5px}.result-marks-slash{font-size:clamp(2rem,3.8vw,2.8rem);font-weight:300;color:#ffffff80;line-height:1}.result-marks-max{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;color:#ffffffe6;letter-spacing:-.5px;line-height:1}.result-marks-unit{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#ffffffa6;text-transform:uppercase;margin-left:2px}.result-marks-subtext{margin-top:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.result-marks-eval-badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:700;padding:4px 12px;border-radius:var(--radius-full)}.result-marks-eval-badge.stellar{background:#10b98147;border:1px solid rgba(110,231,183,.5);color:#a7f3d0}.result-marks-eval-badge.good{background:#3b82f647;border:1px solid rgba(147,197,253,.5);color:#bfdbfe}.result-marks-eval-badge.improve{background:#f59e0b47;border:1px solid rgba(253,230,138,.5);color:#fde68a}.result-marks-mode-hint{font-size:12px;color:#ffffffd9;font-weight:600}.result-marks-sideline{flex:0 1 340px;min-width:260px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.result-sideline-card.correct-card{background:#ffffff29;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(110,231,183,.45);border-radius:var(--radius-lg);padding:16px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 10px 25px -5px #0000002e,inset 0 1px #ffffff40;transition:transform .2s ease,border-color .2s ease}.result-sideline-card.correct-card:hover{transform:translateY(-2px);border-color:#6ee7b7b3;background:#ffffff38}.result-sideline-icon{font-size:28px;line-height:1;background:#10b98140;border:1px solid rgba(110,231,183,.35);width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.result-sideline-info{flex:1;min-width:0}.result-sideline-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#a7f3d0;margin-bottom:2px}.result-sideline-val-group{display:flex;align-items:baseline;gap:6px}.result-sideline-big-val{font-size:var(--text-2xl);font-weight:900;color:#fff;line-height:1.1;letter-spacing:-.5px}.result-sideline-total{font-size:var(--text-sm);font-weight:700;color:#ffffffd9}.result-sideline-sub{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.result-sideline-tag{background:#10b98159;color:#d1fae5;font-size:10px;font-weight:800;padding:2px 8px;border-radius:var(--radius-sm);letter-spacing:.3px}.result-sideline-acc{font-size:11px;font-weight:600;color:#ffffffe6}.result-sideline-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-sideline-mini-tile{background:#00000038;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:10px 14px;display:flex;flex-direction:column;gap:3px}.result-sideline-mini-tile.wrong{border-color:#f8717159;background:#ef44441f}.result-sideline-mini-tile.skipped{border-color:#cbd5e140;background:#94a3b81f}.mini-tile-top{display:flex;align-items:center;justify-content:space-between}.mini-tile-icon{font-size:12px}.mini-tile-val{font-size:var(--text-base);font-weight:800;color:#fff}.result-sideline-mini-tile.wrong .mini-tile-val{color:#fca5a5}.mini-tile-label{font-size:10px;font-weight:600;color:#ffffffd9}.result-v2-score-num{font-size:clamp(3.8rem,8.5vw,5.5rem);font-weight:900;letter-spacing:-2px;line-height:.95;color:#fff;font-feature-settings:"tnum";text-shadow:0 4px 20px rgba(0,0,0,.22)}.result-v2-score-max{font-size:clamp(1.4rem,3.2vw,2.2rem);font-weight:700;color:#ffffffd9;letter-spacing:-.5px}.result-v2-neet-badge{background:#00000040;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:6px 14px;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:700;color:#ecfdf5;display:inline-flex;align-items:center;gap:6px}.result-v2-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;z-index:1}.result-v2-stat-tile{background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-lg);padding:14px 10px;text-align:center;transition:transform .2s ease,background .2s ease}.result-v2-stat-tile:hover{background:#ffffff2e;transform:translateY(-2px)}.result-v2-stat-tile-val{font-size:var(--text-lg);font-weight:900;color:#fff;line-height:1.2}.result-v2-stat-tile-label{font-size:11px;font-weight:700;color:#ffffffd9;text-transform:uppercase;letter-spacing:.5px;margin-top:3px}.result-section{background:var(--surface);border:1.5px solid var(--neutral-200);border-radius:var(--radius-xl);padding:32px;margin-bottom:32px;box-shadow:0 10px 30px -5px #0000000d,0 4px 10px #00000005;position:relative;overflow:hidden}.result-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),#10b981)}.result-section.section-mistakes:before{background:linear-gradient(90deg,#f59e0b,#ef4444)}.result-section.section-perf:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.result-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--neutral-100);flex-wrap:wrap;gap:12px}.result-section-badge-step{display:inline-flex;align-items:center;gap:5px;background:var(--neutral-100);color:var(--neutral-700);border:1px solid var(--neutral-200);font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:var(--radius-full);margin-bottom:6px}.result-section-title{font-size:clamp(1.25rem,2.4vw,1.55rem);font-weight:900;color:var(--neutral-900);display:flex;align-items:center;gap:var(--sp-2);letter-spacing:-.5px}.result-section-subtitle{font-size:var(--text-sm);font-weight:500;color:var(--neutral-600);margin-top:4px;line-height:1.45}.result-perf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.result-perf-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 6px #00000005}.result-perf-card-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--neutral-700);margin-bottom:16px;display:flex;align-items:center;gap:6px}.result-perf-ratio-bar{height:14px;border-radius:var(--radius-full);background:var(--neutral-200);display:flex;overflow:hidden;margin:10px 0;box-shadow:inset 0 1px 2px #0000001a}.result-perf-ratio-seg{height:100%;transition:width .5s ease}.result-perf-ratio-seg.correct{background:#10b981}.result-perf-ratio-seg.incorrect{background:#ef4444}.result-perf-ratio-seg.unattempted{background:#94a3b8}.result-perf-legend{display:flex;gap:16px;font-size:11px;font-weight:700;color:var(--neutral-700);margin-top:8px;flex-wrap:wrap}.result-perf-legend-item{display:flex;align-items:center;gap:6px}.result-perf-legend-dot{width:9px;height:9px;border-radius:50%}.mistake-analysis-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:var(--radius-xl);padding:24px 28px;margin-bottom:24px;box-shadow:0 4px 14px #00000005}.mistake-analysis-row{display:flex;align-items:center;gap:16px;margin-bottom:12px;padding:10px 16px;background:#fff;border:1.5px solid #e2e8f0;border-radius:var(--radius-md)}.mistake-analysis-label{width:220px;font-size:var(--text-sm);font-weight:700;color:var(--neutral-900);display:flex;align-items:center;gap:8px;flex-shrink:0}.mistake-analysis-bar-wrap{flex:1;background:#e2e8f0;height:10px;border-radius:var(--radius-full);overflow:hidden;min-width:80px}.mistake-analysis-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:var(--radius-full);transition:width .4s ease}.mistake-analysis-count{min-width:90px;text-align:right;font-size:var(--text-xs);font-weight:800;color:var(--neutral-700);flex-shrink:0}.actionable-insight-box{background:#eff6ff;border-left:4px solid #3b82f6;border-radius:0 var(--radius-md) var(--radius-md) 0;padding:18px 22px;margin-top:20px}.actionable-insight-title{font-size:var(--text-sm);font-weight:800;color:#1e40af;display:flex;align-items:center;gap:6px;margin-bottom:6px}.actionable-insight-desc{font-size:var(--text-xs);color:#334155;line-height:1.55}.actionable-insight-recom{margin-top:10px;font-size:var(--text-xs);font-weight:700;color:#1e3a8a;background:#3b82f61f;padding:6px 12px;border-radius:var(--radius-sm);display:inline-block;line-height:1.45}.result-chapter-card{border:1.5px solid var(--neutral-200);border-radius:var(--radius-xl);padding:20px 24px;margin-bottom:14px;background:var(--white);transition:border-color .2s,box-shadow .2s}.result-chapter-card:hover{border-color:var(--primary-300);box-shadow:0 4px 12px #00000008}.result-chapter-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:8px}.result-chapter-name{font-size:var(--text-base);font-weight:800;color:var(--neutral-900);display:flex;align-items:center;gap:8px}.result-chapter-stats{display:flex;align-items:center;gap:12px;font-size:var(--text-xs);font-weight:700;flex-wrap:wrap}.result-chapter-mistake-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--neutral-200)}.result-chapter-mistake-pill{font-size:11px;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;padding:3px 10px;border-radius:var(--radius-full);font-weight:700}.q-review-filter-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:12px;margin-bottom:20px}.q-review-tab-btn{padding:8px 16px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;border:1.5px solid var(--neutral-200);background:var(--neutral-50);color:var(--neutral-700);cursor:pointer;white-space:nowrap;transition:all .2s}.q-review-tab-btn:hover{background:var(--neutral-100);border-color:var(--neutral-300)}.q-review-tab-btn.active{background:var(--primary-600);color:#fff;border-color:var(--primary-600);box-shadow:0 2px 8px #10b98140}.q-review-card{border:1.5px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--white);margin-bottom:16px;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.q-review-card:hover{box-shadow:0 6px 18px #0000000d}.q-review-card.status-incorrect{border-left:5px solid var(--error-500)}.q-review-card.status-correct{border-left:5px solid var(--success-500);border-color:#d1fae5}.q-review-card.status-skipped{border-left:5px solid var(--neutral-400)}.q-review-card-header{padding:20px 24px;cursor:pointer;-webkit-user-select:none;user-select:none}.q-review-card.status-correct .q-review-card-header{padding:20px 24px}.q-review-card.status-correct .q-review-card-topline{margin-bottom:8px}.q-review-card.status-correct .q-review-text{font-size:var(--text-sm);font-weight:700;color:var(--neutral-900);line-height:1.5;margin-bottom:8px}.q-review-card.status-correct .q-review-num-chip.correct{font-size:11px;padding:2px 8px}.q-review-correct-badge-row{display:flex;align-items:center;gap:var(--sp-2);font-size:12px;color:var(--neutral-600)}.q-review-correct-pill{display:inline-flex;align-items:center;gap:5px;background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:700}.q-review-card-topline{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:10px}.q-review-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.q-review-num-chip{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;padding:3px 9px;border-radius:var(--radius-sm)}.q-review-num-chip.correct{background:var(--success-100);color:var(--success-700)}.q-review-num-chip.incorrect{background:var(--error-100);color:var(--error-700)}.q-review-num-chip.skipped{background:var(--neutral-100);color:var(--neutral-700)}.q-review-text{font-size:var(--text-sm);font-weight:700;color:var(--neutral-900);line-height:1.55;margin-bottom:12px}.q-review-answers-compact{font-size:var(--text-xs);color:var(--neutral-700);display:flex;flex-wrap:wrap;gap:16px;padding:10px 14px;background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);align-items:center;justify-content:space-between}.why-wrong-box{background:#fffbeb;border:1.5px solid #fef3c7;border-radius:var(--radius-lg);padding:16px 20px;margin:0 24px 20px}.why-wrong-header{font-size:var(--text-xs);font-weight:800;color:#92400e;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.why-wrong-options-grid{display:flex;flex-wrap:wrap;gap:8px}.why-wrong-chip{background:#fff;border:1px solid #fde68a;color:#78350f;padding:6px 14px;border-radius:var(--radius-full);font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:5px}.why-wrong-chip:hover{background:#fef3c7;border-color:#f59e0b;transform:translateY(-1px)}.why-wrong-chip.selected{background:#f59e0b;color:#fff;border-color:#d97706;box-shadow:0 2px 6px #f59e0b59}.q-review-card-details{border-top:1px solid var(--neutral-200);padding:20px 24px;background:#f8fafc;animation:details-expand .2s ease-out}@keyframes details-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.q-review-options-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.q-review-opt{padding:10px 16px;border-radius:var(--radius-md);font-size:var(--text-xs);line-height:1.5;border:1.5px solid var(--neutral-200);background:var(--white);display:flex;align-items:center;justify-content:space-between;gap:12px}.q-review-opt.is-correct{background:#ecfdf5;border-color:#6ee7b7;color:#065f46;font-weight:700}.q-review-opt.is-user-wrong{background:#fef2f2;border-color:#fca5a5;color:#991b1b;font-weight:700}.q-review-exp-box{background:var(--white);border:1.5px solid var(--neutral-200);border-radius:var(--radius-md);padding:16px 20px;font-size:var(--text-xs);color:var(--neutral-700);line-height:1.6}.result-weak-areas-banner{background:linear-gradient(135deg,#064e3b,#065f46 45%,#047857);border:1.5px solid rgba(255,255,255,.18);border-radius:var(--radius-xl);padding:32px;color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 40px -10px #064e3b73,0 6px 16px #00000014;margin-bottom:32px}.result-weak-areas-banner:after{content:"";position:absolute;right:-30px;top:-30px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#ffffff26,#fff0 70%);pointer-events:none}.result-weak-areas-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:20px;position:relative;z-index:1}.result-weak-badge-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#ecfdf5}.result-weak-title{font-size:clamp(1.4rem,2.8vw,1.85rem);font-weight:900;letter-spacing:-.5px;color:#fff;margin:10px 0 6px;line-height:1.25}.result-weak-subtitle{font-size:var(--text-sm);color:#ffffffe6;font-weight:500;max-width:680px;line-height:1.55}.result-weak-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0 28px;position:relative;z-index:1}.result-weak-feature-card{background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-lg);padding:16px 18px;display:flex;align-items:center;gap:14px;transition:transform .2s ease,background .2s ease}.result-weak-feature-card:hover{transform:translateY(-2px);background:#ffffff2e}.result-weak-feature-icon{font-size:22px;line-height:1;background:#ffffff29;width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.result-weak-feature-text strong{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#fff;margin-bottom:2px}.result-weak-feature-text span{font-size:11px;color:#ffffffd9;line-height:1.35;font-weight:500}.result-weak-actions-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;position:relative;z-index:1}.result-weak-btn-primary{background:#fff;color:#065f46;font-weight:800;font-size:var(--text-sm);padding:12px 24px;border-radius:var(--radius-md);border:none;cursor:pointer;box-shadow:0 4px 16px #0003;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.result-weak-btn-primary:hover{background:#f0fdf4;transform:translateY(-2px);box-shadow:0 6px 20px #00000040;color:#047857}.result-weak-btn-secondary{background:#ffffff29;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-weight:700;font-size:var(--text-sm);padding:12px 20px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.result-weak-btn-secondary:hover{background:#ffffff40;transform:translateY(-2px)}.result-v2-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-6);padding-top:var(--sp-4)}.result-v2-actions .btn{flex:1;min-width:180px}@media(max-width:768px){.result-v2-hero{padding:24px 20px}.result-section{padding:24px 20px;margin-bottom:24px}.result-v2-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.result-perf-grid{grid-template-columns:1fr;gap:16px}.result-weak-areas-banner{padding:24px 20px}}@media(max-width:640px){.result-v2-container{padding:var(--sp-2) var(--sp-2) var(--sp-8)}.result-v2-hero{padding:16px 14px;margin-bottom:16px;border-radius:var(--radius-lg)}.result-v2-hero-header{gap:8px;margin-bottom:12px}.result-v2-pill-badge{padding:4px 10px;font-size:10px}.result-v2-neet-badge{padding:4px 10px;font-size:10.5px}.result-marks-aesthetic-banner{flex-direction:column;gap:12px;margin-bottom:14px;align-items:stretch}.result-marks-main-display{flex:0 0 auto;min-width:0;justify-content:flex-start}.result-marks-tag{font-size:10px;padding:3px 9px;margin-bottom:4px;letter-spacing:.8px}.result-marks-value-row{gap:6px}.result-marks-big-number{font-size:clamp(2.8rem,11vw,3.8rem);letter-spacing:-1.5px;line-height:1}.result-marks-slash{font-size:1.6rem}.result-marks-max{font-size:1.4rem}.result-marks-unit{font-size:9.5px}.result-marks-subtext{margin-top:6px;gap:6px}.result-marks-eval-badge{font-size:10.5px;padding:3px 8px}.result-marks-mode-hint{font-size:11px}.result-marks-sideline{width:100%;flex:0 0 auto;min-width:0;justify-content:flex-start;gap:8px}.result-sideline-card.correct-card{padding:10px 12px;gap:10px}.result-sideline-icon{width:36px;height:36px;font-size:20px}.result-sideline-label{font-size:10px}.result-sideline-big-val{font-size:var(--text-lg)}.result-sideline-sub{font-size:10.5px}.result-sideline-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-sideline-mini-tile{padding:6px 8px}.result-v2-stats-grid{grid-template-columns:repeat(2,1fr);gap:6px}.result-v2-stat-tile{padding:8px 6px}.result-v2-stat-tile-val{font-size:var(--text-base)}.result-v2-stat-tile-label{font-size:9.5px}.result-section{padding:16px 14px;margin-bottom:16px;border-radius:var(--radius-lg)}.q-review-filter-tabs{gap:6px;margin-bottom:14px}.q-review-tab-btn{padding:6px 10px;font-size:11px}.q-review-card-header,.q-review-card.status-correct .q-review-card-header{padding:12px}.why-wrong-box{margin:0 12px 12px;padding:10px}.q-review-card-details{padding:12px}.mistake-analysis-card{padding:14px 12px}.mistake-analysis-row{flex-wrap:wrap;gap:6px;padding:8px 10px}.mistake-analysis-label{width:100%;font-size:11.5px}.mistake-analysis-bar-wrap{width:calc(100% - 70px);flex:auto}.result-weak-actions-row .result-weak-btn-primary,.result-weak-actions-row .result-weak-btn-secondary{width:100%;justify-content:center}.result-v2-actions{flex-direction:column;gap:8px}.result-v2-actions .btn{width:100%}}.site-footer{background:#091512;border-top:1px solid rgba(255,255,255,.08);color:#94a3b8;margin-top:auto;position:relative;z-index:10;padding:var(--sp-10) var(--sp-6) calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + var(--sp-8))}.site-footer.hidden{display:none!important}.site-footer-inner{max-width:1100px;margin:0 auto;width:100%}.site-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--sp-8);align-items:start}.footer-brand-col{display:flex;flex-direction:column;gap:var(--sp-2)}.footer-brand-header{display:flex;align-items:center;gap:var(--sp-3)}.footer-brand-logo{width:36px;height:36px;border-radius:8px;object-fit:cover;box-shadow:0 4px 12px #00000059;border:1px solid rgba(255,255,255,.15)}.footer-brand-name{font-size:var(--text-lg);font-weight:800;color:#fff;letter-spacing:-.3px}.footer-tagline{font-size:12px;font-weight:700;color:var(--primary-400);letter-spacing:.4px;text-transform:uppercase;margin-top:2px}.footer-desc{font-size:var(--text-xs);color:#94a3b8;line-height:1.6;max-width:300px}.footer-nav-col{display:flex;flex-direction:column}.footer-heading{font-size:var(--text-xs);font-weight:700;color:#f1f5f9;text-transform:uppercase;letter-spacing:.8px;margin-bottom:var(--sp-4)}.footer-links-list{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:0}.footer-link{font-size:var(--text-sm);color:#94a3b8;text-decoration:none;transition:color .18s ease,transform .18s ease;display:inline-flex;align-items:center}.footer-link:hover{color:var(--primary-400);transform:translate(2px)}.footer-divider{height:1px;background:#ffffff1f;margin:var(--sp-8) 0 var(--sp-5)}.site-footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:#94a3b8;flex-wrap:wrap;gap:var(--sp-3);padding-top:var(--sp-2)}.footer-copyright{font-weight:600;color:#e2e8f0;letter-spacing:.2px}.footer-bottom-links{display:flex;align-items:center;gap:var(--sp-3)}.footer-bottom-link{color:#94a3b8;text-decoration:none;font-weight:500;transition:color .18s ease}.footer-bottom-link:hover{color:var(--primary-400)}.footer-dot-sep{color:#64748b}@media(max-width:900px){.site-footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--sp-6)}}@media(max-width:768px){.site-footer{padding:var(--sp-8) var(--sp-5) calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + var(--sp-8))}.site-footer-grid{grid-template-columns:1fr 1fr;gap:var(--sp-6)}.footer-brand-col{grid-column:1 / -1}}@media(max-width:480px){.site-footer-grid{grid-template-columns:1fr;gap:var(--sp-5)}.site-footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.footer-bottom-links{margin-top:2px}}.about-page-container{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-6);padding-bottom:var(--sp-6);animation:screen-enter .4s cubic-bezier(.34,1.56,.64,1)}.about-hero-card{background:linear-gradient(135deg,#064e3b,#047857 45%,#0284c7);border-radius:var(--radius-xl);padding:var(--sp-8) var(--sp-8);color:var(--white);position:relative;overflow:hidden;box-shadow:0 12px 36px -8px #064e3b47,0 4px 12px #0000000d;border:1px solid rgba(255,255,255,.18)}.about-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff29;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#a7f3d0;margin-bottom:var(--sp-3)}.about-hero-logo{width:20px;height:20px;border-radius:5px;object-fit:cover}.about-hero-title{font-family:var(--font-display);font-size:clamp(28px,4vw,38px);font-weight:700;color:#fff;letter-spacing:-.3px;line-height:1.15;margin-bottom:8px}.about-hero-subheading{font-size:var(--text-lg);font-weight:700;color:#a7f3d0;margin-bottom:var(--sp-3)}.about-hero-lead{font-size:var(--text-base);color:#ffffffeb;line-height:1.65;max-width:720px;margin-bottom:var(--sp-5)}.about-hero-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.about-pill-tag{background:#ffffff24;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);padding:5px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:#fff}.about-section-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--neutral-100);padding:var(--sp-6);transition:box-shadow var(--transition)}.about-section-card:hover{box-shadow:var(--shadow-md)}.about-section-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5)}.about-section-icon{width:42px;height:42px;border-radius:var(--radius-md);background:var(--primary-50);border:1px solid var(--primary-200);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.about-section-title{font-size:var(--text-xl);font-weight:800;color:var(--neutral-900);letter-spacing:-.4px;line-height:1.2;margin:0}.about-section-subtitle{font-size:var(--text-xs);color:var(--neutral-500);font-weight:600;margin-top:2px}.about-text{font-size:var(--text-sm);color:var(--neutral-600);line-height:1.7;margin-bottom:var(--sp-5)}.about-mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-3)}.about-mission-item{display:flex;gap:var(--sp-3);padding:var(--sp-4);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);transition:all var(--transition)}.about-mission-item:hover{background:var(--white);border-color:var(--primary-300);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.about-mission-item-icon{width:32px;height:32px;border-radius:8px;background:var(--primary-100);color:var(--primary-700);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.about-mission-item-title{font-size:var(--text-sm);font-weight:700;color:var(--neutral-900);margin-bottom:2px}.about-mission-item-desc{font-size:var(--text-xs);color:var(--neutral-500);line-height:1.5}.about-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.about-feature-card{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);transition:all var(--transition)}.about-feature-card:hover{background:var(--white);border-color:var(--primary-400);box-shadow:var(--shadow-md);transform:translateY(-3px)}.about-feature-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.about-feature-icon{font-size:26px}.about-feature-title{font-size:var(--text-md);font-weight:800;color:var(--neutral-900);letter-spacing:-.2px}.about-feature-desc{font-size:var(--text-xs);color:var(--neutral-600);line-height:1.6;flex:1;margin-bottom:var(--sp-2)}.about-feature-link{font-size:var(--text-xs);font-weight:700;color:var(--primary-600);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color var(--transition),transform var(--transition)}.about-feature-link:hover{color:var(--primary-700);transform:translate(3px)}.about-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.about-why-item{display:flex;gap:var(--sp-3);padding:var(--sp-4);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);transition:all var(--transition)}.about-why-item:hover{background:var(--white);border-color:var(--primary-300);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.about-why-bullet{width:24px;height:24px;border-radius:var(--radius-full);background:var(--success-100);color:var(--success-600);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0;margin-top:1px}.about-why-title{font-size:var(--text-sm);font-weight:700;color:var(--neutral-900);margin-bottom:2px}.about-why-desc{font-size:var(--text-xs);color:var(--neutral-500);line-height:1.5}.about-approach-flow{display:flex;align-items:stretch;justify-content:space-between;gap:var(--sp-2)}.about-step-card{flex:1;min-width:0;background:var(--neutral-50);border:1.5px solid var(--neutral-200);border-radius:var(--radius-md);padding:var(--sp-4) var(--sp-3);display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;transition:all var(--transition)}.about-step-card:hover{border-color:var(--primary-400);background:var(--white);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.about-step-num{font-family:var(--font-mono);font-size:11px;font-weight:800;color:var(--primary-600);background:var(--primary-100);padding:2px 8px;border-radius:var(--radius-full);margin-bottom:2px}.about-step-name{font-size:var(--text-sm);font-weight:800;color:var(--neutral-900);letter-spacing:.5px}.about-step-desc{font-size:11px;color:var(--neutral-500);line-height:1.4;margin-top:2px}.about-step-arrow{display:flex;align-items:center;justify-content:center;color:var(--neutral-400);font-weight:800;font-size:16px;flex-shrink:0;-webkit-user-select:none;user-select:none}.about-audience-pills{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.about-audience-pill{background:var(--neutral-100);border:1px solid var(--neutral-200);color:var(--neutral-800);padding:6px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;transition:all var(--transition)}.about-audience-pill:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700);transform:translateY(-1px)}.about-disclaimer-note{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #64748b;border-radius:var(--radius-md);font-size:var(--text-xs);color:#475569;line-height:1.6}.about-highlight-box{background:linear-gradient(135deg,#f0fdf4,#fff);border:1.5px solid var(--primary-200);border-radius:var(--radius-lg);padding:var(--sp-6);margin-top:var(--sp-4);position:relative;overflow:hidden;transition:all var(--transition)}.about-highlight-box:hover{border-color:var(--primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.about-highlight-box.battle-theme{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#bfdbfe}.about-highlight-box.battle-theme:hover{border-color:#60a5fa}.about-highlight-box.ai-theme{background:linear-gradient(135deg,#faf5ff,#fff);border-color:#e9d5ff}.about-highlight-box.ai-theme:hover{border-color:#c084fc}.about-highlight-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3);flex-wrap:wrap}.about-highlight-title{font-size:var(--text-lg);font-weight:800;color:var(--neutral-900);display:flex;align-items:center;gap:8px}.about-highlight-desc{font-size:var(--text-sm);color:var(--neutral-600);line-height:1.7;margin-bottom:var(--sp-4)}.about-highlight-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-3)}.about-highlight-point{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--text-xs);color:var(--neutral-700);line-height:1.5;background:#ffffffd9;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);padding:var(--sp-3)}.about-highlight-point-icon{font-size:15px;flex-shrink:0;margin-top:1px}.about-vision-card{background:linear-gradient(135deg,#064e3b,#065f46 60%,#0d9488);border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-6);color:#fff;margin-top:var(--sp-4)}.about-vision-title{font-size:var(--text-lg);font-weight:800;color:#a7f3d0;margin-bottom:var(--sp-2);display:flex;align-items:center;gap:8px}.about-vision-text{font-size:var(--text-sm);color:#fffffff0;line-height:1.75}.about-contact-box{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--sp-5);margin-top:var(--sp-3);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.about-contact-item{display:flex;align-items:center;gap:var(--sp-3)}.about-contact-icon{width:42px;height:42px;border-radius:var(--radius-full);background:var(--primary-100);color:var(--primary-700);display:flex;align-items:center;justify-content:center;font-size:20px}.about-cta-card{background:linear-gradient(135deg,#091512,#132a24);border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-xl);padding:var(--sp-8) var(--sp-6);text-align:center;color:#fff;box-shadow:0 14px 36px #09151259;position:relative;overflow:hidden;margin-top:var(--sp-6);margin-bottom:var(--sp-4)}.about-cta-title{font-size:clamp(1.4rem,2.8vw,1.75rem);font-weight:800;color:#fff;margin-bottom:var(--sp-2);letter-spacing:-.3px}.about-cta-desc{font-size:var(--text-sm);color:#94a3b8;max-width:520px;margin:0 auto var(--sp-6);line-height:1.6}.about-cta-buttons{display:flex;justify-content:center;align-items:center;gap:var(--sp-3);flex-wrap:wrap}@media(max-width:860px){.about-features-grid{grid-template-columns:repeat(2,1fr)}.about-approach-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.about-step-arrow{display:none}}@media(max-width:640px){.about-hero-card{padding:var(--sp-6) var(--sp-4)}.about-section-card{padding:var(--sp-5) var(--sp-4)}.about-features-grid,.about-why-grid{grid-template-columns:1fr}.about-approach-flow{grid-template-columns:1fr;gap:var(--sp-2)}.about-cta-card{padding:var(--sp-6) var(--sp-4);margin-top:var(--sp-4);margin-bottom:var(--sp-2)}.about-cta-buttons{flex-direction:column;width:100%}.about-cta-buttons .btn{width:100%;justify-content:center}}.faq-page-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-5);padding-bottom:var(--sp-6);animation:screen-enter .4s cubic-bezier(.34,1.56,.64,1)}.faq-quick-nav{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2)}.faq-quick-pill{background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-full);padding:6px 14px;font-size:var(--text-xs);font-weight:700;color:var(--neutral-700);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all var(--transition)}.faq-quick-pill:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700);transform:translateY(-1px)}.faq-category-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--neutral-100);padding:var(--sp-6);scroll-margin-top:80px;transition:border-color var(--transition)}.faq-category-card:hover{border-color:var(--neutral-200)}.faq-category-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1.5px solid var(--neutral-100)}.faq-category-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--primary-50);border:1px solid var(--primary-200);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.faq-category-title{font-size:var(--text-lg);font-weight:800;color:var(--neutral-900);letter-spacing:-.2px}.faq-category-subtitle{font-size:var(--text-xs);color:var(--neutral-500);margin-top:2px}.faq-items-list{display:flex;flex-direction:column;gap:var(--sp-3)}.faq-item{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5);transition:all var(--transition)}.faq-item:hover{background:var(--white);border-color:var(--primary-300);box-shadow:var(--shadow-sm)}.faq-question{font-size:var(--text-sm);font-weight:800;color:var(--neutral-900);margin-bottom:var(--sp-2);display:flex;align-items:flex-start;gap:8px;line-height:1.4}.faq-q-badge{font-family:var(--font-mono);font-size:11px;font-weight:900;color:var(--primary-600);background:var(--primary-100);padding:1px 7px;border-radius:var(--radius-full);flex-shrink:0;margin-top:1px}.faq-answer{font-size:var(--text-xs);color:var(--neutral-600);line-height:1.7;padding-left:28px}.faq-answer p{margin-bottom:var(--sp-2)}.faq-answer p:last-child{margin-bottom:0}.faq-answer ul{margin:var(--sp-2) 0;padding-left:var(--sp-4)}.faq-answer li{margin-bottom:4px}@media(max-width:640px){.faq-category-card{padding:var(--sp-5) var(--sp-4)}.faq-item{padding:var(--sp-3) var(--sp-3)}.faq-answer{padding-left:0;margin-top:var(--sp-2)}}.contact-page-container{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-6);padding-bottom:var(--sp-6);animation:screen-enter .4s cubic-bezier(.34,1.56,.64,1)}.contact-hero-card{background:linear-gradient(135deg,#064e3b,#047857 45%,#0284c7);border-radius:var(--radius-xl);padding:var(--sp-8) var(--sp-8);color:var(--white);text-align:center;position:relative;overflow:hidden;box-shadow:0 12px 36px -8px #064e3b47,0 4px 12px #0000000d;border:1px solid rgba(255,255,255,.18)}.contact-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff29;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#a7f3d0;margin-bottom:var(--sp-3)}.contact-hero-logo{width:20px;height:20px;border-radius:5px;object-fit:cover}.contact-hero-title{font-family:var(--font-display);font-size:clamp(28px,4vw,38px);font-weight:700;color:#fff;letter-spacing:-.3px;line-height:1.15;margin-bottom:8px}.contact-hero-subtitle{font-size:var(--text-base);color:#ffffffeb;line-height:1.6;max-width:560px;margin:0 auto}.contact-main-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--neutral-100);padding:var(--sp-8) var(--sp-6);text-align:center;display:flex;flex-direction:column;align-items:center;transition:all var(--transition)}.contact-main-card:hover{box-shadow:var(--shadow-md)}.contact-icon-wrapper{width:60px;height:60px;border-radius:var(--radius-xl);background:var(--primary-50);border:2px solid var(--primary-200);display:flex;align-items:center;justify-content:center;color:var(--primary-600);margin-bottom:var(--sp-4);box-shadow:0 4px 16px #22c55e26}.contact-mail-icon{width:28px;height:28px;stroke:currentColor}.contact-card-title{font-size:var(--text-2xl);font-weight:800;color:var(--neutral-900);letter-spacing:-.4px;margin-bottom:var(--sp-2)}.contact-card-text{font-size:var(--text-sm);color:var(--neutral-600);max-width:520px;line-height:1.65;margin:0 auto var(--sp-6)}.contact-email-box{background:var(--neutral-50);border:1.5px dashed var(--primary-300);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-6);width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);transition:all var(--transition)}.contact-email-box:hover{background:#f0fdf4;border-color:var(--primary-500);box-shadow:var(--shadow-sm)}.contact-email-label{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--primary-700)}.contact-email-link{font-family:var(--font-mono);font-size:clamp(15px,3.5vw,19px);font-weight:700;color:var(--primary-700);text-decoration:none;word-break:break-all;transition:color var(--transition)}.contact-email-link:hover{color:var(--primary-900);text-decoration:underline}.contact-email-action-row{margin-top:2px}.contact-email-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border-radius:var(--radius-full);font-weight:700;font-size:var(--text-sm);text-decoration:none}.contact-topics-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--neutral-100);padding:var(--sp-6);transition:box-shadow var(--transition)}.contact-topics-card:hover{box-shadow:var(--shadow-md)}.contact-topics-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5)}.contact-topics-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--primary-50);border:1px solid var(--primary-200);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.contact-topics-title{font-size:var(--text-lg);font-weight:800;color:var(--neutral-900);letter-spacing:-.3px;margin:0}.contact-topics-subtitle{font-size:var(--text-xs);color:var(--neutral-500);font-weight:600;margin-top:2px}.contact-topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.contact-topic-item{display:flex;gap:var(--sp-3);padding:var(--sp-4);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);transition:all var(--transition)}.contact-topic-item:hover{background:var(--white);border-color:var(--primary-300);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.contact-topic-icon-badge{width:32px;height:32px;border-radius:8px;background:var(--primary-100);color:var(--primary-700);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.contact-topic-name{font-size:var(--text-sm);font-weight:700;color:var(--neutral-900);margin-bottom:2px}.contact-topic-desc{font-size:var(--text-xs);color:var(--neutral-500);line-height:1.5}.contact-privacy-note{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #64748b;border-radius:var(--radius-md);font-size:var(--text-xs);color:#475569;line-height:1.6}.contact-privacy-icon{font-size:16px;flex-shrink:0;margin-top:1px}.contact-bottom-cta{background:linear-gradient(135deg,#091512,#132a24);border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-xl);padding:var(--sp-8) var(--sp-6);text-align:center;color:#fff;box-shadow:0 14px 36px #09151259;margin-top:var(--sp-6);margin-bottom:var(--sp-4)}.contact-cta-heading{font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:800;color:#fff;margin-bottom:var(--sp-2);letter-spacing:-.3px}.contact-cta-text{font-size:var(--text-sm);color:#94a3b8;margin-bottom:var(--sp-5);line-height:1.6}.contact-cta-actions{display:flex;justify-content:center;align-items:center;gap:var(--sp-3);flex-wrap:wrap}@media(max-width:720px){.contact-topics-grid{grid-template-columns:1fr;gap:var(--sp-2)}.contact-hero-card,.contact-main-card{padding:var(--sp-6) var(--sp-4)}.contact-bottom-cta{padding:var(--sp-6) var(--sp-4);margin-top:var(--sp-4);margin-bottom:var(--sp-2)}.contact-cta-actions{flex-direction:column;width:100%}.contact-cta-actions .btn{width:100%;justify-content:center}}.disclaimer-page-container{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-6);padding-bottom:var(--sp-6);animation:screen-enter .4s cubic-bezier(.34,1.56,.64,1)}.disclaimer-hero-card{background:linear-gradient(135deg,#064e3b,#047857 45%,#0284c7);border-radius:var(--radius-xl);padding:var(--sp-8) var(--sp-8);color:var(--white);text-align:center;position:relative;overflow:hidden;box-shadow:0 12px 36px -8px #064e3b47,0 4px 12px #0000000d;border:1px solid rgba(255,255,255,.18)}.disclaimer-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff29;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#a7f3d0;margin-bottom:var(--sp-3)}.disclaimer-hero-logo{width:20px;height:20px;border-radius:5px;object-fit:cover}.disclaimer-hero-title{font-family:var(--font-display);font-size:clamp(28px,4vw,38px);font-weight:700;color:#fff;letter-spacing:-.3px;line-height:1.15;margin-bottom:8px}.disclaimer-hero-subtitle{font-size:var(--text-base);color:#ffffffeb;line-height:1.6;max-width:560px;margin:0 auto}.disclaimer-intro-box{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:#f0fdf4;border:1px solid #bbf7d0;border-left:4px solid var(--primary-600);border-radius:var(--radius-md);color:#166534;font-size:var(--text-sm);line-height:1.6}.disclaimer-intro-icon{font-size:20px;flex-shrink:0;margin-top:1px}.disclaimer-intro-content{flex:1}.disclaimer-sections-stack{display:flex;flex-direction:column;gap:var(--sp-5)}.disclaimer-section-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--neutral-100);padding:var(--sp-6);transition:all var(--transition)}.disclaimer-section-card:hover{box-shadow:var(--shadow-md);border-color:var(--neutral-200)}.disclaimer-card-highlight{background:#fbfdfc;border-left:4px solid var(--primary-500)}.disclaimer-section-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.disclaimer-section-icon{width:38px;height:38px;border-radius:var(--radius-md);background:var(--primary-50);border:1px solid var(--primary-200);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.disclaimer-section-title{font-size:var(--text-lg);font-weight:800;color:var(--neutral-900);letter-spacing:-.3px;margin:0}.disclaimer-text{font-size:var(--text-sm);color:var(--neutral-600);line-height:1.75;margin-bottom:var(--sp-3)}.disclaimer-text:last-child{margin-bottom:0}.disclaimer-list{font-size:var(--text-sm);color:var(--neutral-600);line-height:1.75;margin-top:var(--sp-2);margin-bottom:var(--sp-3);padding-left:var(--sp-5)}.disclaimer-list li{margin-bottom:var(--sp-2)}.disclaimer-list li:last-child{margin-bottom:0}.disclaimer-date-row{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px dashed var(--neutral-200)}.disclaimer-date-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:700;color:var(--neutral-500);background:var(--neutral-100);padding:4px 12px;border-radius:var(--radius-full)}.disclaimer-cta-card{background:linear-gradient(135deg,#091512,#132a24);border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-xl);padding:var(--sp-8) var(--sp-6);text-align:center;color:#fff;box-shadow:0 14px 36px #09151259;margin-top:var(--sp-6);margin-bottom:var(--sp-4)}.disclaimer-cta-heading{font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:800;color:#fff;margin-bottom:var(--sp-2);letter-spacing:-.3px}.disclaimer-cta-text{font-size:var(--text-sm);color:#94a3b8;margin-bottom:var(--sp-5);line-height:1.6}.disclaimer-cta-actions{display:flex;justify-content:center;align-items:center;gap:var(--sp-3);flex-wrap:wrap}@media(max-width:640px){.disclaimer-hero-card{padding:var(--sp-6) var(--sp-4)}.disclaimer-section-card{padding:var(--sp-5) var(--sp-4)}.disclaimer-cta-card{padding:var(--sp-6) var(--sp-4);margin-top:var(--sp-4);margin-bottom:var(--sp-2)}.disclaimer-cta-actions{flex-direction:column;width:100%}.disclaimer-cta-actions .btn{width:100%;justify-content:center}}.terms-page-container{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-6);padding-bottom:var(--sp-6);animation:screen-enter .4s cubic-bezier(.34,1.56,.64,1)}.terms-hero-card{background:linear-gradient(135deg,#064e3b,#047857 45%,#0284c7);border-radius:var(--radius-xl);padding:var(--sp-8) var(--sp-8);color:var(--white);text-align:center;position:relative;overflow:hidden;box-shadow:0 12px 36px -8px #064e3b47,0 4px 12px #0000000d;border:1px solid rgba(255,255,255,.18)}.terms-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff29;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#a7f3d0;margin-bottom:var(--sp-3)}.terms-hero-logo{width:20px;height:20px;border-radius:5px;object-fit:cover}.terms-hero-title{font-family:var(--font-display);font-size:clamp(28px,4vw,38px);font-weight:700;color:#fff;letter-spacing:-.3px;line-height:1.15;margin-bottom:8px}.terms-hero-subtitle{font-size:var(--text-base);color:#ffffffeb;line-height:1.6;max-width:560px;margin:0 auto}.terms-intro-box{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:#f0fdf4;border:1px solid #bbf7d0;border-left:4px solid var(--primary-600);border-radius:var(--radius-md);color:#166534;font-size:var(--text-sm);line-height:1.6}.terms-intro-icon{font-size:20px;flex-shrink:0;margin-top:1px}.terms-intro-content{flex:1}.terms-sections-stack{display:flex;flex-direction:column;gap:var(--sp-5)}.terms-section-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--neutral-100);padding:var(--sp-6);transition:all var(--transition)}.terms-section-card:hover{box-shadow:var(--shadow-md);border-color:var(--neutral-200)}.terms-card-highlight{background:#fbfdfc;border-left:4px solid var(--primary-500)}.terms-section-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.terms-section-icon{width:38px;height:38px;border-radius:var(--radius-md);background:var(--primary-50);border:1px solid var(--primary-200);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.terms-section-title{font-size:var(--text-lg);font-weight:800;color:var(--neutral-900);letter-spacing:-.3px;margin:0}.terms-text{font-size:var(--text-sm);color:var(--neutral-600);line-height:1.75;margin-bottom:var(--sp-3)}.terms-text:last-child{margin-bottom:0}.terms-list{font-size:var(--text-sm);color:var(--neutral-600);line-height:1.75;margin-top:var(--sp-2);margin-bottom:var(--sp-3);padding-left:var(--sp-5)}.terms-list li{margin-bottom:var(--sp-2)}.terms-list li:last-child{margin-bottom:0}.terms-prohibited-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-2);margin-top:var(--sp-3)}.terms-prohibited-item{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:#fef2f2;border:1px solid #fee2e2;border-radius:var(--radius-md);font-size:var(--text-xs);color:#991b1b;line-height:1.5;font-weight:500}.terms-prohibited-cross{color:#dc2626;font-weight:800;font-size:14px;flex-shrink:0;margin-top:1px}.terms-date-row{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px dashed var(--neutral-200)}.terms-date-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:700;color:var(--neutral-500);background:var(--neutral-100);padding:4px 12px;border-radius:var(--radius-full)}.terms-cta-card{background:linear-gradient(135deg,#091512,#132a24);border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-xl);padding:var(--sp-8) var(--sp-6);text-align:center;color:#fff;box-shadow:0 14px 36px #09151259;margin-top:var(--sp-6);margin-bottom:var(--sp-4)}.terms-cta-heading{font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:800;color:#fff;margin-bottom:var(--sp-2);letter-spacing:-.3px}.terms-cta-text{font-size:var(--text-sm);color:#94a3b8;margin-bottom:var(--sp-5);line-height:1.6}.terms-cta-actions{display:flex;justify-content:center;align-items:center;gap:var(--sp-3);flex-wrap:wrap}@media(max-width:640px){.terms-hero-card{padding:var(--sp-6) var(--sp-4)}.terms-section-card{padding:var(--sp-5) var(--sp-4)}.terms-cta-card{padding:var(--sp-6) var(--sp-4);margin-top:var(--sp-4);margin-bottom:var(--sp-2)}.terms-cta-actions{flex-direction:column;width:100%}.terms-cta-actions .btn{width:100%;justify-content:center}}.exam-toggle-pill{display:inline-flex;align-items:center;background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:20px;padding:2px;gap:2px;margin-left:var(--sp-2);pointer-events:auto;box-shadow:inset 0 1px 2px #0000000f}.exam-pill-btn{border:none;background:transparent;padding:4px 10px;border-radius:16px;font-size:11px;font-weight:800;color:var(--neutral-600);cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:4px;pointer-events:auto;-webkit-user-select:none;user-select:none}.exam-pill-btn:hover{color:var(--neutral-900);background:#0000000a}.exam-pill-btn.active.neet,.exam-pill-btn.active.cuet,.exam-pill-btn.active[data-exam=NEET],.exam-pill-btn.active[data-exam=CUET]{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 2px 8px #10b98159}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.flashcards-screen{max-width:540px;margin:0 auto;padding-top:var(--sp-4);-webkit-user-select:none;user-select:none}.fc-card-viewport{perspective:1200px;width:100%;min-height:380px;margin-bottom:var(--sp-6);cursor:pointer}.fc-card{position:relative;width:100%;min-height:380px;border-radius:var(--radius-2xl);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 40px -15px #064e3b29,0 0 0 1px #10b9811a}.fc-card.flipped{transform:rotateY(180deg)}.fc-card-face{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-2xl);padding:var(--sp-6);display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.fc-card-front{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e2e8f0}.fc-card-back{background:linear-gradient(145deg,#f0fdf4,#fff);border:2px solid #a7f3d0;transform:rotateY(180deg)}.fc-badge-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4)}.fc-badge-ch{font-size:12px;font-weight:700;color:var(--neutral-600);display:flex;align-items:center;gap:4px}.fc-badge-tag{font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:var(--radius-full);background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200)}.fc-question-body{font-size:var(--text-lg);font-weight:800;color:var(--neutral-900);line-height:1.6;text-align:center;margin:auto 0;padding:var(--sp-3) var(--sp-2)}.fc-answer-body{font-size:var(--text-md);font-weight:600;color:#0f172a;line-height:1.65;margin:auto 0;padding:var(--sp-2);background:#ffffffb3;border-radius:var(--radius-md);border-left:4px solid var(--primary-600)}.fc-tap-hint{text-align:center;font-size:11px;color:var(--neutral-400);font-weight:600;border-top:1px solid rgba(0,0,0,.05);padding-top:var(--sp-3)}.fc-controls{display:flex;justify-content:center;align-items:center;gap:var(--sp-4)}.fc-btn{border:none;border-radius:var(--radius-full);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-sm)}.fc-btn:hover{transform:translateY(-3px) scale(1.05)}.fc-btn-review{width:76px;height:76px;background:#fef2f2;border:2px solid #fecaca;color:#dc2626}.fc-btn-flip{width:58px;height:58px;background:var(--neutral-100);border:2px solid var(--neutral-300);color:var(--neutral-700)}.fc-btn-mastered{width:76px;height:76px;background:#ecfdf5;border:2px solid #a7f3d0;color:#059669}.fc-btn-icon{font-size:24px;line-height:1}.fc-btn-flip .fc-btn-icon{font-size:20px}.fc-btn-label{font-size:9.5px;font-weight:800;margin-top:3px;text-transform:uppercase;letter-spacing:.3px}@media(max-width:400px){.fc-card-viewport,.fc-card{min-height:320px!important}.fc-card-face{padding:14px 12px!important}.fc-controls{gap:10px!important}.fc-btn-review,.fc-btn-mastered{width:66px!important;height:66px!important}.fc-btn-flip{width:52px!important;height:52px!important}}.swipe-left-anim{animation:swipeLeftOut .25s forwards ease-out}.swipe-right-anim{animation:swipeRightOut .25s forwards ease-out}@keyframes swipeLeftOut{to{transform:translate(-120%) rotate(-25deg);opacity:0}}@keyframes swipeRightOut{to{transform:translate(120%) rotate(25deg);opacity:0}}.ncert-mode-pill:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.ncert-flashcards-screen .fc-card-viewport{perspective:1200px}@media(max-width:640px){.ncert-flashcards-screen .fc-controls{gap:8px!important}.ncert-flashcards-screen .fc-controls .btn{padding:8px 10px!important;font-size:12px!important}.ncert-flashcards-screen .fc-btn-review,.ncert-flashcards-screen .fc-btn-mastered{min-width:80px!important;height:48px!important;padding:0 10px!important}.ncert-flashcards-screen .fc-btn-flip{width:48px!important;height:48px!important}.ncert-mode-pill{padding:var(--sp-2) var(--sp-3)!important}}.social-icon-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #00000014}.social-icon-btn.insta{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;box-shadow:0 2px 10px #dc274347}.social-icon-btn.insta:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px #dc274373;color:#fff}.social-icon-btn.yt{background:red;color:#fff;box-shadow:0 2px 10px #ff000047}.social-icon-btn.yt:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px #ff000073;color:#fff}html,body{overflow-x:hidden;max-width:100vw;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}@media(max-width:768px){.form-input,.form-select,input[type=text],input[type=email],input[type=password]{font-size:16px!important;min-height:44px}.grid-2,.grid-3{grid-template-columns:1fr!important;gap:var(--sp-3)!important}.grid-4{grid-template-columns:repeat(2,1fr)!important;gap:var(--sp-3)!important}}.tab-label-short,.btn-setup-short{display:none}.tab-label-full,.btn-setup-full{display:inline}@media(max-width:600px){.tab-label-short,.btn-setup-short{display:inline!important}.tab-label-full,.btn-setup-full{display:none!important}.config-screen-wrap{padding:0 0 var(--sp-6)!important;overflow-x:hidden!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.config-screen{padding-top:0!important;max-width:100%!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}.config-logo{margin-bottom:var(--sp-3)!important;padding:0 var(--sp-2)!important}.config-logo-img{width:54px!important;height:54px!important;margin-bottom:var(--sp-1)!important}.config-glow-badge{font-size:11px!important;padding:4px 10px!important;max-width:92%!important}.config-logo h1{font-size:clamp(20px,5.5vw,24px)!important;line-height:1.2!important}.config-logo p{font-size:12px!important;padding:0 var(--sp-1);line-height:1.35!important}.config-screen .card,.config-screen .card-lg{padding:16px 12px!important;border-radius:var(--radius-lg)!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important}.auth-tab-bar{margin-bottom:var(--sp-4)!important;padding:3px!important;width:100%!important;box-sizing:border-box!important;display:flex!important}.auth-tab-btn{flex:1 1 50%!important;min-width:0!important;padding:8px 4px!important;font-size:12px!important;gap:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-sizing:border-box!important}#cfg-exam-mode{display:flex!important;flex-wrap:wrap!important;gap:6px!important}#cfg-exam-mode button{flex:1 1 calc(50% - 6px)!important;min-width:90px!important;text-align:center!important;justify-content:center!important;padding:8px 4px!important;font-size:11px!important}#cfg-exam-mode button:last-child{flex:1 1 100%!important}#cfg-confidence{display:flex!important;gap:6px!important}#cfg-confidence button{flex:1!important;text-align:center!important;justify-content:center!important;padding:8px 4px!important;font-size:11px!important}#cfg-action-buttons{width:100%;margin-top:var(--sp-4)!important}#cfg-action-buttons .btn,#btn-login-submit{width:100%!important;font-size:14px!important;font-weight:800!important;padding:12px 10px!important;white-space:normal!important;line-height:1.25!important;text-align:center!important;min-height:44px!important;box-sizing:border-box!important}.bio-rain-container,.float-emoji{display:none!important}}@media(max-width:600px){.topbar:not(.hidden){display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 var(--sp-3)!important;height:56px!important;width:100%!important;box-sizing:border-box!important;gap:6px!important}.topbar.hidden,#topbar.hidden{display:none!important}.topbar-brand{position:static!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex:1 1 auto!important;min-width:0!important}.brand-logo-img.small{width:28px!important;height:28px!important;flex-shrink:0!important}.topbar-brand .brand-name{display:none!important}.exam-toggle-pill{padding:2px!important;margin-left:2px!important;display:inline-flex!important;flex-shrink:0!important}.exam-pill-btn{padding:3px 6px!important;font-size:10px!important;gap:2px!important;white-space:nowrap!important}.topbar-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-shrink:0!important}.streak-badge{padding:3px 6px!important;font-size:11.5px!important}}@media(max-width:360px){.topbar:not(.hidden){padding:0 4px!important;gap:4px!important}.brand-logo-img.small{width:24px!important;height:24px!important}.hamburger-btn,.more-btn{width:32px!important;height:32px!important;min-width:32px!important;padding:4px!important}.topbar-brand{gap:4px!important}.exam-toggle-pill{padding:1.5px!important;gap:2px!important;margin:0!important}.exam-pill-btn{padding:2px 4px!important;font-size:9.5px!important}.topbar-actions{gap:4px!important}.streak-badge{padding:2px 4px!important;font-size:10.5px!important;gap:2px!important}.streak-badge svg{width:12px!important;height:12px!important}}@media(max-width:320px){.topbar:not(.hidden){padding:0 2px!important;gap:2px!important}.exam-pill-btn{padding:2px 3px!important;font-size:8.5px!important}.streak-badge{padding:2px 3px!important;font-size:10px!important}}@media(max-width:860px){.test-layout{grid-template-columns:1fr!important;gap:var(--sp-4)!important;width:100%!important;box-sizing:border-box!important}.assessment-header{margin-bottom:var(--sp-3)!important;width:100%!important;gap:8px!important}.assessment-meta{gap:8px!important}.timer-display{padding:4px 10px!important;font-size:14px!important;min-width:auto!important}.question-card{padding:14px 12px!important;border-radius:var(--radius-md)!important;width:100%!important;box-sizing:border-box!important}.question-number{font-size:11px!important;gap:4px!important;flex-wrap:wrap!important}.question-text{font-size:15px!important;line-height:1.5!important;word-break:break-word!important;overflow-wrap:anywhere!important;width:100%!important}.option-item{padding:10px 12px!important;font-size:13.5px!important;margin-bottom:8px!important;min-height:48px!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.option-label{width:26px!important;height:26px!important;font-size:12px!important;flex-shrink:0!important}.option-text{flex:1!important;min-width:0!important;word-break:break-word!important;overflow-wrap:anywhere!important;line-height:1.4!important}.matching-columns-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:8px!important;font-size:11.5px!important;width:100%!important;box-sizing:border-box!important}.question-diagram-wrapper{text-align:center!important;margin:8px 0!important;background:var(--neutral-50)!important;padding:8px!important;border-radius:var(--radius-md)!important;border:1px solid var(--neutral-100)!important;width:100%!important;box-sizing:border-box!important}.question-diagram-wrapper img{max-height:220px!important;max-width:100%!important;height:auto!important;object-fit:contain!important;display:block!important;margin:0 auto!important}.test-nav{flex-direction:row!important;justify-content:space-between!important;gap:6px!important;flex-wrap:wrap!important;width:100%!important;box-sizing:border-box!important}.test-nav .btn{flex:1 1 auto!important;min-height:40px!important;padding:8px 10px!important;font-size:13px!important;white-space:nowrap!important}.palette-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(34px,1fr))!important;gap:6px!important;width:100%!important;box-sizing:border-box!important}.palette-btn{height:34px!important;font-size:11.5px!important}}@media(max-width:640px){.screen-container{padding:var(--sp-2) var(--sp-2) calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,12px) + var(--sp-6))!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.quick-access-grid,.perf-stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:var(--sp-2)!important;width:100%!important;box-sizing:border-box!important}.result-stats{grid-template-columns:repeat(auto-fit,minmax(85px,1fr))!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.result-score{font-size:clamp(48px,12vw,72px)!important}.flt-result-actions{flex-direction:column!important;width:100%!important}.flt-result-actions .btn{width:100%!important}.bottom-nav-item{font-size:9.5px!important;padding:3px 1px!important;gap:2px!important}.bottom-nav-item svg{width:20px!important;height:20px!important}}.privacy-policy-page-container{max-width:900px;width:100%;margin-left:auto!important;margin-right:auto!important;display:flex;flex-direction:column;gap:var(--sp-6);padding-bottom:var(--sp-8);animation:screen-enter .4s cubic-bezier(.34,1.56,.64,1)}.privacy-hero-card{background:linear-gradient(135deg,#064e3b,#047857 45%,#0284c7);border-radius:var(--radius-xl);padding:var(--sp-8) var(--sp-8);color:var(--white);text-align:center;position:relative;overflow:hidden;box-shadow:0 16px 40px -10px #064e3b59,0 4px 12px #0000000d;border:1px solid rgba(255,255,255,.18)}.privacy-hero-badge-row{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:var(--sp-4)}.privacy-hero-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff2e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.28);padding:4px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#f0fdf4}.privacy-intro-box{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);background:#f0fdf4;border:1.5px solid #86efac;border-left:5px solid var(--primary-600);border-radius:var(--radius-lg);color:#14532d;font-size:var(--text-sm);line-height:1.65;box-shadow:0 2px 8px #00000008}.privacy-intro-icon{font-size:24px;flex-shrink:0;margin-top:2px}.privacy-sections-stack{display:flex;flex-direction:column;gap:var(--sp-6)}.privacy-section-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:0 4px 20px -2px #0000000d,0 2px 6px -1px #00000005;border:1.5px solid var(--neutral-200);padding:var(--sp-8) var(--sp-8);transition:box-shadow var(--transition),border-color var(--transition);position:relative;overflow:hidden}.privacy-section-card:hover{box-shadow:0 8px 30px -4px #00000014;border-color:var(--neutral-300)}.privacy-section-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);padding-bottom:var(--sp-4);border-bottom:2px solid var(--neutral-100);flex-wrap:wrap}.privacy-section-num-badge{width:38px;height:38px;border-radius:var(--radius-md);background:var(--primary-50);border:1.5px solid var(--primary-200);color:var(--primary-700);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:900;flex-shrink:0}.privacy-section-title{font-size:clamp(1.2rem,2.3vw,1.5rem);font-weight:800;color:var(--neutral-900);letter-spacing:-.4px;margin:0}.privacy-subsection-title{font-size:var(--text-base);font-weight:800;color:var(--neutral-900);margin:var(--sp-5) 0 var(--sp-3) 0;display:flex;align-items:center;gap:8px}.privacy-text{font-size:var(--text-sm);color:var(--neutral-700);line-height:1.75;margin-bottom:var(--sp-4)}.privacy-text:last-child{margin-bottom:0}.privacy-grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-4);margin:var(--sp-4) 0 var(--sp-5) 0}.privacy-card-item{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-6);transition:all .2s ease}.privacy-card-item:hover{background:#fff;border-color:var(--primary-300);box-shadow:0 4px 14px #0000000d}.privacy-card-item-header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.privacy-card-icon{font-size:20px}.privacy-card-title{font-size:var(--text-sm);font-weight:800;color:var(--neutral-900)}.privacy-card-desc{font-size:var(--text-xs);color:var(--neutral-600);line-height:1.65}.privacy-list{padding-left:var(--sp-6);margin:var(--sp-4) 0 var(--sp-5) 0}.privacy-list li{font-size:var(--text-sm);color:var(--neutral-700);line-height:1.75;margin-bottom:8px}.privacy-list li:last-child{margin-bottom:0}.privacy-list li strong{color:var(--neutral-900)}.privacy-highlight-box{background:#f8fafc;border:1.5px solid #cbd5e1;border-left:5px solid var(--primary-600);border-radius:var(--radius-md);padding:var(--sp-5) var(--sp-6);margin:var(--sp-5) 0;font-size:var(--text-sm);color:var(--neutral-800);line-height:1.7}.privacy-highlight-box strong{color:var(--neutral-900)}.privacy-disclaimer-box{background:#fffbeb;border:1.5px solid #fde68a;border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-6);font-size:var(--text-xs);color:#78350f;line-height:1.65;display:flex;gap:var(--sp-4);align-items:flex-start}.privacy-contact-card{background:#f0fdf4;border:1.5px solid #a7f3d0;border-radius:var(--radius-lg);padding:var(--sp-6);margin-top:var(--sp-4)}.privacy-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-4);margin-top:var(--sp-4)}.privacy-contact-tile{background:#fff;border:1.5px solid #d1fae5;border-radius:var(--radius-md);padding:var(--sp-4) var(--sp-5);transition:all .2s ease}.privacy-contact-tile:hover{border-color:#86efac;box-shadow:0 2px 8px #10b98114}.privacy-contact-tile-label{font-size:11px;font-weight:800;text-transform:uppercase;color:#065f46;letter-spacing:.5px;margin-bottom:4px}.privacy-contact-tile-val{font-size:var(--text-sm);font-weight:700;color:var(--neutral-900);line-height:1.4}@media(max-width:640px){.privacy-hero-card,.privacy-section-card{padding:var(--sp-6) var(--sp-5)}.privacy-card-item,.privacy-highlight-box{padding:var(--sp-4) var(--sp-4)}.privacy-contact-tile{padding:var(--sp-3) var(--sp-4)}.privacy-grid-cards,.privacy-contact-grid{grid-template-columns:1fr}}.ncert-hero-banner{background:linear-gradient(135deg,#064e3b,#047857 60%,#059669);color:#fff;border-radius:var(--radius-lg);padding:var(--sp-6);margin-bottom:var(--sp-5);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.ncert-hero-inner{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--sp-4)}.ncert-hero-content{max-width:580px;flex:1 1 280px}.ncert-hero-stats{display:flex;align-items:center;gap:var(--sp-3);background:#0000002e;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);flex-shrink:0;max-width:100%;box-sizing:border-box}.ncert-stat-item{text-align:center;padding:0 var(--sp-2);flex:1 1 auto;min-width:0}.ncert-stat-val{font-size:var(--text-xl);font-weight:800;line-height:1.2}.ncert-stat-label{font-size:10px;opacity:.85;font-weight:600;margin-top:2px;white-space:nowrap}.ncert-stat-divider{width:1px;height:28px;background:#fff3;flex-shrink:0}@media(max-width:640px){.ncert-hero-banner{padding:var(--sp-4)}.ncert-hero-stats{width:100%;display:flex;justify-content:space-between;padding:var(--sp-2) var(--sp-2);gap:var(--sp-1)}.ncert-stat-item{padding:0 4px}.ncert-stat-val{font-size:var(--text-lg)}.ncert-stat-label{font-size:9.5px;white-space:normal;word-break:keep-all;line-height:1.15}}.duel-lobby-screen,.duel-battle-screen,.duel-victory-screen{max-width:540px;width:100%;margin:0 auto;padding-top:var(--sp-4);padding-bottom:var(--sp-6);box-sizing:border-box}.duel-title{font-size:clamp(22px,5.5vw,30px);font-weight:800;color:var(--neutral-900);line-height:1.25}.duel-subtitle{color:var(--neutral-600);font-size:clamp(12px,3.6vw,14px);margin-top:6px;line-height:1.4;word-wrap:break-word}.duel-room-code-wrapper{text-align:center;margin-bottom:var(--sp-5)}.duel-room-code-badge{font-size:clamp(22px,6vw,32px);font-weight:900;letter-spacing:2.5px;color:var(--neutral-900);margin:8px 0;background:#f0fdf4;padding:8px 16px;border-radius:var(--radius-md);border:1.5px dashed var(--primary-500);display:inline-block;max-width:100%;box-sizing:border-box}.duel-wa-btn{background:#25d366!important;border-color:#25d366!important;color:#fff!important;font-size:clamp(13px,3.8vw,15px);display:flex;align-items:center;justify-content:center;gap:8px;width:100%;white-space:normal;text-align:center;padding:var(--sp-3) var(--sp-4)}.duel-page-layout{display:flex;align-items:flex-start;justify-content:center;gap:var(--sp-6);max-width:1040px;width:100%;margin:0 auto;padding:var(--sp-4) var(--sp-3);box-sizing:border-box}.duel-main-column{flex:1;max-width:580px;width:100%;box-sizing:border-box}.duel-ad-sidebar{width:320px;flex-shrink:0;position:sticky;top:80px;display:flex;flex-direction:column;gap:var(--sp-4);box-sizing:border-box}.ad-slot-box{background:var(--neutral-50);border:1.5px dashed var(--neutral-300);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-4);text-align:center;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--neutral-500);box-sizing:border-box}.ad-slot-label{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--neutral-400);margin-bottom:8px}@media(max-width:991px){.duel-page-layout{flex-direction:column;align-items:center;gap:var(--sp-5)}.duel-ad-sidebar{width:100%;max-width:580px;position:static}.ad-slot-box{min-height:140px}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.progressive-load-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-6);margin-bottom:var(--sp-4);width:100%;text-align:center;box-sizing:border-box}.progressive-load-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);background:var(--white);color:var(--primary-700);border:2px solid var(--primary-200);border-radius:var(--radius-full);padding:10px 22px;font-size:var(--text-sm);font-weight:800;cursor:pointer;box-shadow:0 3px 12px #10b9811f;transition:all var(--transition-bounce);min-height:44px;box-sizing:border-box}.progressive-load-btn:hover{background:var(--primary-50);border-color:var(--primary-400);color:var(--primary-800);transform:translateY(-2px);box-shadow:0 6px 18px #10b98133}.progressive-load-btn:active{transform:translateY(0)}.progressive-load-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.progressive-load-count{font-size:11.5px;font-weight:700;color:var(--neutral-500);letter-spacing:.2px}.progressive-load-spinner{width:16px;height:16px;border:2.5px solid rgba(16,185,129,.25);border-top-color:var(--primary-600);border-radius:50%;animation:progSpin .7s linear infinite;display:inline-block}@keyframes progSpin{to{transform:rotate(360deg)}}.progressive-item-enter{animation:progItemEnter .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes progItemEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.avatar-section-title{font-size:var(--text-sm);font-weight:800;color:var(--neutral-800);text-transform:uppercase;letter-spacing:.6px;margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.avatar-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--sp-2);margin-bottom:var(--sp-4)}@media(max-width:580px){.avatar-picker-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}}.avatar-picker-card{position:relative;background:var(--white);border:1.5px solid var(--neutral-200);border-radius:var(--radius-md);padding:var(--sp-2);display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-xs)}.avatar-picker-card:hover{transform:translateY(-2px);border-color:var(--primary-400);box-shadow:var(--shadow-sm)}.avatar-picker-card.selected{border-color:var(--primary-500);background:#f0fdf4;box-shadow:0 0 0 3px #10b98138,var(--shadow-sm)}.avatar-option-circle{border:2.5px solid transparent!important;background:transparent!important;box-shadow:none!important;border-radius:50%!important;padding:2px!important;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease!important}.avatar-option-circle:hover{transform:scale(1.12)!important;border-color:var(--primary-400)!important;box-shadow:0 4px 12px #10b98133!important}.avatar-option-circle.selected{border-color:var(--primary-500)!important;box-shadow:0 0 0 3px #10b98159,0 4px 12px #10b98140!important;transform:scale(1.08)!important}.avatar-picker-card.locked{background:#f8fafc;border-color:#e2e8f0}.avatar-picker-card.locked:hover{border-color:#cbd5e1;transform:translateY(-1px)}.avatar-card-img-wrap{position:relative;width:48px;height:48px;border-radius:50%;margin-bottom:var(--sp-1);display:flex;align-items:center;justify-content:center}.avatar-card-img{width:100%;height:100%;border-radius:50%;object-fit:cover;transition:transform .2s ease}.avatar-picker-card:hover .avatar-card-img{transform:scale(1.05)}.avatar-picker-card.locked .avatar-card-img{filter:grayscale(.5) brightness(.75) blur(1px)}.avatar-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0f172a66;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.avatar-card-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--primary-600);color:#fff;display:none;align-items:center;justify-content:center;font-size:11px;font-weight:900;box-shadow:0 2px 6px #10b98166}.avatar-picker-card.selected .avatar-card-check{display:flex}.avatar-card-name{font-size:var(--text-xs);font-weight:800;color:var(--neutral-900);line-height:1.2;margin-bottom:2px}.avatar-card-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;margin-bottom:6px}.avatar-picker-card.locked .avatar-card-badge{background:#f1f5f9;color:#64748b}.avatar-picker-card:not(.locked) .avatar-card-badge{background:#ecfdf5;color:#065f46}.avatar-progress-box{width:100%;margin-top:auto;padding-top:4px}.avatar-progress-label{display:flex;justify-content:space-between;font-size:9.5px;font-weight:700;color:var(--neutral-500);margin-bottom:3px}.avatar-progress-track{width:100%;height:5px;background:#e2e8f0;border-radius:4px;overflow:hidden}.avatar-progress-bar{height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:4px;transition:width .3s ease}.avatar-unlock-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--sp-4);animation:fadeIn .25s ease forwards}.avatar-unlock-card{position:relative;background:#fff;border-radius:var(--radius-xl);padding:var(--sp-6) var(--sp-5);max-width:380px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.avatar-unlock-glow{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:180px;height:180px;background:radial-gradient(circle,#10b9814d,#fff0 70%);pointer-events:none}.btn-google-auth{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#374151;border:1.5px solid var(--neutral-300, #d1d5db);font-weight:700;font-size:var(--text-sm, 14px);padding:11px 16px;border-radius:var(--radius-md, 8px);box-shadow:0 1px 2px #0000000d;cursor:pointer;transition:all .15s ease;width:100%}.btn-google-auth:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 2px 4px #00000014;transform:translateY(-1px)}.btn-google-auth:active{background:#f3f4f6;transform:translateY(0)}.auth-separator{display:flex;align-items:center;margin:var(--sp-4, 16px) 0;color:var(--neutral-400, #9ca3af);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.auth-separator:before,.auth-separator:after{content:"";flex:1;height:1px;background:var(--neutral-200, #e5e7eb)}.auth-separator span{padding:0 var(--sp-3, 12px)}.terms-checkbox-group{margin-top:var(--sp-4, 16px);margin-bottom:var(--sp-2, 8px);padding:12px 14px;background:var(--neutral-50, #f9fafb);border:1px solid var(--neutral-200, #e5e7eb);border-radius:var(--radius-lg, 12px);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.terms-checkbox-group:hover{border-color:var(--primary-300, #86efac);background:#f0fdf4}.terms-checkbox-group.terms-agree-error{border-color:var(--error-500, #ef4444);background:var(--error-100, #fee2e2);box-shadow:0 0 0 3px #ef444433;animation:termsShake .4s ease}@keyframes termsShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.terms-checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-sm, 13px);line-height:1.5;color:var(--neutral-700, #2d2d3f);margin:0}.terms-checkbox-input{-moz-appearance:auto;appearance:auto;-webkit-appearance:checkbox;margin-top:3px;width:18px;height:18px;min-width:18px;min-height:18px;accent-color:var(--primary-600, #16a34a);cursor:pointer;border-radius:4px}.terms-checkbox-input:focus-visible{outline:2px solid var(--primary-600, #16a34a);outline-offset:2px}.terms-checkbox-text{flex:1;color:var(--neutral-700, #2d2d3f);font-weight:500}.terms-legal-link{color:var(--primary-700, #128a4f);font-weight:700;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.terms-legal-link:hover{color:var(--primary-900, #0a4a2e);text-decoration:underline}.terms-legal-link:focus-visible{outline:2px solid var(--primary-600, #16a34a);outline-offset:1px;border-radius:2px}.terms-error-text{color:var(--error-600, #dc2626);font-size:var(--text-xs, 12px);font-weight:600;margin-top:6px;padding-left:30px}.auth-split-wrapper{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,40px) clamp(12px,2.5vw,24px);background:radial-gradient(circle at 18% 20%,#e6f9ed,#f4fcf7,#eaf7ee);position:relative;overflow:hidden}.auth-split-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.auth-backdrop-circle{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35}.auth-backdrop-circle.c1{width:380px;height:380px;background:#a7f3d0;top:-60px;left:-80px}.auth-backdrop-circle.c2{width:440px;height:440px;background:#bbf7d0;bottom:-100px;right:-80px}.auth-backdrop-circle.c3{width:260px;height:260px;background:#d1fae5;top:40%;left:30%}.auth-split-card{display:flex;flex-direction:row;width:100%;max-width:980px;min-height:640px;background:#fff;border-radius:28px;border:1px solid rgba(16,185,129,.18);box-shadow:0 24px 60px #064e3b17,0 4px 16px #00000008;overflow:hidden;position:relative;z-index:2}.auth-showcase-panel{flex:1.05;background:linear-gradient(175deg,#f0faf4,#edf9f2 55%,#e6f7ee);padding:clamp(24px,3.5vw,36px) clamp(24px,3.5vw,38px);display:flex;flex-direction:column;justify-content:space-between;position:relative;border-right:1px solid rgba(16,185,129,.12)}.auth-showcase-header{margin-bottom:12px}.auth-showcase-logo{height:44px;width:auto;max-width:220px;object-fit:contain;display:block}.auth-showcase-text{margin-bottom:12px}.auth-showcase-title{font-size:clamp(23px,2.6vw,30px);font-weight:800;color:#0f172a;line-height:1.25;margin:0 0 10px;letter-spacing:-.4px;font-family:var(--font-display, "Space Grotesk", "Plus Jakarta Sans", sans-serif)}.auth-showcase-highlight{color:#059669}.auth-showcase-subtitle{font-size:13.5px;color:#64748b;line-height:1.5;margin:0;max-width:390px;font-weight:500}.auth-illustration-container{display:flex;align-items:center;justify-content:center;margin:8px 0 14px}.auth-illustration-img{width:100%;max-width:340px;height:auto;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(6,78,59,.08));transition:transform .3s ease}.auth-illustration-img:hover{transform:scale(1.02)}.auth-features-bar{display:grid;grid-template-columns:repeat(3,1fr);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(16,185,129,.2);border-radius:18px;padding:12px 14px;gap:8px;margin-bottom:14px;box-shadow:0 4px 14px #064e3b0a}.auth-feature-col{text-align:center;display:flex;flex-direction:column;align-items:center}.auth-feature-circle-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;margin-bottom:4px;background:#d1fae5;color:#059669}.auth-feature-title{font-size:11.5px;font-weight:700;color:#1e293b;line-height:1.2}.auth-feature-desc{font-size:10px;color:#64748b;line-height:1.2;margin-top:1px}.auth-script-footer{display:flex;align-items:center;justify-content:flex-start;padding-top:2px}.auth-script-img{height:38px;width:auto;object-fit:contain;opacity:.95}.auth-form-panel{flex:.95;background:#fff;padding:clamp(28px,4vw,44px) clamp(24px,3.5vw,42px);display:flex;flex-direction:column;justify-content:center;position:relative}.auth-top-switch-bar{position:absolute;top:26px;right:36px;font-size:13px;color:#64748b;font-weight:500}.auth-switch-link{background:none;border:none;color:#059669;font-weight:700;font-size:13px;cursor:pointer;text-decoration:none;margin-left:4px;padding:0;transition:color .15s ease}.auth-switch-link:hover{text-decoration:underline;color:#047857}.auth-form-content{width:100%;max-width:380px;margin:20px auto 0}.btn-google-auth-card{width:100%;height:48px;border:1.5px solid #e2e8f0;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14.5px;font-weight:700;color:#1e293b;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.btn-google-auth-card:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 3px 8px #00000012;transform:translateY(-1px)}.btn-google-auth-card:active{transform:translateY(0)}.btn-google-auth-card:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-card-divider{display:flex;align-items:center;margin:20px 0 18px;color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.8px}.auth-card-divider:before,.auth-card-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.auth-card-divider span{padding:0 12px}.auth-input-group{margin-bottom:16px}.auth-input-label{display:block;font-size:13px;font-weight:700;color:#1e293b;margin-bottom:6px}.auth-input-box{position:relative;display:flex;align-items:center;border:1.5px solid #e2e8f0;border-radius:12px;background:#fff;transition:all .2s ease}.auth-input-box:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.auth-input-lead-icon{position:absolute;left:14px;display:flex;align-items:center;pointer-events:none;color:#64748b}.auth-text-field{width:100%;height:46px;padding:0 42px;border:none;background:transparent;font-size:14px;color:#0f172a;font-weight:500;outline:none;box-sizing:border-box}.auth-text-field::placeholder{color:#94a3b8;font-weight:400}.auth-input-trail-btn{position:absolute;right:12px;background:none;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .15s ease}.auth-input-trail-btn:hover{color:#059669}.auth-terms-group{margin:16px 0 20px;transition:all .2s ease}.auth-terms-group.terms-agree-error{animation:termsShake .4s ease;padding:8px 10px;border:1px solid var(--error-500, #ef4444);border-radius:10px;background:var(--error-100, #fee2e2)}.auth-terms-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:12.5px;line-height:1.45;color:#475569;-webkit-user-select:none;user-select:none;margin:0}.auth-terms-checkbox{margin-top:2px;width:18px;height:18px;min-width:18px;accent-color:#059669;cursor:pointer;border-radius:4px}.auth-legal-link{color:#059669;font-weight:700;text-decoration:underline;text-underline-offset:2px}.auth-legal-link:hover{color:#047857}.btn-auth-action-green{width:100%;height:48px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #0596694d}.btn-auth-action-green:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 18px #05966961;transform:translateY(-1px)}.btn-auth-action-green:active{transform:translateY(0)}.btn-auth-action-green:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-optional-prefs-wrap{margin-top:14px;text-align:center}.auth-prefs-toggle-btn{background:none;border:none;color:#64748b;font-size:11.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;transition:all .15s ease}.auth-prefs-toggle-btn:hover{color:#059669;background:#f0fdf4}.auth-optional-prefs-content{margin-top:10px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;text-align:left}.auth-mini-group{margin-bottom:8px}.auth-mini-label{display:block;font-size:11px;font-weight:700;color:#475569;margin-bottom:4px}.auth-exam-chips{display:flex;gap:6px;flex-wrap:wrap}.auth-chip{padding:4px 10px;font-size:11.5px;font-weight:600;border:1px solid #cbd5e1;background:#fff;border-radius:16px;cursor:pointer;transition:all .15s ease}.auth-chip.selected{background:#d1fae5;border-color:#10b981;color:#065f46}.auth-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-mini-select{width:100%;height:32px;font-size:12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;padding:0 6px;outline:none}@media(max-width:880px){.auth-split-card{flex-direction:column;max-width:480px;min-height:auto;border-radius:20px}.auth-showcase-panel{padding:24px 20px;border-right:none;border-bottom:1px solid rgba(16,185,129,.12)}.auth-form-panel{padding:24px 20px}.auth-top-switch-bar{position:static;margin-bottom:16px;text-align:right}.auth-features-bar{padding:8px 10px}.auth-illustration-img{max-width:240px}}