:root{--sk-bg:#f0f0f7;--sk-path-gradient:linear-gradient(180deg, #f4ebff 0%, #ecf9f4 50%, #fff5e5 100%);--sk-surface:#fff;--sk-surface2:#f3f4f8;--sk-surface3:#e9eaf1;--sk-t1:#0f0f1a;--sk-t2:#6b7280;--sk-t3:#9ca3af;--sk-border:#e5e7eb;--sk-border2:#ecedf3;--sk-primary:#6c47ff;--sk-primary-dim:#5835e8;--sk-primary-tint:#efeaff;--sk-teal:#00d4b4;--sk-teal-dim:#00b98e;--sk-teal-tint:#d6fbf3;--sk-amber:#f59e0b;--sk-amber-tint:#fef3d7;--sk-green:#10b981;--sk-green-dim:#079465;--sk-green-tint:#d5f3e5;--sk-red:#ef4444;--sk-red-dim:#c13030;--sk-red-tint:#fbdada;--sk-orange:#ff6b3d;--sk-grad-bar:linear-gradient(90deg, #6c47ff, #00d4b4);--sk-grad-xp:linear-gradient(90deg, #6c47ff, #f59e0b);--sk-grad-hero:linear-gradient(120deg, #c8b5ff 0%, #bfeaf5 45%, #ddf5c8 75%, #fce6bd 100%);--sk-shadow-card:0 1px 2px #0f0f1a0a, 0 1px 1px #0f0f1a05;--sk-shadow-hover:0 8px 28px #6c47ff1a;--sk-shadow-primary:0 6px 18px #6c47ff52;--sk-shadow-pop:0 6px 24px #0f0f1a1a;--sk-radius-sm:8px;--sk-radius-md:12px;--sk-radius-lg:16px;--sk-radius-xl:18px;--sk-radius-full:9999px;--sk-font:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--sk-text-xs:10px;--sk-text-sm:12px;--sk-text-base:13px;--sk-text-md:14px;--sk-text-lg:16px;--sk-text-xl:18px;--sk-text-2xl:22px;--sk-text-3xl:28px;--sk-fw-regular:400;--sk-fw-medium:500;--sk-fw-semibold:600;--sk-fw-bold:700;--sk-fw-extrabold:800}.dark{--sk-bg:#0b0b17;--sk-path-gradient:linear-gradient(180deg, #1a1040 0%, #0e2d26 50%, #2a1e0a 100%);--sk-surface:#15152a;--sk-surface2:#1e1e36;--sk-surface3:#28284a;--sk-t1:#f0f0ff;--sk-t2:#9b9bbf;--sk-t3:#6b6b8a;--sk-border:#2a2a45;--sk-border2:#232340;--sk-primary:#7c5cff;--sk-primary-dim:#6c47ff;--sk-primary-tint:#2a1f66;--sk-teal-tint:#0e3a35;--sk-amber-tint:#4a3415;--sk-green-tint:#133a2c;--sk-red-tint:#3d1b1b;--sk-shadow-card:0 1px 2px #0006;--sk-shadow-hover:0 8px 28px #6c47ff40;--sk-shadow-primary:0 6px 18px #6c47ff66}.sk-card{background:var(--sk-surface);border-radius:var(--sk-radius-xl);border:1px solid var(--sk-border2);box-shadow:var(--sk-shadow-card);transition:box-shadow .22s,transform .22s}.sk-card-hover:hover{box-shadow:var(--sk-shadow-hover);transform:translateY(-1px)}.sk-progress-track{background:var(--sk-surface3);border-radius:var(--sk-radius-full);overflow:hidden}.sk-progress-fill{background:var(--sk-grad-bar);border-radius:var(--sk-radius-full);height:100%;transition:width .8s cubic-bezier(.2,.7,.2,1)}.sk-progress-fill-xp{background:var(--sk-grad-xp)}.sk-pill{border-radius:var(--sk-radius-full);letter-spacing:.04em;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.sk-nav-pill{border-radius:var(--sk-radius-full);color:var(--sk-t2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:11px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.sk-nav-pill:hover{background:var(--sk-surface2);color:var(--sk-t1)}.sk-nav-pill.active{background:var(--sk-primary);color:#fff;box-shadow:var(--sk-shadow-primary)}.sk-nav-pill.active .sk-dot{background:var(--sk-amber)}.sk-dot{background:0 0;border-radius:999px;width:7px;height:7px;margin-left:auto}.sk-hero-gradient{background:var(--sk-grad-hero)}.sk-banner{border-radius:var(--sk-radius-xl);height:130px;position:relative;overflow:hidden}.sk-banner:after{content:"";pointer-events:none;background:radial-gradient(60% 80% at 20% 20%,#ffffff73,#0000 60%);position:absolute;inset:0}.sk-frost-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#1b1b2c;border-radius:var(--sk-radius-full);background:#ffffffd9;padding:6px 12px;font-size:12px;font-weight:700}.sk-ai-border{position:relative}.sk-ai-border:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#6c47ff,#00d4b4 50%,#f59e0b);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sk-tab{color:var(--sk-t2);cursor:pointer;border-bottom:2px solid #0000;padding:10px 4px;font-size:14px;font-weight:600;transition:all .15s}.sk-tab:hover{color:var(--sk-t1)}.sk-tab.active{color:var(--sk-t1);border-bottom-color:var(--sk-primary)}.sk-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#0f0f1a73;animation:.2s skFadeIn;position:fixed;inset:0}.sk-drawer{background:var(--sk-surface);border-left:1px solid var(--sk-border);z-index:51;width:480px;max-width:90vw;animation:.25s cubic-bezier(.2,.8,.2,1) skSlideIn;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-20px 0 50px #0f0f1a2e}.sk-toast{background:var(--sk-t1);color:#fff;border-radius:var(--sk-radius-md);box-shadow:var(--sk-shadow-pop);align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;animation:.25s cubic-bezier(.2,.7,.2,1) skToastIn;display:flex}.dark .sk-toast{background:var(--sk-surface);border:1px solid var(--sk-border);color:var(--sk-t1)}@keyframes skFadeIn{0%{opacity:0}to{opacity:1}}@keyframes skSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes skToastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}