.mob-tab-bar,.mob-drawer,.mob-drawer-overlay{display:none}@media (max-width:900px){.dashboard-layout{min-height:100svh;flex-direction:column!important;height:auto!important;overflow:visible!important}.dashboard-sidebar{display:none!important}.dashboard-main-content{min-height:100svh;width:100%!important;padding:1rem .875rem 5.5rem!important;overflow:hidden visible!important}.dashboard-main-content .container{padding-left:0!important;padding-right:0!important}.mob-tab-bar{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:9000;height:60px;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);align-items:stretch;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000014;display:flex!important}.mob-tab-item{color:var(--color-text-muted);letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 4px 10px;font-size:.7rem;font-weight:700;text-decoration:none;transition:color .18s,background .18s;display:flex;position:relative}.mob-tab-item.active{color:var(--color-primary)}.mob-tab-item.active:after{content:"";background:var(--color-primary);border-radius:0 0 3px 3px;height:2.5px;position:absolute;top:0;left:20%;right:20%}.mob-tab-item svg{flex-shrink:0}.mob-drawer-overlay{z-index:9100;opacity:0;pointer-events:none;background:#00000073;transition:opacity .22s;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.mob-drawer-overlay.open{opacity:1;pointer-events:all}.mob-drawer{background:var(--color-surface);z-index:9200;padding:0 0 calc(env(safe-area-inset-bottom) + 1rem);border-radius:1.25rem 1.25rem 0 0;max-height:85svh;transition:transform .28s cubic-bezier(.22,1,.36,1);display:block;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.mob-drawer.open{transform:translateY(0)}.mob-drawer-handle{background:var(--color-border);border-radius:2px;width:36px;height:4px;margin:.75rem auto 1rem}.mob-drawer-item{color:var(--color-text-main);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:.875rem;width:100%;padding:.85rem 1.25rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.mob-drawer-item:active{background:var(--color-background)}.mob-drawer-item.active{color:var(--color-primary)}.mob-drawer-section{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:.5rem 1.25rem .2rem;font-size:.65rem;font-weight:800}.mob-drawer-divider{background:var(--color-border);height:1px;margin:.5rem 1.25rem}.mob-drawer-xp{color:#fff;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border-radius:12px;align-items:center;gap:.75rem;margin:0 1.25rem .5rem;padding:.75rem 1rem;font-size:.82rem;font-weight:700;display:flex}.mob-drawer-xp-num{font-size:1.1rem;font-weight:900}.db-page{padding:0}.db-hero{border-radius:0;margin:0 -.875rem}.db-grid{grid-template-columns:1fr;gap:1rem;margin-top:1.2rem;padding:0!important}.db-quick{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.onboarding-header .nav-links{display:none}.hero-section .hero-grid{grid-template-columns:1fr}.ui-mockup-wrapper{display:none}.hero-text{text-align:center}.hero-btn-group{flex-direction:column;align-items:stretch}.guarantee-inner{flex-wrap:wrap;gap:.5rem}.guarantee-item{flex:calc(50% - .5rem);min-width:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.problem-grid{grid-template-columns:1fr}.section-how{flex-direction:column;gap:2rem}.features-grid{grid-template-columns:1fr}.comparison-wrap{overflow-x:auto}.testimonials-grid{grid-template-columns:1fr}}@media (max-width:900px){.prof-page{padding:0}.prof-hero{border-radius:0}.db-xp-toast{bottom:5rem}}@media (max-width:768px){.analytics-page{padding:.75rem 0}.analytics-grid,.an-skills-grid{grid-template-columns:1fr!important}.an-stat-grid{grid-template-columns:repeat(2,1fr)!important}.ep-exam-layout{flex-direction:column!important;gap:0!important}.ep-left-pane,.ep-right-pane{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important}.ep-divider{display:none!important}.ep-results-inner{padding:1.25rem .875rem}.ep-res-sections{grid-template-columns:1fr!important}.wp-split{flex-direction:column!important;overflow-y:auto!important}.wp-prompt-pane,.wp-editor-pane{border-bottom:1px solid var(--color-border);min-height:280px;border-right:none!important;width:100%!important;height:auto!important}.wp-divider{display:none!important}.sp-page{padding:.75rem .875rem 1rem}.sp-card{padding:1.2rem 1rem}.vocab-card-area{padding:.75rem}.lp-grid{grid-template-columns:1fr!important}.chat-page{padding:.75rem .875rem}}@media (max-width:900px){.plan-page>header{margin-bottom:1.5rem!important}.plan-page>header h1{font-size:1.4rem!important}.plan-page .glass-panel{flex-wrap:wrap!important;align-items:flex-start!important;gap:.75rem!important;padding:.875rem 1rem!important}.plan-page .glass-panel>div:first-child{flex:auto!important;gap:.875rem!important;min-width:0!important}.plan-page .glass-panel>div:first-child>div:first-child{min-width:52px!important;padding:.6rem .5rem!important}.plan-page .glass-panel>div:first-child>div:first-child strong{font-size:1.15rem!important}.plan-page .glass-panel>button{align-self:flex-start!important;padding:.55rem 1rem!important;font-size:.85rem!important}}@media (max-width:768px){html,body{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box}img,video,iframe,table,pre,code,svg{max-width:100%}main,header,footer,section{max-width:100vw}}@media (max-width:900px){[style*="position: fixed"][style*="bottom: 1.5rem"][style*="left: 50%"]{bottom:calc(76px + env(safe-area-inset-bottom))!important}}@media (max-width:700px){.prof-identity{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;margin-top:-52px!important}.prof-identity-info{width:100%;min-width:0;padding-top:.5rem!important}.prof-name-row{flex-wrap:wrap;gap:.5rem!important}.prof-name-input{flex:60%;min-width:0;font-size:1.25rem!important}.prof-save-btn{flex:none;padding:.4rem .75rem!important}.prof-meta-row{flex-wrap:wrap!important;gap:.5rem!important}.prof-meta-item{text-overflow:ellipsis;white-space:nowrap;max-width:60vw;overflow:hidden;font-size:.78rem!important}.prof-cover-edit-btn,.prof-logout-fab{padding:.35rem .7rem!important;font-size:.7rem!important}}@media (max-width:600px){.db-chips{width:100%;grid-template-columns:repeat(4,1fr)!important;gap:.45rem!important;display:grid!important}.db-chip{min-width:0!important;padding:.55rem .4rem!important}.db-chip-val{font-size:.9rem!important}.db-chip-lbl{letter-spacing:.04em;font-size:.58rem!important}}@media (max-width:500px){[class*=mock-card],[class*=exam-card],.mock-list-card{padding:.875rem .75rem!important}[class*=mock-card]>div:last-child,[class*=exam-card]>div:last-child{flex-wrap:wrap!important;gap:.4rem!important}[class*=mock-card] .btn,[class*=exam-card] .btn,.mock-list-card a[class*=btn]{padding:.4rem .7rem!important;font-size:.78rem!important}}@media (max-width:480px){.onboarding-header .nav-actions,nav .nav-actions{gap:.4rem!important}.onboarding-header .btn-primary.btn-sm{padding:.45rem .75rem!important}}@media (max-width:500px){.px-live-strip{gap:.4rem!important;padding:.45rem .75rem!important;font-size:.74rem!important}.px-live-sep{display:none}}@media (max-width:900px){html,body{overflow-x:hidden!important}}@media (max-width:600px){.db-chips{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.4rem!important;width:100%!important;display:grid!important}.db-chip{overflow:hidden;min-width:0!important;padding:.55rem .3rem!important}.db-chip-val{line-height:1;font-size:.88rem!important}.db-chip-lbl{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;letter-spacing:.03em!important;font-size:.56rem!important}.db-lb-row{gap:.5rem!important;padding:.55rem .5rem!important}.db-lb-rank{min-width:22px!important;font-size:.78rem!important}.db-lb-av{flex-shrink:0;font-size:.85rem;width:32px!important;height:32px!important}.db-lb-info{flex:auto;min-width:0}.db-lb-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;font-size:.84rem!important}.db-lb-streak-tag{font-size:.7rem!important}.db-lb-score{text-align:right;min-width:42px;flex-shrink:0!important}.db-lb-score>span:first-child{color:var(--color-primary);font-weight:800;font-size:.92rem!important}.db-lb-score-lbl{font-size:.6rem!important}}.mob-drawer-item{text-align:left}.mob-drawer-item[type=button]{cursor:pointer;width:100%}:root{--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", system-ui, -apple-system, sans-serif;--color-background:#f7f7ff;--color-background-alt:#eeeef8;--color-background-glass:#f7f7ffd9;--color-page:#f7f7ff;--color-section-alt:#eeeef8;--color-surface:#fff;--color-surface-alt:#f1f0ff;--color-dark:#0d1137;--color-dark-alt:#111827;--color-border:#e4e4f0;--color-primary:#5b50e8;--color-primary-soft:#eef2ff;--color-secondary:#06b6d4;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#f43f5e;--color-purple:#8b5cf6;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-text-light:#94a3b8;--bg-error:#fff1f2;--bg-warning:#fffbeb;--bg-info:#eef2ff;--bg-success:#f0fdf4;--radius-2xl:24px;--radius-xl:16px;--radius-lg:10px;--radius-full:999px;--radius-pill:999px;--radius-inner:8px;--gradient-primary:linear-gradient(135deg, #5b50e8 0%, #8b5cf6 100%);--gradient-dark:linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #1e1b4b 100%);--gradient-subtle:linear-gradient(180deg, #f7f7ff 0%, #eeeef8 100%);--shadow-sm:0 1px 4px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 20px 40px #0000001a;--shadow-indigo:0 8px 32px #5b50e82e;--transition-normal:.2s ease-out}[data-theme=dark]{--color-background:#0f172a;--color-background-alt:#1e293b;--color-background-glass:#0f172ad9;--color-page:#0f172a;--color-section-alt:#1e293b;--color-surface:#1e293b;--color-surface-alt:#0f172a;--color-border:#334155;--color-text-main:#f8fafc;--color-text-muted:#94a3b8;--color-text-light:#64748b;--gradient-subtle:linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--color-primary-soft:#5b50e826;--bg-success:#10b9811f;--bg-error:#f43f5e1f;--bg-warning:#f59e0b1f;--bg-info:#5b50e826}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-main);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-normal), color var(--transition-normal);-webkit-user-select:none;user-select:none;line-height:1.6}.allow-select{-webkit-user-select:text!important;user-select:text!important}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;line-height:1.1}.h1-hero{font-size:clamp(2.8rem,5vw,58px);font-weight:900;line-height:1.1}h2{font-size:clamp(2rem,3.5vw,42px);font-weight:800}h3{font-size:1.25rem;font-weight:700}.gradient-text{background:linear-gradient(90deg,#5b50e8,#06b6d4,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--color-primary);margin-bottom:.75rem;font-size:11px;font-weight:700;display:block}.container{box-sizing:border-box;width:100%;max-width:1140px;margin:0 auto;padding:0 clamp(.875rem,4vw,2rem)}.btn{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);font-size:.95rem;font-weight:600;font-family:var(--font-family);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);box-shadow:0 4px 14px #5b50e84d;color:#fff!important}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 24px #5b50e859}.btn-secondary{background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-text-main)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost{color:var(--color-text-muted);background:0 0;padding:.5rem}.btn-ghost:hover{background:var(--color-background-alt);color:var(--color-primary)}.glass-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.glass-panel:hover{box-shadow:var(--shadow-md);border-color:#5b50e826}.badge{border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-error{background:var(--bg-error);color:var(--color-error)}.badge-warning{background:var(--bg-warning);color:var(--color-warning)}.badge-info{background:var(--bg-info);color:var(--color-primary)}.badge-success{background:var(--bg-success);color:var(--color-success)}.badge-teal{color:#0369a1;background:#e0f2fe}.icon-btn-outline{border-radius:var(--radius-lg);border:1.5px solid var(--color-border);background:var(--color-surface);width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.badge-float{background:var(--color-error);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grid{gap:1.5rem;display:grid}.flex{align-items:center;gap:1rem;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-light{color:var(--color-text-light)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-warning{color:var(--color-warning)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.dash-top-bar{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.dash-top-actions{align-items:center;gap:.75rem;display:flex}html{scroll-behavior:smooth}:focus-visible{outline:2.5px solid var(--color-primary);outline-offset:3px;border-radius:6px}@keyframes global-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--color-background-alt) 25%, var(--color-surface) 50%, var(--color-background-alt) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite global-shimmer}@keyframes global-float-up{0%{opacity:1;transform:translateY(0)}50%{opacity:.9;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes global-orb-float{0%,to{transform:translateY(0)scale(1)}33%{transform:translateY(-18px)scale(1.04)}66%{transform:translateY(-9px)scale(.97)}}@keyframes global-pop-in{0%{opacity:0;transform:scale(0)rotate(-12deg)}70%{opacity:1;transform:scale(1.12)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes global-flame{0%,to{transform:scale(1)rotate(-3deg)}50%{transform:scale(1.25)rotate(4deg)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}@keyframes pulse-ring{0%{box-shadow:0 0}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.anim-slide-up{animation:.4s cubic-bezier(.22,1,.36,1) both slide-up-fade}@keyframes pulse-glow{0%,to{box-shadow:0 0 #5b50e866}50%{box-shadow:0 0 0 8px #5b50e800}}.anim-pulse-glow{animation:2s ease-in-out infinite pulse-glow}@keyframes bounce-in{0%{opacity:0;transform:scale(.6)translateY(20px)}60%{transform:scale(1.06)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.anim-bounce-in{animation:.45s cubic-bezier(.34,1.56,.64,1) both bounce-in}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.anim-shimmer{background:linear-gradient(90deg, var(--color-border) 25%, var(--color-surface-alt) 50%, var(--color-border) 75%);background-size:800px 100%;animation:1.6s linear infinite shimmer}@keyframes float-up-fade{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-60px)scale(1.2)}}.anim-float-up{animation:1.4s ease-out both float-up-fade}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.2)}70%{transform:scale(1)}}.anim-heartbeat{animation:1.4s ease-in-out infinite heartbeat}@keyframes rotate-spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite rotate-spin}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.anim-fade-in{animation:.3s both fade-in}.plan-meta-chip{background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.82rem;font-weight:600;line-height:1;display:inline-flex}