@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Fredoka+One&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--p:#7C3AED;--pl:#EDE9FE;--pd:#5B21B6;--p2:#DDD6FE;--y:#F59E0B;--yl:#FEF3C7;--yd:#D97706;--g:#10B981;--gl:#D1FAE5;--gd:#059669;--pk:#EC4899;--pkl:#FCE7F3;--pkd:#DB2777;--b:#3B82F6;--bl:#DBEAFE;--bd:#2563EB;--o:#F97316;--ol:#FFEDD5;--r:#EF4444;--rl:#FEE2E2;--bg:#F5F0FF;--w:#FFFFFF;--tx:#1E1B4B;--txm:#6B7280;--cs:0 4px 24px rgba(124,58,237,.13);--csh:0 8px 32px rgba(124,58,237,.22);--rad:20px;--rads:12px }body{font-family:Nunito,system-ui,sans-serif;background:var(--bg);color:var(--tx);overflow-x:hidden;min-height:100vh}#root{min-height:100vh}.app-shell{width:min(100%,480px);margin:0 auto;background:var(--bg);box-shadow:0 0 0 1px #7c3aed0f}.hidden{display:none!important}.screen{min-height:100vh;padding-bottom:90px}a{color:inherit;text-decoration:none}button{font:inherit}@media(min-width:768px){body{background:linear-gradient(180deg,#efe7ff,#f9f6ff)}.app-shell{border-left:1px solid rgba(124,58,237,.08);border-right:1px solid rgba(124,58,237,.08)}}.portal-page{max-width:1280px;margin:0 auto;padding:32px 24px 48px}.portal-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;position:sticky;top:0;z-index:120;padding:18px 0 16px;background:#f5f0ffeb;backdrop-filter:blur(12px)}.portal-brand-block{display:flex;align-items:center}.portal-brand-mark{display:inline-flex;align-items:center;font-family:Fredoka One,system-ui,sans-serif;font-size:32px;line-height:1;color:var(--p);letter-spacing:.01em}.portal-eyebrow,.portal-section-kicker,.portal-panel-label,.portal-kicker{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--p)}.portal-title{font-size:40px;line-height:1.05;margin-top:6px}.portal-nav{display:flex;gap:18px;align-items:center;font-weight:800;color:var(--txm)}.portal-nav a:hover{color:var(--p)}.portal-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:20px;margin-bottom:20px}.portal-hero-copy,.portal-hero-panel{background:var(--w);border-radius:28px;box-shadow:var(--cs);padding:28px}.portal-hero-copy{background:linear-gradient(135deg,#fff,#f7f1ff)}.portal-hero-copy h2{font-size:42px;line-height:1.05;margin-top:10px;max-width:12ch}.portal-hero-copy p{margin-top:14px;font-size:16px;line-height:1.6;color:var(--txm);max-width:62ch}.portal-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.portal-hero-panel{background:linear-gradient(135deg,#1e1b4b,#4c1d95);color:#fff}.portal-hero-name{font-size:30px;font-weight:900;margin-top:8px}.portal-level-row{display:flex;justify-content:space-between;gap:12px;margin:18px 0 8px;font-size:13px;font-weight:800;color:#ffffffc7}.portal-hero-panel .lvlxpb{background:#ffffff29}.portal-hero-note{margin-top:18px;padding:14px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);border-radius:16px;font-size:14px;line-height:1.5;color:#ffffffe0}.portal-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.portal-stat-card,.portal-card{background:var(--w);border-radius:24px;box-shadow:var(--cs);padding:22px}.portal-stat-label{font-size:12px;font-weight:800;color:var(--txm)}.portal-stat-value{font-size:34px;font-weight:900;margin-top:8px}.portal-stat-meta{font-size:13px;color:var(--txm);margin-top:6px}.portal-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:20px}.portal-main-column,.portal-side-column{display:flex;flex-direction:column;gap:20px}.portal-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.portal-section-head h3{font-size:24px;margin-top:4px}.portal-section-head a,.portal-section-head span{font-size:13px;font-weight:800;color:var(--p)}.portal-subject-list,.portal-feed,.portal-rec-list{display:flex;flex-direction:column;gap:14px}.portal-subject-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);gap:20px;padding:18px;border-radius:18px;background:#faf8ff}.portal-subject-meta{display:flex;gap:14px;align-items:flex-start}.portal-subject-icon{width:46px;height:46px;border-radius:14px;background:var(--pl);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.portal-subject-name{font-size:17px;font-weight:900}.portal-subject-summary{margin-top:4px;font-size:14px;line-height:1.5;color:var(--txm)}.portal-progress-block{align-self:center}.portal-progress-label{font-size:13px;font-weight:800;color:var(--txm);margin-bottom:8px}.portal-progress-bar{height:12px;border-radius:999px;background:#e7e5ef;overflow:hidden}.portal-progress-bar div{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--p),var(--pk))}.portal-task-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.portal-task-card{padding:18px;border-radius:18px;background:linear-gradient(180deg,#fcfbff,#f4efff);border:1px solid rgba(124,58,237,.08)}.portal-task-title{font-size:17px;font-weight:900}.portal-task-detail{margin:8px 0 16px;font-size:14px;line-height:1.5;color:var(--txm)}.portal-feed-item{padding-bottom:14px;border-bottom:1px solid #f0ecfa}.portal-feed-item:last-child{border-bottom:none;padding-bottom:0}.portal-feed-title{font-size:15px;font-weight:900}.portal-feed-detail{margin-top:6px;font-size:14px;line-height:1.5;color:var(--txm)}.portal-feed-time{margin-top:8px;font-size:12px;font-weight:800;color:var(--p)}.portal-card-accent{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff}.portal-card-accent .portal-section-kicker,.portal-card-accent h3{color:#fff}.portal-rec-item{padding:14px 16px;border-radius:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);line-height:1.5}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 24px}.auth-shell{width:min(100%,1120px);display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);gap:20px}.auth-panel{background:var(--w);border-radius:28px;box-shadow:var(--cs);padding:32px}.auth-panel-brand{background:linear-gradient(135deg,#1e1b4b,#5b21b6);color:#fff}.auth-brand{display:inline-block;font-family:Fredoka One,system-ui,sans-serif;font-size:34px;color:#c4b5fd;margin-bottom:28px}.auth-panel-brand h1{font-size:38px;line-height:1.08;margin-top:10px}.auth-panel-brand p{margin-top:14px;color:#ffffffd1;font-size:15px;line-height:1.6}.auth-feature-list{display:flex;flex-direction:column;gap:12px;margin-top:24px}.auth-feature-item,.auth-profile-card{padding:16px 18px;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);line-height:1.5}.auth-form-head h2{font-size:28px}.auth-form-head p{margin-top:8px;color:var(--txm)}.auth-form{display:flex;flex-direction:column;gap:16px;margin-top:24px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-field span{font-size:13px;font-weight:800;color:var(--tx)}.auth-field input{width:100%;border:2px solid #e8e2f4;border-radius:16px;padding:14px 16px;font-size:15px;color:var(--tx);background:#fcfbff;outline:none;transition:border-color .2s,box-shadow .2s}.auth-field input:focus{border-color:var(--p);box-shadow:0 0 0 4px #7c3aed1f}.auth-field select{width:100%;border:2px solid #e8e2f4;border-radius:16px;padding:14px 16px;font-size:15px;color:var(--tx);background:#fcfbff;outline:none;transition:border-color .2s,box-shadow .2s}.auth-field select:focus{border-color:var(--p);box-shadow:0 0 0 4px #7c3aed1f}.auth-submit{margin-top:8px}.auth-submit:disabled{opacity:.72;cursor:progress}.auth-switch{margin-top:18px;font-size:14px;color:var(--txm)}.auth-switch a{color:var(--p);font-weight:800}.auth-profile-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#ffffffb8}.auth-profile-value{margin-top:8px;font-size:22px;font-weight:900}.auth-profile-sub{margin-top:4px;color:#ffffffd1}.auth-message{margin-top:16px;padding:14px 16px;border-radius:16px;background:var(--rl);color:var(--r);font-size:14px;font-weight:700;line-height:1.5}.auth-message.is-success{background:var(--gl);color:var(--gd)}@media(max-width:1024px){.portal-hero,.portal-grid{grid-template-columns:1fr}.portal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-task-list,.auth-shell{grid-template-columns:1fr}}@media(max-width:720px){.portal-page{padding:20px 16px 36px}.portal-topbar,.portal-section-head,.portal-subject-row{display:block}.portal-nav{margin-top:12px;flex-wrap:wrap;gap:12px}.portal-title,.portal-hero-copy h2{font-size:30px}.portal-brand-mark{font-size:26px}.portal-stats{grid-template-columns:1fr}.portal-subject-row{padding:16px}.portal-progress-block{margin-top:14px}}.bnav{position:fixed;bottom:0;left:0;right:0;background:var(--w);border-top:2px solid var(--pl);display:flex;z-index:200;box-shadow:0 -4px 20px #7c3aed1a}.nbtn{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 4px 8px;gap:3px;border:none;background:none;cursor:pointer;transition:all .2s;font-family:Nunito,sans-serif;position:relative}.nbtn .ni{font-size:22px;transition:transform .2s}.nbtn .nl{font-size:10px;font-weight:800;color:var(--txm);transition:color .2s}.nbtn.active .nl{color:var(--p)}.nbtn.active .ni{transform:translateY(-3px)}.nbtn.active{background:linear-gradient(to top,var(--pl),transparent)}.nbtn .nbadge{position:absolute;top:6px;right:18%;width:8px;height:8px;border-radius:50%;background:var(--r);border:2px solid var(--w)}.card{background:var(--w);border-radius:var(--rad);box-shadow:var(--cs);padding:20px}.csm{background:var(--w);border-radius:var(--rads);box-shadow:var(--cs);padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Nunito,sans-serif;font-weight:800;border:none;border-radius:50px;cursor:pointer;transition:all .2s}.btp{background:var(--p);color:#fff;padding:14px 28px;font-size:16px;box-shadow:0 4px 15px #7c3aed66}.btp:hover{background:var(--pd);transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed80}.bts{background:var(--w);color:var(--p);padding:12px 24px;font-size:15px;border:2.5px solid var(--p)}.bts:hover{background:var(--pl)}.btlg{padding:18px 40px;font-size:18px}.btfw{width:100%}.bta{background:var(--w);color:var(--tx);padding:14px 20px;font-size:15px;border:2.5px solid #E5E7EB;border-radius:16px;width:100%;text-align:left;font-family:Nunito,sans-serif;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:10px}.bta:hover{border-color:var(--p);background:var(--pl)}.bta.sel{border-color:var(--p);background:var(--pl);color:var(--pd)}.bta.ok{border-color:var(--g);background:var(--gl);color:var(--gd)}.bta.ng{border-color:var(--r);background:var(--rl);color:var(--r)}.bta .altr{margin-left:auto;font-size:18px}.sh{display:flex;justify-content:space-between;align-items:center;padding:0 16px;margin:20px 0 12px}.st{font-size:18px;font-weight:900;color:var(--tx)}.sl{font-size:13px;font-weight:700;color:var(--p);cursor:pointer}.hh{background:linear-gradient(135deg,#6d28d9,#ec4899);padding:28px 20px 44px;position:relative;overflow:hidden}.hh:before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;background:#ffffff14;border-radius:50%}.hh:after{content:"";position:absolute;bottom:-90px;left:-50px;width:260px;height:260px;background:#ffffff0d;border-radius:50%}.greet{color:#ffffffd9;font-size:14px;font-weight:700}.cname{color:#fff;font-family:Fredoka One,system-ui,sans-serif;font-size:26px;margin-top:2px}.mcard{background:#ffffff26;border-radius:20px;padding:14px 16px;margin-top:14px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.25)}.mascot{font-size:44px;animation:mf 3s ease-in-out infinite}@keyframes mf{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mspeech{color:#fff;font-size:13px;font-weight:700;line-height:1.5}.mspeech span{display:block;font-size:12px;font-weight:600;opacity:.85;margin-top:3px}.xpw{background:#fff3;border-radius:20px;height:10px;margin-top:10px;overflow:hidden}.xpf{background:var(--y);height:100%;border-radius:20px;transition:width 1.2s ease}.xpi{display:flex;justify-content:space-between;margin-top:5px;color:#ffffffd9;font-size:11px;font-weight:700}.srow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 14px;margin-top:-22px}.scard{background:var(--w);border-radius:var(--rads);box-shadow:var(--cs);padding:12px 8px;text-align:center}.si{font-size:20px}.sv{font-size:18px;font-weight:900;color:var(--tx);margin-top:2px}.slb{font-size:10px;color:var(--txm);font-weight:700}.combo-bar{margin:16px 16px 0;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:var(--rad);padding:14px 18px;display:flex;align-items:center;gap:14px}.combo-fire{font-size:32px;animation:cf .5s ease infinite alternate}@keyframes cf{0%{transform:scale(1)}to{transform:scale(1.15)}}.combo-info{flex:1}.combo-label{color:#ffffffbf;font-size:12px;font-weight:700}.combo-val{color:#fcd34d;font-family:Fredoka One,system-ui,sans-serif;font-size:22px}.combo-track{display:flex;gap:4px;margin-top:6px}.combo-dot{width:20px;height:8px;border-radius:4px;background:#ffffff26;transition:all .3s}.combo-dot.lit{background:var(--y)}.combo-dot.full{background:var(--r);animation:pulse .6s infinite alternate}@keyframes pulse{0%{opacity:.7}to{opacity:1}}.dc{margin:14px 16px 0;background:linear-gradient(135deg,#1e1b4b,#4c1d95);border-radius:var(--rad);padding:18px;position:relative;overflow:hidden}.dcbadge{background:var(--y);color:#92400e;font-size:11px;font-weight:900;padding:4px 10px;border-radius:20px;display:inline-block;margin-bottom:8px}.dct{color:#fff;font-family:Fredoka One,system-ui,sans-serif;font-size:19px}.dcd{color:#ffffffbf;font-size:13px;margin-top:3px;font-weight:600}.dcrow{display:flex;align-items:center;gap:8px;margin-top:10px}.dcbtn{background:var(--y);color:#92400e;padding:11px 20px;border-radius:50px;font-weight:900;font-size:14px;border:none;cursor:pointer;transition:all .2s;display:inline-block;margin-top:12px}.dcbtn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b80}.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px}.sc{border-radius:var(--rads);padding:16px 14px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.sc:hover{transform:translateY(-3px);box-shadow:var(--csh)}.sc .si2{font-size:28px}.sc .sn{font-family:Fredoka One,system-ui,sans-serif;font-size:16px;margin-top:5px}.sc .sp{font-size:11px;font-weight:700;margin-top:3px;opacity:.85}.sc .sb{height:5px;border-radius:10px;background:#ffffff4d;margin-top:8px}.sc .sbf{height:100%;border-radius:10px;background:#fffc;transition:width 1s}.sc .sweak{position:absolute;top:8px;right:8px;background:#ffffff40;color:#fff;font-size:9px;font-weight:900;padding:2px 7px;border-radius:10px}.sm{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.se{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff}.sv2{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.snv{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff}.ascroll{display:flex;gap:10px;padding:0 16px;overflow-x:auto;scrollbar-width:none}.achip{background:var(--w);border-radius:50px;padding:7px 12px 7px 9px;display:flex;align-items:center;gap:7px;box-shadow:var(--cs);white-space:nowrap;flex-shrink:0}.achip.new-ach{border:2px solid var(--y);animation:achpop .6s cubic-bezier(.17,.67,.45,1.41)}@keyframes achpop{0%{transform:scale(.8)}to{transform:scale(1)}}.ai{font-size:18px}.an{font-size:12px;font-weight:800;color:var(--tx)}.ph{background:linear-gradient(135deg,#3b82f6,#8b5cf6);padding:22px 20px 30px}.ph h2{font-family:Fredoka One,system-ui,sans-serif;font-size:24px;color:#fff}.ph p{color:#fffc;font-size:14px;font-weight:600}.tgrid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:14px 16px}.tc{background:var(--w);border-radius:var(--rads);box-shadow:var(--cs);padding:16px 13px;cursor:pointer;transition:all .2s;border:2.5px solid transparent;position:relative}.tc:hover{border-color:var(--p);transform:translateY(-2px)}.tc .ti{font-size:26px}.tc .tn{font-weight:900;font-size:13px;color:var(--tx);margin-top:7px}.tc .ts{font-size:11px;color:var(--txm);font-weight:600;margin-top:2px}.tc .tacc{position:absolute;top:8px;right:8px;font-size:10px;font-weight:900;padding:2px 7px;border-radius:10px}.tacc.hi{background:var(--gl);color:var(--gd)}.tacc.md{background:var(--yl);color:var(--yd)}.tacc.lo{background:var(--rl);color:var(--r)}.drow{display:flex;gap:8px;padding:0 16px;margin-bottom:4px}.dbtn{flex:1;padding:9px;border:2px solid #E5E7EB;border-radius:50px;background:#fff;font-family:Nunito,sans-serif;font-weight:800;font-size:12px;color:var(--txm);cursor:pointer;transition:all .2s}.dbtn.active{border-color:var(--p);background:var(--pl);color:var(--pd)}.mock-entry{margin:0 16px 16px;background:linear-gradient(135deg,#064e3b,#065f46);border-radius:var(--rad);padding:20px;position:relative;overflow:hidden}.mebadge{background:#34d399;color:#064e3b;font-size:11px;font-weight:900;padding:4px 10px;border-radius:20px;display:inline-block;margin-bottom:8px}.met{color:#fff;font-family:Fredoka One,system-ui,sans-serif;font-size:20px}.med{color:#fffc;font-size:13px;margin-top:4px;font-weight:600}.meinfo{display:flex;gap:16px;margin-top:12px}.meinfo-item{display:flex;align-items:center;gap:5px;color:#ffffffbf;font-size:12px;font-weight:700}.me-btn{background:#34d399;color:#064e3b;padding:11px 22px;border-radius:50px;font-weight:900;font-size:14px;border:none;cursor:pointer;margin-top:14px;transition:all .2s;display:inline-block}.qh{background:var(--w);padding:14px 16px;display:flex;align-items:center;gap:10px;border-bottom:2px solid var(--pl);position:sticky;top:0;z-index:100}.qback{font-size:22px;cursor:pointer;background:none;border:none;padding:4px}.qpw{flex:1}.qpb{height:12px;background:#e5e7eb;border-radius:20px;overflow:hidden}.qpf{height:100%;background:linear-gradient(90deg,var(--p),var(--pk));border-radius:20px;transition:width .5s ease}.qm{display:flex;justify-content:space-between;margin-top:4px;font-size:11px;font-weight:700;color:var(--txm)}.qsp{background:var(--yl);color:#92400e;font-size:13px;font-weight:900;padding:5px 12px;border-radius:50px}.qbadge{padding:16px 16px 0}.stag{display:inline-flex;align-items:center;gap:6px;background:var(--pl);color:var(--pd);font-size:12px;font-weight:800;padding:5px 12px;border-radius:50px}.qcard{margin:14px 16px;background:var(--w);border-radius:var(--rad);box-shadow:var(--cs);padding:20px}.qnum{font-size:12px;font-weight:700;color:var(--txm);margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.qdifficulty{font-size:11px;font-weight:900;padding:2px 8px;border-radius:10px}.qd-easy{background:var(--gl);color:var(--gd)}.qd-med{background:var(--yl);color:var(--yd)}.qd-hard{background:var(--rl);color:var(--r)}.qtxt{font-size:16px;font-weight:800;line-height:1.5;color:var(--tx)}.qvis{background:var(--pl);border-radius:var(--rads);padding:14px;margin-top:12px;text-align:center;font-size:22px;font-weight:900;color:var(--pd);line-height:1.6}.agrid{padding:0 16px;display:flex;flex-direction:column;gap:9px}.qact{padding:14px 16px}.timer-wrap{display:flex;align-items:center;gap:6px}.timer-ring{width:36px;height:36px;position:relative}.timer-ring svg{transform:rotate(-90deg)}.timer-ring .trb{fill:none;stroke:#e5e7eb;stroke-width:3}.timer-ring .trf{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .9s linear,stroke .3s}.timer-val{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:900;color:var(--tx)}.mock-time-banner{background:#1e1b4b;color:#fcd34d;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:14px;position:sticky;top:62px;z-index:99}.expcard{margin:10px 16px;border-radius:var(--rad);overflow:hidden}.exph{padding:13px 16px;display:flex;align-items:center;gap:9px}.exph-ok{background:var(--g)}.exph-ng{background:var(--r)}.exphtxt{color:#fff;font-weight:900;font-size:14px}.expb{background:var(--w);padding:14px 16px;box-shadow:var(--cs)}.estep{display:flex;gap:9px;margin-bottom:10px}.estepn{width:24px;height:24px;border-radius:50%;background:var(--pl);color:var(--p);font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.estept{font-size:13px;font-weight:600;color:var(--tx);line-height:1.5;padding-top:2px}.ww{margin-top:12px;background:var(--rl);border-radius:var(--rads);padding:11px 13px}.wwt{font-size:12px;font-weight:900;color:var(--r);margin-bottom:5px}.wc{margin-top:9px;background:var(--gl);border-radius:var(--rads);padding:11px 13px}.wct{font-size:12px;font-weight:900;color:var(--gd);margin-bottom:5px}.wctx{font-size:12px;color:#064e3b;font-weight:600}.rh{background:linear-gradient(135deg,#7c3aed,#ec4899);padding:36px 20px 46px;text-align:center}.rtroph{font-size:65px;animation:tp .5s cubic-bezier(.17,.67,.45,1.41)}@keyframes tp{0%{transform:scale(0)}to{transform:scale(1)}}.rt{font-family:Fredoka One,system-ui,sans-serif;font-size:26px;color:#fff;margin-top:8px}.rs{color:#fffc;font-size:14px;font-weight:600;margin-top:3px}.rsc{margin:-22px 16px 0;background:var(--w);border-radius:var(--rad);box-shadow:var(--cs);padding:22px}.scirc{width:90px;height:90px;border-radius:50%;background:var(--pl);border:5px solid var(--p);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.spct{font-size:24px;font-weight:900;color:var(--p)}.slbl{font-size:10px;font-weight:700;color:var(--txm)}.sstats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.sstat{text-align:center}.sstatv{font-size:20px;font-weight:900}.sstatl{font-size:11px;color:var(--txm);font-weight:700}.xpearned{background:var(--yl);border-radius:var(--rads);padding:13px 16px;margin-top:14px;display:flex;align-items:center;gap:10px}.xpei{font-size:28px}.xpet{font-weight:800;font-size:14px}.xpes{font-size:12px;color:var(--txm);font-weight:600}.rank-banner{margin:12px 16px;border-radius:var(--rad);padding:14px 18px;display:flex;align-items:center;gap:14px}.rb-bronze{background:linear-gradient(135deg,#78350f,#92400e)}.rb-silver{background:linear-gradient(135deg,#374151,#6b7280)}.rb-gold{background:linear-gradient(135deg,#92400e,#b45309)}.rb-icon{font-size:32px}.rb-info .rb-title{color:#fcd34d;font-family:Fredoka One,system-ui,sans-serif;font-size:17px}.rb-info .rb-sub{color:#fffc;font-size:12px;font-weight:600;margin-top:2px}.airec{margin:12px 16px;background:var(--w);border-radius:var(--rad);box-shadow:var(--cs);padding:18px;border-left:5px solid var(--p)}.arect{font-size:14px;font-weight:900;color:var(--tx);margin-bottom:10px;display:flex;align-items:center;gap:7px}.arecitem{display:flex;align-items:center;gap:9px;padding:10px 12px;background:var(--pl);border-radius:var(--rads);margin-bottom:7px;cursor:pointer;transition:all .2s}.arecitem:hover{background:var(--p2)}.arii{font-size:18px}.arit{font-size:13px;font-weight:700;color:var(--pd)}.arip{font-size:11px;color:var(--p);font-weight:600;margin-left:auto;background:var(--w);padding:2px 8px;border-radius:10px}.prgh{background:linear-gradient(135deg,#10b981,#059669);padding:22px 20px 30px}.prgh h2{font-family:Fredoka One,system-ui,sans-serif;font-size:24px;color:#fff}.prgh p{color:#fffc;font-size:14px;font-weight:600}.lvlcard{margin:-18px 16px 0;background:var(--w);border-radius:var(--rad);box-shadow:var(--cs);padding:20px}.lvlrow{display:flex;align-items:center;gap:12px}.lvlbadge{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--pk));display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#fff;font-family:Fredoka One,system-ui,sans-serif;flex-shrink:0}.lvlname{font-size:12px;font-weight:700;color:var(--txm)}.lvltitle{font-size:18px;font-weight:900;color:var(--tx)}.lvlxpb{height:10px;background:#e5e7eb;border-radius:20px;overflow:hidden;margin-top:8px}.lvlxpf{height:100%;background:linear-gradient(90deg,var(--p),var(--pk));border-radius:20px}.lvlxpt{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:var(--txm);margin-top:4px}.chart-wrap{padding:16px}.chart-title{font-size:14px;font-weight:900;color:var(--tx);margin-bottom:12px}.bar-chart{display:flex;align-items:flex-end;gap:6px;height:100px;padding:0 4px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.bar{border-radius:6px 6px 0 0;min-height:4px;transition:height 1s ease}.bar-lbl{font-size:9px;font-weight:700;color:var(--txm)}.bar-val{font-size:10px;font-weight:900;color:var(--tx)}.walist{display:flex;flex-direction:column;gap:10px;padding:0 16px 16px}.waitem{background:var(--w);border-radius:var(--rads);box-shadow:var(--cs);padding:14px 16px;display:flex;align-items:center;gap:10px}.waicon{font-size:22px}.wainfo{flex:1}.waname{font-size:14px;font-weight:800}.wasub{font-size:11px;color:var(--txm);font-weight:600;margin-top:2px}.wapct{font-size:13px;font-weight:900;margin-right:8px}.wabtn{background:var(--pl);color:var(--p);font-size:12px;font-weight:800;padding:6px 12px;border-radius:20px;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.wabtn:hover{background:var(--p);color:#fff}.pvh{background:linear-gradient(135deg,#1e1b4b,#312e81);padding:22px 20px 30px}.pvh h2{font-family:Fredoka One,system-ui,sans-serif;font-size:24px;color:#fff}.pvh p{color:#fffc;font-size:14px;font-weight:600}.pvtabs{display:flex;gap:8px;padding:16px 16px 0;overflow-x:auto;scrollbar-width:none}.pvtab{padding:8px 16px;border-radius:50px;font-size:13px;font-weight:800;cursor:pointer;border:2px solid #E5E7EB;background:var(--w);color:var(--txm);white-space:nowrap;transition:all .2s}.pvtab.active{border-color:var(--p);background:var(--pl);color:var(--pd)}.notif-card{margin:12px 16px;background:var(--w);border-radius:var(--rad);box-shadow:var(--cs);padding:18px}.ncard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.ncard-title{font-size:15px;font-weight:900;color:var(--tx);display:flex;align-items:center;gap:7px}.notif-item{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid #F3F4F6}.notif-item:last-child{border:none;padding-bottom:0}.notif-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.ni-green{background:var(--gl)}.ni-yellow{background:var(--yl)}.ni-red{background:var(--rl)}.ni-blue{background:var(--bl)}.notif-body{flex:1}.notif-title{font-size:13px;font-weight:800;color:var(--tx)}.notif-sub{font-size:12px;color:var(--txm);font-weight:600;margin-top:2px;line-height:1.4}.notif-time{font-size:11px;color:var(--txm);font-weight:600;white-space:nowrap;padding-top:2px}.perf-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 16px}.perf-card{background:var(--w);border-radius:var(--rads);box-shadow:var(--cs);padding:14px}.perf-icon{font-size:22px}.perf-label{font-size:11px;color:var(--txm);font-weight:700;margin-top:4px}.perf-value{font-size:22px;font-weight:900;color:var(--tx);margin-top:2px}.perf-delta{font-size:11px;font-weight:800;margin-top:2px}.pd-up{color:var(--gd)}.pd-dn{color:var(--r)}.rwh{background:linear-gradient(135deg,#f59e0b,#ef4444);padding:22px 20px 30px}.rwh h2{font-family:Fredoka One,system-ui,sans-serif;font-size:24px;color:#fff}.rwh p{color:#fffc;font-size:14px;font-weight:600}.starscard{margin:-18px 16px 0;background:var(--w);border-radius:var(--rad);box-shadow:var(--cs);padding:20px;text-align:center}.starscount{font-family:Fredoka One,system-ui,sans-serif;font-size:44px;color:var(--y)}.starslbl{font-size:13px;font-weight:700;color:var(--txm)}.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:0 16px 16px}.bcrd{background:var(--w);border-radius:var(--rads);box-shadow:var(--cs);padding:14px;text-align:center}.bicon{font-size:34px}.bname{font-size:12px;font-weight:800;color:var(--tx);margin-top:5px}.bdesc{font-size:11px;color:var(--txm);font-weight:600;margin-top:2px}.blocked{opacity:.32;filter:grayscale(1)}.strsect{margin:0 16px 16px;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:var(--rad);padding:20px}.strrow{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.strtitle{color:#fff;font-family:Fredoka One,system-ui,sans-serif;font-size:18px}.strcount{font-family:Fredoka One,system-ui,sans-serif;font-size:30px;color:var(--y)}.stdays{display:flex;gap:5px}.stday{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.stdot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.stdone{background:var(--y)}.sttoday{background:var(--w);border:3px solid var(--y)}.stupcoming{background:#ffffff1f}.stdlbl{font-size:9px;color:#fff9;font-weight:700}.lbcard{margin:12px 16px;background:var(--w);border-radius:var(--rad);box-shadow:var(--cs);padding:18px}.lbitem{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #F3F4F6}.lbitem:last-child{border:none}.lbrank{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;flex-shrink:0}.lb1{background:#fef3c7;color:#92400e}.lb2{background:#f3f4f6;color:#374151}.lb3{background:#fde68a;color:#92400e}.lb4{background:var(--pl);color:var(--pd)}.lbname{flex:1;font-size:14px;font-weight:800}.lbscore{font-size:13px;font-weight:900;color:var(--p)}.lbme{background:var(--pl)!important;border-radius:var(--rads);padding:8px 12px;margin:-4px}.mth{background:linear-gradient(135deg,#064e3b,#065f46);padding:22px 20px 30px}.mth h2{font-family:Fredoka One,system-ui,sans-serif;font-size:24px;color:#fff}.mth p{color:#fffc;font-size:14px;font-weight:600}.mock-setup-card{margin:-18px 16px 0;background:var(--w);border-radius:var(--rad);box-shadow:var(--cs);padding:22px}.mock-paper-btn{border:2.5px solid #E5E7EB;border-radius:var(--rads);padding:14px;cursor:pointer;transition:all .2s;background:var(--w);width:100%;text-align:left;display:flex;align-items:center;gap:12px;margin-bottom:10px;font-family:Nunito,sans-serif}.mock-paper-btn:hover,.mock-paper-btn.selected{border-color:var(--p);background:var(--pl)}.mp-icon{font-size:28px}.mp-name{font-weight:900;font-size:14px;color:var(--tx)}.mp-detail{font-size:12px;color:var(--txm);font-weight:600;margin-top:2px}.lvlup-overlay{position:fixed;inset:0;background:#581cebbf;display:flex;align-items:center;justify-content:center;z-index:400}.lvlup-card{background:var(--w);border-radius:var(--rad);padding:30px;margin:0 20px;text-align:center;width:100%;max-width:340px;animation:ppin .4s cubic-bezier(.17,.67,.45,1.41)}@keyframes ppin{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.lvlup-badge{font-size:70px;animation:lvlspin 1s cubic-bezier(.17,.67,.45,1.41)}@keyframes lvlspin{0%{transform:rotate(-180deg) scale(0)}to{transform:rotate(0) scale(1)}}.lvlup-title{font-family:Fredoka One,system-ui,sans-serif;font-size:28px;color:var(--p);margin-top:8px}.lvlup-sub{font-size:15px;font-weight:700;color:var(--txm);margin-top:4px}.cp{position:fixed;width:10px;height:10px;border-radius:2px;animation:cffall linear forwards;pointer-events:none;z-index:999}@keyframes cffall{0%{opacity:1;transform:translateY(-10px) rotate(0)}to{opacity:0;transform:translateY(110vh) rotate(720deg)}}@keyframes burstfade{0%{opacity:1;transform:translate(-50%,-60%)}to{opacity:0;transform:translate(-50%,-120%)}}