.px-theme{--px-navy:#0b132b;--px-navy-2:#111c3a;--px-navy-3:#1a2a55;--px-royal:#2b4bff;--px-royal-2:#0f7bff;--px-gold:#ffd24a;--px-gold-2:#f5a623;--px-gold-3:#ffb020;--px-mint:#34e0b8;--px-glass:#ffffff14;--px-glass-strong:#ffffff24;--px-border:#ffffff24;--px-text:#f3f7ff;--px-text-dim:#a9b6d9;--px-text-faint:#7483ad;--px-track:#00000059;background:radial-gradient(1200px 600px at 15% -10%, #2f4bff59, transparent 60%), radial-gradient(900px 500px at 100% 0%, #f5a6232e, transparent 55%), linear-gradient(180deg, var(--px-navy) 0%, var(--px-navy-2) 45%, var(--px-navy-3) 100%);color:var(--px-text);min-height:100vh}.px-theme *{border-color:var(--px-border)}.px-card{background:linear-gradient(160deg, var(--px-glass-strong), var(--px-glass) 55%, #ffffff0a);border:1px solid var(--px-border);-webkit-backdrop-filter:blur(14px);border-radius:1.25rem;box-shadow:0 10px 30px -12px #00000080}.px-card-press{transition:transform .15s,box-shadow .15s}.px-card-press:active{transform:scale(.97)}.px-gold-text{background:linear-gradient(120deg, #fff3c4 0%, var(--px-gold) 45%, var(--px-gold-2) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.px-btn-gold{background:linear-gradient(120deg, var(--px-gold-2), var(--px-gold-3));color:#1b1205;border-radius:9999px;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:0 8px 20px -6px #f5a62380}.px-btn-gold:active{transform:scale(.96);box-shadow:0 4px 12px -4px #f5a62366}.px-btn-gold:disabled{opacity:.5}.px-btn-royal{background:linear-gradient(120deg, var(--px-royal), var(--px-royal-2));color:#fff;border-radius:9999px;font-weight:700;transition:transform .12s;box-shadow:0 8px 20px -6px #2b4bff80}.px-btn-royal:active{transform:scale(.96)}.px-btn-ghost{background:var(--px-glass);border:1px solid var(--px-border);color:var(--px-text);border-radius:9999px;transition:background .15s}.px-btn-ghost:hover{background:var(--px-glass-strong)}.px-xp-track{background:#00000059;border-radius:9999px;height:12px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.px-xp-fill{background:linear-gradient(90deg, var(--px-royal-2), var(--px-royal), var(--px-gold));border-radius:9999px;height:100%;position:relative;overflow:hidden;box-shadow:0 0 12px #2b4bffb3,0 0 4px #ffd24a99}.px-xp-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);animation:2.2s linear infinite px-shimmer;position:absolute;inset:0}@keyframes px-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.px-flame{animation:1.4s ease-in-out infinite px-flame;display:inline-block}@keyframes px-flame{0%,to{transform:scale(1)rotate(0)}30%{transform:scale(1.12)rotate(-3deg)}60%{transform:scale(1.05)rotate(2deg)}}.px-rank-ring{box-shadow:0 0 0 2px var(--px-border), 0 0 22px -2px currentColor}.px-podium-1{color:#231a06;background:linear-gradient(#ffd24af2,#f5a623d9);box-shadow:0 12px 30px -8px #ffd24a73}.px-podium-2{color:#1e293b;background:linear-gradient(#e2e8f0f2,#94a3b8e6);box-shadow:0 12px 30px -8px #e2e8f059}.px-podium-3{color:#2a1607;background:linear-gradient(#da9760f2,#b47846e6);box-shadow:0 12px 30px -8px #da976059}.px-scrollbar-hide::-webkit-scrollbar{display:none}.px-scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.px-confetti-piece{will-change:transform;border-radius:3px;width:10px;height:16px;position:absolute;top:-20px}@keyframes px-pop{0%{opacity:0;transform:translateY(24px)scale(.9)}60%{opacity:1;transform:translateY(-4px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.px-pop{animation:.35s cubic-bezier(.34,1.56,.64,1) both px-pop}.px-levelup-bg{background:radial-gradient(600px 400px at 50% 20%,#ffd24a40,#0000 65%),radial-gradient(800px 500px at 50% 100%,#2b4bff59,#0000 70%),#040818e0}.px-chip{border:1px solid var(--px-border);color:var(--px-text);background:#00000059;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.px-skeleton{background:linear-gradient(100deg,#ffffff0f 40%,#ffffff24 50%,#ffffff0f 60%) 0 0/200% 100%;animation:1.4s infinite px-skel}.px-theme-adaptive{color:#1e293b;--px-text:#1e293b;--px-text-dim:#475569;--px-text-faint:#94a3b8;--px-glass:#0f172a0d;--px-glass-strong:#0f172a1a;--px-border:#0f172a1f;--px-track:#0f172a14;--px-gold:#b45309;--px-gold-2:#d97706;--px-gold-3:#f59e0b;--px-royal:#4f46e5;--px-royal-2:#3b82f6;--px-mint:#0d9488;background:radial-gradient(900px 360px at 12% -12%,#8b5cf614,#0000 62%),linear-gradient(#fdfcfb 0%,#faf9f7 54%,#f7f5fb 100%)}.px-theme-adaptive .px-card{-webkit-backdrop-filter:blur(18px);background:#ffffffd1;border-color:#0f172a14;border-radius:1.375rem;box-shadow:0 12px 32px -28px #0f172a61}.px-theme-adaptive .px-btn-gold{background:var(--px-gold-2);color:#fff;border-radius:.875rem;box-shadow:0 8px 18px -10px #b45309b3}.px-theme-adaptive .px-btn-ghost{color:var(--px-text-dim);background:0 0;border-color:#0f172a1f;border-radius:.875rem}.px-theme-adaptive .px-btn-ghost:hover{color:var(--px-text);background:#0f172a0b}.px-theme-adaptive .px-chip{background:#0f172a09;border-color:#0f172a12;border-radius:.7rem;font-weight:600}.px-theme-adaptive .px-xp-track{background:#0f172a14;box-shadow:inset 0 1px 2px #0f172a0f}.px-theme-adaptive .px-skeleton{background:linear-gradient(100deg,#0f172a0b 40%,#0f172a17 50%,#0f172a0b 60%)}.px-theme-adaptive .lb-ghost{color:#475569;background:#fffc;border-color:#e2e8f0}.px-theme-adaptive .lb-ghost:hover{color:#0f172a;background:#f1f5f9}.px-theme-adaptive .lb-gold{color:#451a03;background:linear-gradient(120deg,#f59e0b,#fbbf24);box-shadow:0 6px 16px -6px #f59e0b8c}.px-theme-adaptive .lb-royal{color:#fff;background:linear-gradient(120deg,#7c3aed,#2563eb);box-shadow:0 6px 16px -6px #7c3aed8c}.dark .px-theme-adaptive{background:radial-gradient(1200px 600px at 15% -10%, #2f4bff59, transparent 60%), radial-gradient(900px 500px at 100% 0%, #f5a6232e, transparent 55%), linear-gradient(180deg, var(--px-navy) 0%, var(--px-navy-2) 45%, var(--px-navy-3) 100%);color:#f3f7ff;--px-text:#f3f7ff;--px-text-dim:#a9b6d9;--px-text-faint:#7483ad;--px-glass:#ffffff14;--px-glass-strong:#ffffff24;--px-border:#ffffff24;--px-track:#00000059;--px-gold:#ffd24a;--px-gold-2:#f5a623;--px-gold-3:#ffb020;--px-royal:#2b4bff;--px-royal-2:#0f7bff;--px-mint:#34e0b8}.dark .px-theme-adaptive .px-card{background:linear-gradient(160deg, var(--px-glass-strong), var(--px-glass) 55%, #ffffff0a);border-color:var(--px-border);border-radius:1.25rem;box-shadow:0 10px 30px -24px #00000080}.dark .px-theme-adaptive .px-btn-gold{background:linear-gradient(120deg, var(--px-gold-2), var(--px-gold-3));color:#1b1205;border-radius:9999px;box-shadow:0 8px 20px -6px #f5a62380}.dark .px-theme-adaptive .px-btn-ghost{background:var(--px-glass);border-color:var(--px-border);color:var(--px-text);border-radius:9999px}.dark .px-theme-adaptive .px-btn-ghost:hover{background:var(--px-glass-strong)}.dark .px-theme-adaptive .px-chip{border-color:var(--px-border);background:#ffffff14;border-radius:9999px;font-weight:700}.dark .px-theme-adaptive .px-xp-track{background:#00000059;box-shadow:inset 0 1px 3px #00000080}.dark .px-theme-adaptive .px-skeleton{background:linear-gradient(100deg,#ffffff0f 40%,#ffffff24 50%,#ffffff0f 60%)}.dark .px-theme-adaptive .lb-ghost{background:var(--px-glass);border-color:var(--px-border);color:var(--px-text)}.dark .px-theme-adaptive .lb-ghost:hover{background:var(--px-glass-strong)}.dark .px-theme-adaptive .lb-gold{background:linear-gradient(120deg, var(--px-gold-2), var(--px-gold-3));color:#1b1205;box-shadow:0 8px 20px -6px #f5a62380}.dark .px-theme-adaptive .lb-royal{background:linear-gradient(120deg, var(--px-royal), var(--px-royal-2));color:#fff;box-shadow:0 8px 20px -6px #2b4bff80}@keyframes px-skel{0%{background-position:200% 0}to{background-position:-200% 0}}.px-theme-app{color:#1e293b;--px-text:#1e293b;--px-text-dim:#475569;--px-text-faint:#94a3b8;--px-glass:#0f172a0d;--px-glass-strong:#0f172a1a;--px-border:#0f172a1f;--px-gold:#b45309;--px-gold-2:#d97706;--px-royal:#4f46e5;--px-royal-2:#3b82f6;--px-mint:#0d9488;background:radial-gradient(900px 360px at 12% -12%,#8b5cf612,#0000 62%),linear-gradient(#fdfcfb 0%,#faf9f7 54%,#f7f5fb 100%)}.px-theme-app .px-card{-webkit-backdrop-filter:blur(18px);background:#ffffffc7;border-color:#0f172a12;border-radius:1.375rem;box-shadow:0 12px 32px -28px #0f172a61}.px-theme-app .px-btn-gold{background:var(--px-gold-2);color:#fff;border-radius:.875rem;box-shadow:0 8px 18px -10px #b45309b3}.px-theme-app .px-btn-ghost{color:var(--px-text-dim);background:0 0;border-color:#0f172a1f;border-radius:.875rem}.px-theme-app .px-btn-ghost:hover{color:var(--px-text);background:#0f172a0b}.px-theme-app .px-chip{background:#0f172a09;border-color:#0f172a12;border-radius:.7rem;font-weight:600}.px-theme-app .px-skeleton{background:linear-gradient(100deg,#0f172a0b 40%,#0f172a17 50%,#0f172a0b 60%)}.px-theme-app .my-day-hero{border-left:3px solid var(--px-gold-2);box-shadow:0 18px 38px -32px #0f172a8c}.px-theme-app .mentor-note{background:#ffffff80;border:1px solid #0f172a0f;border-radius:1rem}.px-theme-app .skill-progress-bar{background:#0f172a13}.px-theme-app .section-rule{border-color:#0f172a14}.dark .px-theme-app .px-card{background:linear-gradient(160deg, var(--px-glass-strong), var(--px-glass) 55%, #ffffff0a);border-color:var(--px-border);box-shadow:0 10px 30px -24px #00000080}.dark .px-theme-app .px-btn-gold{background:linear-gradient(120deg, var(--px-gold-2), var(--px-gold-3));color:#1b1205}.dark .px-theme-app .px-btn-ghost{border-color:var(--px-border);color:var(--px-text);background:0 0}.dark .px-theme-app .px-btn-ghost:hover{background:var(--px-glass-strong)}.dark .px-theme-app .px-chip{border-color:var(--px-border);background:#ffffff14}.dark .px-theme-app .px-skeleton{background:linear-gradient(100deg,#ffffff0f 40%,#ffffff24 50%,#ffffff0f 60%)}.dark .px-theme-app .mentor-note{border-color:var(--px-border);background:#ffffff0d}.dark .px-theme-app .skill-progress-bar{background:#ffffff1a}.dark .px-theme-app .section-rule{border-color:var(--px-border)}.dark .px-theme-app{background:radial-gradient(1200px 600px at 15% -10%, #2f4bff59, transparent 60%), radial-gradient(900px 500px at 100% 0%, #f5a6232e, transparent 55%), linear-gradient(180deg, var(--px-navy) 0%, var(--px-navy-2) 45%, var(--px-navy-3) 100%);color:#f3f7ff;--px-text:#f3f7ff;--px-text-dim:#a9b6d9;--px-text-faint:#7483ad;--px-glass:#ffffff14;--px-glass-strong:#ffffff24;--px-border:#ffffff24;--px-gold:#ffd24a;--px-gold-2:#f5a623;--px-royal:#2b4bff;--px-royal-2:#0f7bff;--px-mint:#34e0b8}.lb-btn{justify-content:center;align-items:center;line-height:1.2;display:inline-flex}.lb-ghost{border:1px solid var(--border,#e2e8f0);color:#475569;background:#ffffffbf}.dark .lb-ghost{color:#cbd5e1;background:#ffffff0f;border-color:#334155}.lb-ghost:hover{background:#f1f5f9}.dark .lb-ghost:hover{background:#ffffff1f}.lb-gold{color:#451a03;background:linear-gradient(120deg,#f59e0b,#fbbf24);box-shadow:0 6px 16px -6px #f59e0b8c}.lb-royal{color:#fff;background:linear-gradient(120deg,#7c3aed,#2563eb);box-shadow:0 6px 16px -6px #7c3aed8c}.lb-btn:active{transform:scale(.97)}.px-theme .lb-ghost{background:var(--px-glass);border-color:var(--px-border);color:var(--px-text)}.px-theme .lb-ghost:hover{background:var(--px-glass-strong)}.px-theme .lb-gold{background:linear-gradient(120deg, var(--px-gold-2), var(--px-gold-3));color:#1b1205;box-shadow:0 8px 20px -6px #f5a62380}.px-theme .lb-royal{background:linear-gradient(120deg, var(--px-royal), var(--px-royal-2));color:#fff;box-shadow:0 8px 20px -6px #2b4bff80}