.pc{--blue:#1769ff;--blue-bright:#2c7aff;--blue-soft:#6ca0ff;--blue-tint:#eef4ff;--blue-line:#afc7f7;--ink:#090d18;--body:#424958;--muted:#5f6675;--line:#e5e8ef;--surface:#fff;--surface-alt:#f6f8fc;--success:#1ba45b;--danger:#e34b4b;--warn:#f59e0b;--neon-pink:#ff5fa2;--neon-purple:#7c3aed;--neon-cyan:#22d3ee;--neon-gold:#fbbf24;--night:#140a33;--night-2:#1f1147;--sunset:linear-gradient(135deg,#ff5fa2,#a855f7 45%,#22d3ee);--sunset-soft:linear-gradient(135deg,#fff1f7,#f5edff 50%,#e9fbff);--r-card:20px;--r-btn:12px;--r-input:11px;--r-pill:999px;--r-avatar:16px;--shadow-card:0 1px 2px rgba(9,13,24,.04),0 8px 24px -12px rgba(23,105,255,.18);--shadow-cta:0 16px 34px -16px rgba(23,105,255,.8);--font-head:var(--font-jakarta),"Plus Jakarta Sans",system-ui,sans-serif;--font-body:var(--font-manrope),Manrope,system-ui,sans-serif;background:var(--surface-alt);color:var(--ink);font-family:var(--font-body);min-height:100dvh;-webkit-font-smoothing:antialiased}.pc *,.pc :after,.pc :before{box-sizing:border-box}.pc a{color:inherit;text-decoration:none}.pc h1,.pc h2,.pc h3{font-family:var(--font-head);letter-spacing:-.035em;margin:0;color:var(--ink)}.pc h1{font-size:28px;line-height:1.1}.pc h1,.pc h2{font-weight:700}.pc h2{font-size:20px;line-height:1.2}.pc h3{font-size:16px;line-height:1.3;font-weight:700}.pc p{margin:0;line-height:1.6;color:var(--body)}.pc input,.pc select,.pc textarea{font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--r-input);padding:12px 14px;width:100%;min-height:48px;outline:none;transition:border-color .15s,box-shadow .15s}.pc textarea{min-height:96px;resize:vertical;line-height:1.5}.pc input:focus,.pc select:focus,.pc textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-tint)}.pc label{font-size:13px;font-weight:700;color:var(--body);display:grid;gap:6px}.pc .kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}.pc .muted{color:var(--muted)}.pc .small{font-size:13px}.pc .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.pc-shell{display:block;min-height:100dvh}.pc-side{display:none}.pc-top{position:sticky;top:0;z-index:30;padding:10px 16px;background:hsla(0,0%,100%,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.pc-brand,.pc-top{display:flex;align-items:center;gap:10px}.pc-brand{font-family:var(--font-head);font-weight:800;letter-spacing:-.03em;font-size:17px}.pc-brand-mark{width:32px;height:32px;border-radius:10px;background:var(--blue);display:grid;place-items:center;color:#fff;font:800 13px var(--font-head);letter-spacing:-.02em;box-shadow:0 6px 16px -8px rgba(23,105,255,.8)}.pc-top-spacer{flex:1}.pc .pc-top-search{display:none}.pc .pc-top-search-btn,.pc-iconbtn{display:grid}.pc-iconbtn{position:relative;width:48px;height:48px;border-radius:12px;place-items:center;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.pc-iconbtn:active{transform:scale(.96)}.pc-dot{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--neon-pink);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid #fff}.pc-main{padding:16px 16px calc(96px + env(safe-area-inset-bottom));max-width:1180px;margin:0 auto}.pc-tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);background:hsla(0,0%,100%,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.pc-tab{display:grid;justify-items:center;gap:2px;padding:6px 2px;min-height:52px;border-radius:12px;color:var(--muted);font-size:11px;font-weight:700}.pc-tab svg{width:24px;height:24px}.pc-tab.on{color:var(--blue)}.pc-tab.on svg{filter:drop-shadow(0 4px 8px rgba(23,105,255,.35))}@media (min-width:900px){.pc-shell{display:grid;grid-template-columns:248px minmax(0,1fr)}.pc-side{display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100dvh;padding:18px 14px;background:#fff;border-right:1px solid var(--line);overflow-y:auto}.pc-side .pc-brand{padding:4px 8px 18px}.pc-nav{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;font-weight:700;color:var(--body);font-size:15px;min-height:48px}.pc-nav svg{width:20px;height:20px;flex:none}.pc-nav:hover{background:var(--surface-alt);color:var(--ink)}.pc-nav.on{background:var(--blue-tint);color:var(--blue)}.pc-side-section{margin:14px 12px 6px;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.pc-side-foot{margin-top:auto}.pc-tabs{display:none}.pc-main{padding:24px 32px 48px}.pc-top{padding:12px 32px}.pc-top .pc-brand{display:none}.pc .pc-top-search{display:block}.pc .pc-top-search-btn{display:none}.pc h1{font-size:34px}}.pc-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:16px}.pc-card.flat{box-shadow:none}.pc-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.pc-card-head a{font-size:13px;font-weight:800;color:var(--blue)}.pc-stack{display:grid;gap:12px}.pc-stack.lg{gap:20px}.pc-row{display:flex;align-items:center;gap:10px}.pc-row.wrap{flex-wrap:wrap}.pc-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.pc-grid-2,.pc-grid-3,.pc-grid-4{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width:640px){.pc-grid-3,.pc-grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.pc-grid-2{grid-template-columns:repeat(2,1fr)}.pc-grid-3{grid-template-columns:repeat(3,1fr)}.pc-grid-4{grid-template-columns:repeat(4,1fr)}}.pc-dash{display:grid;gap:16px}@media (min-width:1100px){.pc-dash{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.pc-dash-side{position:sticky;top:86px}}.pc-page-head{display:grid;gap:6px;margin-bottom:16px}.pc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:var(--r-btn);border:1px solid var(--blue);background:var(--blue);color:#fff;font:800 15px var(--font-body);cursor:pointer;transition:transform .08s,background .15s,box-shadow .15s;box-shadow:var(--shadow-cta);white-space:nowrap}.pc-btn:hover{background:var(--blue-bright)}.pc-btn:active{transform:scale(.98)}.pc-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.pc-btn.ghost{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:none}.pc-btn.ghost:hover{border-color:var(--blue-line);background:var(--blue-tint)}.pc-btn.danger{background:var(--danger);border-color:var(--danger);box-shadow:none}.pc-btn.neon{background:var(--sunset);border:0;box-shadow:0 14px 30px -14px rgba(168,85,247,.9)}.pc-btn.sm{min-height:48px;padding:0 14px;font-size:14px}.pc-btn.block{width:100%}.pc a.pc-btn{color:#fff}.pc a.pc-btn.ghost{color:var(--ink)}.pc-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.pc-chips::-webkit-scrollbar{display:none}.pc-chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--line);background:#fff;font-weight:800;font-size:14px;color:var(--body);cursor:pointer;white-space:nowrap}.pc-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.pc-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:800;background:var(--blue-tint);color:var(--blue)}.pc-pill.gold{background:#fff7e0;color:#b7791f}.pc-pill.pink{background:#ffe8f2;color:#d6337a}.pc-pill.green{background:#e7f8ee;color:var(--success)}.pc-pill.gray{background:var(--surface-alt);color:var(--muted)}.pc-empty{text-align:center;padding:36px 18px;border:1px dashed var(--line);border-radius:var(--r-card);background:#fff;color:var(--muted);display:grid;gap:10px;justify-items:center}.pc-empty-emoji{font-size:34px}.pc-error{color:var(--danger)}.pc-error,.pc-success{font-weight:700;font-size:14px}.pc-success{color:var(--success)}.pc-skel{background:linear-gradient(90deg,#eef1f6 25%,#f6f8fc 50%,#eef1f6 75%);background-size:200% 100%;animation:pc-shimmer 1.2s infinite;border-radius:12px}@keyframes pc-shimmer{to{background-position:-200% 0}}.pc-divider{height:1px;background:var(--line);margin:4px 0}.pc-progress{height:8px;border-radius:999px;background:#e9eef8;overflow:hidden}.pc-progress>i{display:block;height:100%;border-radius:inherit;background:var(--blue);transition:width .4s ease}.pc-progress.neon>i{background:var(--sunset)}.pc-ring{--p:0;--c:var(--blue);width:52px;height:52px;place-items:center;background:conic-gradient(var(--c) calc(var(--p) * 1%),#e9eef8 0);flex:none}.pc-ring,.pc-ring>span{border-radius:50%;display:grid}.pc-ring>span{width:42px;height:42px;background:#fff;place-items:center;font-size:12px;font-weight:800}.pc-avatar{position:relative;flex:none;border-radius:var(--r-avatar);overflow:hidden;background:var(--sunset);display:grid;place-items:center;color:#fff;font-weight:800;font-family:var(--font-head)}.pc-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;display:block}.pc-avatar.round{border-radius:50%}.pc-founder{background:linear-gradient(135deg,#ffe08a,#f5b72d);color:#4a3200;font-weight:800;gap:4px}.pc-avatar.founder{box-shadow:0 0 0 2px #f5b72d}.pc-avatar-lvl.founder{background:#f5b72d;color:#4a3200}.pc-avatar-lvl{position:absolute;right:-2px;bottom:-2px;min-width:20px;height:20px;padding:0 4px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid #fff}.pc-avatar.frame-gold{box-shadow:0 0 0 3px var(--neon-gold)}.pc-avatar.frame-neon{box-shadow:0 0 0 3px var(--neon-pink),0 0 16px rgba(255,95,162,.6)}.pc-name{font-weight:800;color:var(--ink)}.pc-name.gold{background:linear-gradient(90deg,#f59e0b,#fbbf24,#d97706);-webkit-background-clip:text;background-clip:text;color:transparent}.pc-name.neon{background:var(--sunset);-webkit-background-clip:text;background-clip:text;color:transparent}.pc-post{display:grid;gap:10px}.pc-post-meta{display:flex;align-items:center;gap:10px;min-width:0}.pc-post-meta .small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-post-body{font-size:15px;line-height:1.6;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.pc-post-body a{color:var(--blue);text-decoration:underline}.pc-post-body .mention{color:var(--blue);font-weight:800}.pc-post-media{display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.pc-post-media img{width:100%;border-radius:14px;border:1px solid var(--line);max-height:420px;-o-object-fit:cover;object-fit:cover}.pc-actions{display:flex;gap:6px}.pc-action{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 12px;border-radius:10px;border:0;background:transparent;color:var(--muted);font:800 14px var(--font-body);cursor:pointer}.pc-action:hover{background:var(--surface-alt);color:var(--ink)}.pc-action.on{color:var(--neon-pink)}.pc-action svg{width:18px;height:18px}.pc-video{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden}.pc-video iframe,.pc-video video{position:absolute;inset:0;width:100%;height:100%;border:0}.pc-lesson-layout{display:grid;gap:16px}@media (min-width:1100px){.pc-lesson-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}.pc-lesson-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;min-height:48px;font-size:14px;font-weight:700;color:var(--body)}.pc-lesson-item:hover{background:var(--surface-alt)}.pc-lesson-item.on{background:var(--blue-tint);color:var(--blue)}.pc-lesson-item.locked{opacity:.55}.pc-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;flex:none;color:#fff;font-size:12px}.pc-check.done{background:var(--success);border-color:var(--success)}.pc-course-card{display:grid;overflow:hidden;padding:0;transition:transform .15s,box-shadow .15s}.pc-course-card:hover{transform:translateY(-2px)}.pc-course-cover{aspect-ratio:16/9;background:var(--sunset);position:relative;display:grid;place-items:end start;padding:14px;color:#fff}.pc-course-cover img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pc-course-cover .pc-pill{position:relative;background:rgba(0,0,0,.45);color:#fff;backdrop-filter:blur(6px)}.pc-course-body{padding:14px 16px 16px;display:grid;gap:8px}.pc-lock{position:absolute;inset:0;background:rgba(9,13,24,.55);display:grid;place-items:center;color:#fff;font-weight:800;gap:6px;text-align:center;padding:12px;backdrop-filter:blur(2px)}.pc-overlay{position:fixed;inset:0;z-index:80;background:rgba(9,13,24,.55);display:grid;align-items:end;justify-items:center;animation:pc-fade .15s ease}.pc-sheet{width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;background:#fff;border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));animation:pc-up .2s ease}@media (min-width:640px){.pc-overlay{align-items:center}.pc-sheet{border-radius:22px}}@keyframes pc-fade{0%{opacity:0}}@keyframes pc-up{0%{transform:translateY(24px);opacity:0}}.pc-toast{position:fixed;z-index:90;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:14px;font-weight:800;font-size:14px;box-shadow:0 18px 40px -18px rgba(0,0,0,.6);max-width:calc(100vw - 32px)}@media (min-width:900px){.pc-toast{bottom:28px}}.pc-neon{position:relative;overflow:hidden;border-radius:var(--r-card);color:#fff;background:radial-gradient(120% 80% at 50% 120%,rgba(255,95,162,.55),transparent 60%),radial-gradient(90% 60% at 100% 0,rgba(34,211,238,.35),transparent 60%),linear-gradient(180deg,#1a0b3d,#2a0f5c 55%,#4a1670);border:1px solid hsla(0,0%,100%,.08)}.pc-neon:after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:repeating-linear-gradient(0deg,rgba(255,95,162,.18) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,rgba(34,211,238,.14) 0 1px,transparent 1px 44px);-webkit-mask-image:linear-gradient(0deg,#000,transparent);mask-image:linear-gradient(0deg,#000,transparent);pointer-events:none}.pc-neon>*{position:relative;z-index:1}.pc-neon h1,.pc-neon h2,.pc-neon h3{color:#fff}.pc-neon .muted,.pc-neon p{color:hsla(0,0%,100%,.75)}.pc-neon-title{font-family:var(--font-head);font-weight:800;letter-spacing:-.02em;background:linear-gradient(180deg,#fff 30%,#ffd1e8 70%,#ff8ac2);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(255,95,162,.35)}.pc-neon-glow{text-shadow:0 0 12px rgba(255,95,162,.9),0 0 28px rgba(168,85,247,.7)}.pc-neon .pc-progress{background:hsla(0,0%,100%,.15)}.pc-neon .pc-progress>i{background:linear-gradient(90deg,#ff5fa2,#fbbf24);box-shadow:0 0 12px rgba(255,95,162,.8)}.pc-stat{display:grid;grid-template-columns:48px 1fr 40px;align-items:center;gap:10px;font-weight:800;font-size:13px}.pc-stat b{font-family:var(--font-head);letter-spacing:.04em}.pc-stat .pc-progress{height:10px}.pc-badge{position:relative;width:64px;height:64px;flex:none;display:grid;place-items:center;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:var(--c,#38bdf8)}.pc-badge>span{position:absolute;inset:3px;clip-path:inherit;background:linear-gradient(160deg,#2a0f5c,#140a33);display:grid;place-items:center;color:var(--c,#38bdf8)}.pc-badge svg{width:28px;height:28px;filter:drop-shadow(0 0 6px currentColor)}.pc-badge.locked{background:#3a3550;filter:grayscale(1);opacity:.5}.pc-celebrate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(10,4,30,.82);padding:16px;animation:pc-fade .2s ease}.pc-celebrate-card{width:100%;max-width:420px;text-align:center;padding:28px 22px;display:grid;gap:14px;justify-items:center;animation:pc-pop .45s cubic-bezier(.2,1.4,.4,1)}@keyframes pc-pop{0%{transform:scale(.6);opacity:0}}.pc-confetti{position:fixed;inset:0;pointer-events:none;z-index:101}.pc-lb-row{display:grid;grid-template-columns:34px 44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px}.pc-lb-row:nth-child(odd){background:hsla(0,0%,100%,.05)}.pc-lb-rank{font-family:var(--font-head);font-weight:800;font-size:18px;text-align:center}.pc-lb-row.top1 .pc-lb-rank{color:var(--neon-gold);text-shadow:0 0 12px rgba(251,191,36,.8)}.pc-lb-row.top2 .pc-lb-rank{color:#e5e7eb}.pc-lb-row.top3 .pc-lb-rank{color:#f0a36b}.pc-lb-row.me{outline:2px solid var(--neon-pink)}.pc-quest{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--surface-alt)}.pc-quest.done{background:#e7f8ee}.pc-quest-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--sunset);color:#fff;font-size:16px}.pc-quest.done .pc-quest-icon{background:var(--success)}.pc-gear{display:grid;gap:8px;justify-items:center;text-align:center;padding:12px 8px;border-radius:16px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1)}.pc-gear img{width:72px;height:72px;border-radius:14px;-o-object-fit:cover;object-fit:cover}.pc-gear.equipped{border-color:var(--neon-pink);box-shadow:0 0 18px rgba(255,95,162,.45)}.pc-gear.locked{opacity:.4;filter:grayscale(.8)}.pc .pc-class-pick{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:stretch}.pc .pc-class-pick img{width:112px;height:100%;min-height:150px;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;display:block}.pc .pc-class-pick-copy{padding:14px;display:grid;gap:6px;align-content:center}@media (min-width:900px){.pc .pc-class-pick{grid-template-columns:1fr}.pc .pc-class-pick img{width:100%;height:auto;aspect-ratio:3/4;min-height:0}}.pc-mobile-menu{position:fixed;z-index:45;bottom:calc(78px + env(safe-area-inset-bottom));left:12px;right:12px;max-height:70vh;overflow:auto;box-shadow:0 8px 40px #0003}.pc-tabs button.pc-tab{border:0;background:transparent;font:inherit;cursor:pointer}@media (min-width:900px){.pc-mobile-menu{display:none}}.pc-mobile-menu .pc-nav{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border-radius:12px;color:var(--ink);font-weight:700}.pc-mobile-menu .pc-nav:focus-visible,.pc-mobile-menu .pc-nav:hover{background:var(--surface-alt)}.pc-tabs button.pc-tab{font-size:11px;font-family:inherit}