@keyframes frame-pulse{0%,100%{box-shadow:0 0 5px var(--frame-color,#3b6ef5)}50%{box-shadow:0 0 12px var(--frame-color,#3b6ef5),0 0 20px var(--frame-color,#3b6ef5)}}@keyframes frame-rainbow{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes frame-glow{0%,100%{box-shadow:0 0 8px var(--frame-color,#eab308),0 0 15px var(--frame-color,#eab308)}50%{box-shadow:0 0 15px var(--frame-color,#eab308),0 0 30px var(--frame-color,#eab308)}}@keyframes frame-premium-orbit{0%{background-position:0 50%;box-shadow:0 0 10px rgba(245,158,11,.65),0 0 24px rgba(251,191,36,.35)}50%{background-position:100% 50%;box-shadow:0 0 14px rgba(245,158,11,.95),0 0 34px rgba(251,191,36,.55)}100%{background-position:0 50%;box-shadow:0 0 10px rgba(245,158,11,.65),0 0 24px rgba(251,191,36,.35)}}.avatar-frame-solid{border:3px solid var(--frame-color,currentColor);border-radius:50%;padding:0}.avatar-frame-solid img{border:none!important}.avatar-frame-gradient{background:linear-gradient(135deg,var(--frame-color-1,#3b6ef5),var(--frame-color-2,#60a5fa));padding:3px;border-radius:50%}.avatar-frame-gradient img{border:none!important;border-radius:50%}.avatar-frame-animated.avatar-frame-pulse{background:var(--frame-color,#3b6ef5);padding:3px;border-radius:50%;animation:frame-pulse 2s ease-in-out infinite}.avatar-frame-animated.avatar-frame-pulse img{border:none!important;border-radius:50%}.avatar-frame-animated.avatar-frame-rainbow{background:linear-gradient(135deg,#ef4444,#f97316,#eab308,#22c55e,var(--primary-accent),#60a5fa,#ec4899);background-size:400% 400%;padding:3px;border-radius:50%;animation:frame-rainbow 3s ease infinite}.avatar-frame-animated.avatar-frame-rainbow img{border:none!important;border-radius:50%}.avatar-frame-animated.avatar-frame-glow{background:var(--frame-color,#eab308);padding:3px;border-radius:50%;animation:frame-glow 2s ease-in-out infinite}.avatar-frame-animated.avatar-frame-glow img{border:none!important;border-radius:50%}.avatar-frame-animated.avatar-frame-premium_glow{background:linear-gradient(130deg,#f59e0b,#fbbf24,#fde68a,#f59e0b);background-size:250% 250%;padding:3px;border-radius:50%;animation:frame-premium-orbit 2.4s ease-in-out infinite}.avatar-frame-animated.avatar-frame-premium_glow img{border:none!important;border-radius:50%}.avatar-frame-animated img{border:none!important}
@keyframes starsScroll{0%{transform:translateY(-50%) translateX(0)}100%{transform:translateY(-50%) translateX(-50%)}}.has-banner{background-size:cover!important;background-position:center!important;position:relative;overflow:hidden}.has-banner::after{content:"";position:absolute;inset:0;background:0 0;pointer-events:none;z-index:0}.animated-stars::before{content:"✦ ✧ ★ ✦ ✧ ★ ✦ ✧";position:absolute;top:50%;left:0;font-size:10px;letter-spacing:12px;white-space:nowrap;animation:starsScroll 8s linear infinite;opacity:.4;pointer-events:none;transform:translateY(-50%);z-index:1}.has-banner .banner-text,.has-banner .text-on-banner{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);position:relative;z-index:2}.dropdown-header.has-banner{border:1px solid rgba(255,255,255,.15);border-radius:12px}.dropdown-header.has-banner .dropdown-user-info{position:relative;z-index:1}.dropdown-header.has-banner .dropdown-user-name{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.profile-header-card.has-banner .profile-social,.profile-header-card.has-banner .profile-socials,.profile-header-card.has-banner .profile-username{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.profile-header-card.has-banner .profile-visibility-badge{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.3)}.profile-header-card.has-banner .profile-edit-btn-mini{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.3)}.profile-header-card.has-banner .profile-edit-btn-mini:hover{background:rgba(255,255,255,.3)}.podium-item.has-banner .podium-name,.podium-item.has-banner .podium-xp{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.podium-item.has-banner .podium-crown i{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .3))}.lb-entry.has-banner .lb-score,.lb-entry.has-banner .lb-user{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.lb-entry.has-banner .lb-rank{background:rgba(255,255,255,.2);color:#fff}.user-context-menu.has-banner .context-menu-username{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.user-context-menu.has-banner .context-menu-item{color:rgba(255,255,255,.9)}.user-context-menu.has-banner .context-menu-item i{color:rgba(255,255,255,.7)}.user-context-menu.has-banner .context-menu-item:hover{background:rgba(255,255,255,.15);color:#fff}.user-context-menu.has-banner .context-menu-item:hover i{color:#fff}.user-context-menu.has-banner .context-menu-divider{background:rgba(255,255,255,.2)}
.freshness-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-family:var(--font-ui);font-size:.75rem;font-weight:600;line-height:1;white-space:nowrap;border:1px solid transparent;transition:var(--transition-fast)}.freshness-badge [data-lucide],.freshness-badge i{width:14px;height:14px;flex-shrink:0}.freshness-badge.is-compact{padding:2px 8px;font-size:.7rem;gap:4px}.freshness-badge.is-compact [data-lucide],.freshness-badge.is-compact i{width:12px;height:12px}.freshness-badge.is-current{color:var(--color-success);background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.25)}.freshness-badge.is-review{color:var(--color-warning);background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.28)}.freshness-badge.is-stale{color:var(--color-error);background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.28)}.course-title-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.rmap-freshness{margin:6px 0 2px}.course-title-meta .freshness-badge{background:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.course-title-meta .freshness-badge.is-current{color:#047857}.course-title-meta .freshness-badge.is-review{color:#b45309}.course-title-meta .freshness-badge.is-stale{color:#b91c1c}[data-theme=dark] .course-title-meta .freshness-badge{background:rgba(255,255,255,.96)}[data-theme=dark] .freshness-badge.is-current{background:rgba(16,185,129,.16)}[data-theme=dark] .freshness-badge.is-review{background:rgba(245,158,11,.18)}[data-theme=dark] .freshness-badge.is-stale{background:rgba(239,68,68,.16)}
.exercise-console{margin-bottom:10px;border-radius:var(--radius-md);background:#0f172a;border:1px solid #1e293b;overflow:hidden;font-family:var(--font-code);font-size:.82rem;line-height:1.5}.exercise-console-label{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#1e293b;color:#94a3b8;font-family:var(--font-ui);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.exercise-console-label [data-lucide],.exercise-console-label i{width:13px;height:13px}.ex-out-line{padding:3px 12px;white-space:pre-wrap;word-break:break-word}.ex-out-log{color:#e2e8f0}.ex-out-warn{color:var(--color-warning)}.ex-out-error{color:#fca5a5;background:rgba(239,68,68,.08)}.ex-out-muted{color:#64748b;font-style:italic;font-family:var(--font-ui)}.btn-open-editor{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--primary-light);border:1px solid var(--primary-accent);border-radius:var(--radius-md);color:var(--primary-accent);font-weight:600;font-size:var(--font-base);cursor:pointer;transition:all .2s}.btn-open-editor:hover{background:var(--primary-accent);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-accent)}.btn-open-editor [data-lucide],.btn-open-editor i{width:18px;height:18px}.exercise-verdict{font-weight:600}.exercise-verdict code{font-family:var(--font-code);background:rgba(0,0,0,.06);padding:1px 6px;border-radius:var(--radius-sm)}
.side-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;justify-content:flex-end;visibility:hidden;opacity:0;transition:visibility 0s linear .25s,opacity .25s}.side-modal-overlay.active,.side-modal-overlay[style*="display: block"],.side-modal-overlay[style*="display: flex"]{visibility:visible;opacity:1;transition-delay:0s}.side-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);animation:fadeIn .25s ease-out}.side-modal-container{position:relative;width:100%;max-width:440px;height:100%;background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-main) 100%);box-shadow:-20px 0 60px rgba(0,0,0,.2),-5px 0 20px rgba(37,84,214,.1);display:flex;flex-direction:column;animation:slideInFromRight .35s cubic-bezier(.16,1,.3,1);overflow:hidden;overflow-x:hidden;border-left:1px solid rgba(255,255,255,.1)}@keyframes slideInFromRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutToRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.side-modal-overlay.closing .side-modal-container{animation:slideOutToRight .25s ease-in forwards}.side-modal-overlay.closing .side-modal-backdrop{animation:fadeOut .25s ease-in forwards}.side-modal-header{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:20px 24px 16px;background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 50%,#1d4ed8 100%);color:#fff;flex-shrink:0;position:relative;overflow:hidden}.side-modal-header::before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.15) 0,transparent 70%);pointer-events:none}.side-modal-header::after{content:"";position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);pointer-events:none}.side-modal-title{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:700;margin:0;position:relative;z-index:1}.side-modal-title i{width:22px;height:22px}.side-modal-header h2{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:700;margin:0;color:#fff;position:relative;z-index:1}.side-modal-header h2 i{width:22px;height:22px}.side-modal-close{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;transition:all .2s;position:relative;z-index:1}.side-modal-close:hover{background:rgba(255,255,255,.25);transform:scale(1.05) rotate(90deg)}.side-modal-close i{width:18px;height:18px}.side-modal-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px;padding-bottom:30px;background:0 0}.side-modal-body::-webkit-scrollbar{width:6px}.side-modal-body::-webkit-scrollbar-track{background:0 0}.side-modal-body::-webkit-scrollbar-thumb{background:rgba(59,110,245,.3);border-radius:3px}.side-modal-body::-webkit-scrollbar-thumb:hover{background:rgba(59,110,245,.5)}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:var(--text-secondary);font-size:.95rem}.modal-loading .spin{animation:spin 1s linear infinite;color:var(--primary-accent)}.modal-error{text-align:center;padding:40px 20px;color:#ef4444;background:rgba(239,68,68,.05);border-radius:16px;border:1px dashed rgba(239,68,68,.3)}.modal-profile{display:flex;flex-direction:column;gap:16px}.profile-header{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 24px 28px;background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 50%,#1d4ed8 100%);border-radius:20px;text-align:center;overflow:hidden;box-shadow:0 8px 32px rgba(59,110,245,.25)}.profile-header::before{content:"";position:absolute;top:-50%;right:-30%;width:250px;height:250px;background:radial-gradient(circle,rgba(255,255,255,.12) 0,transparent 70%);animation:float-rotate 6s ease-in-out infinite}.profile-header::after{content:"";position:absolute;bottom:-40%;left:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.08) 0,transparent 70%);animation:float-rotate 8s ease-in-out infinite reverse}@keyframes float-rotate{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.profile-avatar-large{position:relative;z-index:1;width:100px;height:100px;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.4);box-shadow:0 8px 24px rgba(0,0,0,.2),0 0 0 4px rgba(255,255,255,.1);transition:transform .3s ease}.profile-avatar-large:hover{transform:scale(1.05)}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-info{position:relative;z-index:1}.profile-info h2{font-size:1.4rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.15)}.profile-email{color:rgba(255,255,255,.85);font-size:.85rem;margin-top:6px;background:rgba(255,255,255,.15);padding:4px 12px;border-radius:20px;display:inline-block}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{background:linear-gradient(145deg,var(--bg-card) 0,var(--bg-sidebar) 100%);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 12px rgba(0,0,0,.04);transition:all .25s ease;position:relative;overflow:hidden}.stat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .25s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.stat-card:hover::before{opacity:1}.stat-card .stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.stat-card .stat-icon::after{content:"";position:absolute;inset:-2px;border-radius:14px;opacity:.3}.stat-card .stat-icon.gems{background:linear-gradient(135deg,rgba(249,115,22,.15) 0,rgba(251,146,60,.15) 100%);color:#f97316}.stat-card:has(.stat-icon.gems)::before{background:linear-gradient(90deg,#f97316 0,#fb923c 100%)}.stat-card .stat-icon.points{background:linear-gradient(135deg,rgba(234,179,8,.15) 0,rgba(250,204,21,.15) 100%);color:#eab308}.stat-card:has(.stat-icon.points)::before{background:linear-gradient(90deg,#eab308 0,#facc15 100%)}.stat-card .stat-icon.streak{background:linear-gradient(135deg,rgba(239,68,68,.15) 0,rgba(248,113,113,.15) 100%);color:#ef4444}.stat-card:has(.stat-icon.streak)::before{background:linear-gradient(90deg,#ef4444 0,#f87171 100%)}.stat-card .stat-icon.rank{background:linear-gradient(135deg,rgba(59,110,245,.15) 0,rgba(37,84,214,.15) 100%);color:var(--primary-accent)}.stat-card:has(.stat-icon.rank)::before{background:linear-gradient(90deg,var(--primary-accent) 0,#2554d6 100%)}.stat-card .stat-icon i{width:22px;height:22px}.stat-card .stat-content{display:flex;flex-direction:column;min-width:0}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-headings);line-height:1}.stat-label{font-size:.7rem;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.profile-section{background:linear-gradient(145deg,var(--bg-card) 0,var(--bg-sidebar) 100%);border-radius:16px;padding:18px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 12px rgba(0,0,0,.04)}.profile-section h3{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;color:var(--text-headings);margin:0 0 14px 0;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.profile-section h3 i{width:18px;height:18px;color:var(--primary-accent)}.badges-list{display:flex;flex-wrap:wrap;gap:8px}.badge-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,rgba(59,110,245,.08) 0,rgba(59,110,245,.08) 100%);border:1px solid rgba(59,110,245,.15);border-radius:24px;font-size:.8rem;font-weight:500;color:var(--text-primary);transition:all .2s ease}.badge-item:hover{background:linear-gradient(135deg,rgba(59,110,245,.15) 0,rgba(59,110,245,.15) 100%);transform:scale(1.02)}.badge-item i{width:14px;height:14px;color:var(--primary-accent)}.empty-state{color:var(--text-secondary);font-size:.85rem;text-align:center;padding:24px 16px;background:linear-gradient(135deg,rgba(59,110,245,.04) 0,rgba(59,110,245,.04) 100%);border:1px dashed rgba(59,110,245,.2);border-radius:14px}.modal-settings{display:flex;flex-direction:column;gap:16px}.settings-section{background:linear-gradient(145deg,rgba(30,41,59,.5) 0,rgba(15,23,42,.5) 100%);border-radius:18px;padding:20px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.04);transition:all .25s ease}.settings-section:hover{box-shadow:0 6px 20px rgba(0,0,0,.06)}.settings-section-highlight{background:linear-gradient(145deg,rgba(59,110,245,.08) 0,rgba(37,84,214,.06) 100%);border:1px solid rgba(59,110,245,.2);position:relative;overflow:hidden}.settings-section-highlight::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-accent) 0,#2554d6 50%,#1d4ed8 100%)}.settings-section-highlight h3{color:var(--primary-accent)}.settings-section h3{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;color:var(--text-headings);margin:0 0 14px 0;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.settings-section h3 i{width:18px;height:18px;color:var(--primary-accent);background:linear-gradient(135deg,rgba(59,110,245,.1) 0,rgba(59,110,245,.1) 100%);padding:6px;border-radius:8px;box-sizing:content-box}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:rgba(255,255,255,.03);border-radius:14px;margin-bottom:12px;border:1px solid rgba(255,255,255,.04);transition:all .2s ease}.setting-item:hover{background:rgba(255,255,255,.06);border-color:rgba(59,110,245,.2);transform:translateX(4px)}.setting-item:last-child{margin-bottom:0}.setting-info{display:flex;flex-direction:column;gap:3px}.setting-label{font-weight:600;font-size:.88rem;color:var(--text-headings)}.setting-desc{font-size:.72rem;color:var(--text-muted);line-height:1.4}.setting-select-wrapper{position:relative}.setting-select{padding:10px 36px 10px 14px;background:linear-gradient(135deg,rgba(59,110,245,.08) 0,rgba(59,110,245,.04) 100%);border:1px solid rgba(59,110,245,.25);border-radius:10px;font-size:.85rem;font-weight:600;color:var(--text-headings);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;min-width:150px;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 2px 8px rgba(59,110,245,.06),inset 0 1px 0 rgba(255,255,255,.05);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.setting-select option{background:var(--bg-card);color:var(--text-headings);padding:10px}.setting-select:hover{border-color:rgba(59,110,245,.5);background:linear-gradient(135deg,rgba(59,110,245,.12) 0,rgba(59,110,245,.08) 100%);box-shadow:0 4px 16px rgba(59,110,245,.15),inset 0 1px 0 rgba(255,255,255,.08);transform:translateY(-1px)}.setting-select:focus{outline:0;border-color:var(--primary-accent);background:linear-gradient(135deg,rgba(59,110,245,.15) 0,rgba(59,110,245,.1) 100%);box-shadow:0 0 0 3px rgba(59,110,245,.2),0 4px 16px rgba(59,110,245,.2)}.toggle-switch{position:relative;width:52px;height:28px;cursor:pointer;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-switch .toggle-slider{position:absolute;inset:0;background:linear-gradient(135deg,#94a3b8 0,#64748b 100%);border-radius:28px;transition:all .4s cubic-bezier(.4, 0, .2, 1);box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 2px 6px rgba(100,116,139,.2);border:none}.toggle-switch .toggle-slider::before{content:"";position:absolute;width:22px;height:22px;left:3px;bottom:3px;background:linear-gradient(180deg,#fff 0,#f8fafc 100%);border-radius:50%;transition:all .4s cubic-bezier(.4, 0, .2, 1);box-shadow:0 2px 6px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.1)}.toggle-switch .toggle-slider::after{content:"";position:absolute;right:8px;left:auto;top:50%;transform:translateY(-50%);width:10px;height:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.9;transition:all .3s ease}.toggle-switch:hover .toggle-slider{box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 4px 10px rgba(100,116,139,.3)}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%);box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 2px 8px rgba(59,110,245,.35)}.toggle-switch input:checked+.toggle-slider::before{transform:translateX(24px)}.toggle-switch input:checked+.toggle-slider::after{content:"";left:8px;right:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");opacity:1}.toggle-switch:hover input:checked+.toggle-slider{box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 4px 12px rgba(59,110,245,.45)}.toggle-switch input:active+.toggle-slider::before{width:26px}.linked-accounts{display:flex;flex-direction:column;gap:10px}.link-account-btn{display:flex;align-items:center;gap:14px;padding:14px 18px;background:linear-gradient(135deg,var(--bg-element) 0,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.08);border-radius:14px;font-size:.9rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.link-account-btn::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;opacity:0;transition:opacity .25s ease}.link-account-btn:hover{background:linear-gradient(135deg,var(--bg-sidebar) 0,rgba(255,255,255,.04) 100%);transform:translateX(4px)}.link-account-btn:hover::before{opacity:1}.link-account-btn i{width:22px;height:22px;transition:transform .25s ease}.link-account-btn:hover i{transform:scale(1.1)}.link-account-btn.discord i{color:#5865f2}.link-account-btn.discord::before{background:#5865f2}.link-account-btn.roblox i{color:#e34c4c}.link-account-btn.roblox::before{background:#e34c4c}.link-account-btn:disabled{opacity:.6;cursor:not-allowed}.link-account-btn:disabled:hover{background:linear-gradient(135deg,var(--bg-element) 0,rgba(255,255,255,.02) 100%);transform:none}.link-status{margin-left:auto;font-size:.75rem;font-weight:500;padding:5px 10px;background:rgba(0,0,0,.08);border-radius:8px;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.link-status.linked{background:linear-gradient(135deg,rgba(16,185,129,.15) 0,rgba(52,211,153,.15) 100%);color:#10b981;border:1px solid rgba(16,185,129,.2)}.link-status.linked i{width:14px;height:14px}.settings-actions{padding-top:20px;border-top:1px solid rgba(255,255,255,.06);margin-top:4px}.btn-danger{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background:linear-gradient(135deg,rgba(239,68,68,.1) 0,rgba(248,113,113,.1) 100%);color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:14px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease}.btn-danger:hover{background:linear-gradient(135deg,rgba(239,68,68,.2) 0,rgba(248,113,113,.2) 100%);border-color:rgba(239,68,68,.4);transform:translateY(-1px);box-shadow:0 4px 16px rgba(239,68,68,.15)}.btn-danger i{width:18px;height:18px}.modal-progress{display:flex;flex-direction:column;gap:16px}.progress-overview{display:flex;justify-content:center;padding:32px 0;background:linear-gradient(145deg,rgba(30,41,59,.5) 0,rgba(15,23,42,.5) 100%);border-radius:20px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.04);position:relative;overflow:hidden}.progress-overview::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-accent) 0,#2554d6 50%,#1d4ed8 100%)}.progress-circle-large{position:relative;width:140px;height:140px}.progress-circle-large svg{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 4px 12px rgba(59, 110, 245, .2))}.progress-circle-large .progress-bg{fill:none;stroke:rgba(59,110,245,0.1);stroke-width:10}.progress-circle-large .progress-fill{fill:none;stroke:url(#progressGradient);stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .8s cubic-bezier(.4, 0, .2, 1)}.progress-circle-large .progress-fill:not([stroke="url(#progressGradient)"]){stroke:var(--primary-accent)}.progress-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-text .progress-value{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 50%,#1d4ed8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.progress-text .progress-label{font-size:.75rem;color:var(--text-muted);margin-top:6px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.progress-stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.progress-stat{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:20px 14px;background:linear-gradient(145deg,rgba(30,41,59,.5) 0,rgba(15,23,42,.5) 100%);border-radius:18px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.04);transition:all .25s ease}.progress-stat:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.progress-stat i{width:26px;height:26px;padding:10px;background:linear-gradient(135deg,rgba(59,110,245,.1) 0,rgba(59,110,245,.1) 100%);border-radius:12px;color:var(--primary-accent);box-sizing:content-box}.progress-stat .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-headings);line-height:1}.progress-stat .stat-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.modules-progress-list{background:linear-gradient(145deg,rgba(30,41,59,.5) 0,rgba(15,23,42,.5) 100%);border-radius:18px;padding:20px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.04)}.modules-progress-list h3{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin:0 0 16px 0;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.modules-progress-list h3 i{width:16px;height:16px;color:var(--primary-accent)}.module-progress-item{padding:16px 18px;background:rgba(255,255,255,.03);border-radius:14px;margin-bottom:12px;border:1px solid rgba(255,255,255,.04);transition:all .2s ease}.module-progress-item:hover{background:rgba(255,255,255,.06);border-color:rgba(59,110,245,.2);transform:translateX(4px)}.module-progress-item:last-child{margin-bottom:0}.module-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modules-progress-list .module-title{font-size:.85rem;color:var(--text-headings);font-weight:600}.modules-progress-list .module-percent{font-size:.8rem;font-weight:700;background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modules-progress-list .module-progress-bar{height:8px;background:rgba(59,110,245,.1);border-radius:4px;overflow:hidden;position:relative}.modules-progress-list .module-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-accent) 0,#2554d6 50%,#1d4ed8 100%);border-radius:4px;transition:width .5s cubic-bezier(.4, 0, .2, 1);position:relative}.modules-progress-list .module-progress-fill::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer-slide 2s infinite}@keyframes shimmer-slide{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media (max-width:768px){.side-modal-container{max-width:100%}.side-modal-header{padding:16px 18px}.side-modal-header h2,.side-modal-title{font-size:1.05rem}.side-modal-body{padding:16px}.profile-header{padding:24px 20px}.profile-avatar-large{width:85px;height:85px}.profile-info h2{font-size:1.2rem}.profile-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px}.progress-circle-large{width:120px;height:120px}.progress-text .progress-value{font-size:1.8rem}.progress-stats-row{grid-template-columns:repeat(3,1fr);gap:8px}.progress-stat{padding:14px 8px}.progress-stat i{width:22px;height:22px;padding:8px}.progress-stat .stat-value{font-size:1.2rem}}@media (max-width:380px){.progress-stats-row{grid-template-columns:1fr;gap:10px}.progress-stat{flex-direction:row;justify-content:flex-start;gap:12px;text-align:left}.profile-stats-grid{grid-template-columns:1fr}}.side-modal-header-content{display:flex;flex-direction:column;gap:4px;flex:1}.side-modal-header-content h2{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;margin:0;color:#fff}.side-modal-header-content h2 i{width:22px;height:22px}.side-modal-subtitle{color:rgba(255,255,255,.75);font-size:.85rem;margin:0}.side-modal-header>.side-modal-close{position:absolute;top:16px;right:16px}.side-modal-header-actions{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:8px}.side-modal-action-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;transition:all .2s}.side-modal-action-btn:hover{background:rgba(255,255,255,.25);transform:translateY(-1px)}.side-modal-action-btn i{width:18px;height:18px}.side-modal-header-actions .side-modal-close{position:relative;top:0;right:0}.modal-tabs{display:flex;gap:4px;padding:4px;margin:0 20px 16px;background:var(--bg-element);border:1px solid rgba(59,110,245,.15);border-radius:12px;flex-shrink:0}.modal-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 10px;background:0 0;border:none;border-radius:8px;font-size:.75rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden;white-space:nowrap}.modal-tab-btn i{width:14px;height:14px;flex-shrink:0}.modal-tab-btn:hover{background:rgba(59,110,245,.08);color:var(--text-primary)}.modal-tab-btn.active{background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%);color:#fff;box-shadow:0 4px 12px rgba(59,110,245,.3)}.modal-tab-btn.active i{filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .2))}.modal-tab-content{padding:4px 0 0}.settings-account-modern{display:flex;flex-direction:column;gap:24px}.account-header{display:flex;align-items:center;gap:16px;padding:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px}.account-avatar{position:relative;width:70px;height:70px;flex-shrink:0}.account-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.account-info{flex:1;min-width:0}.account-name{font-size:1.25rem;font-weight:700;color:var(--text-headings);margin-bottom:4px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-email{font-size:.9rem;color:var(--text-muted);display:block;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-badges{display:flex;gap:8px;flex-wrap:wrap}.account-badge{font-size:.75rem;padding:4px 10px;border-radius:12px;background:rgba(255,255,255,.05);color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.account-section{display:flex;flex-direction:column;gap:10px}.account-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-left:4px}.account-input-group{position:relative;display:flex;gap:10px}.account-input-wrapper{position:relative;flex:1}.account-input{width:100%;padding:12px 12px 12px 42px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.95rem;transition:all .2s;box-sizing:border-box}.account-input:focus{border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(37,84,214,.1);outline:0}.account-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted)}.account-save-btn{padding:0 20px;background:var(--primary-accent);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;white-space:nowrap}.account-save-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.account-hint{font-size:.8rem;color:var(--text-muted);margin-top:6px;display:flex;align-items:center;gap:6px}.account-hint.warning{color:#eab308}.account-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-box{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px}.detail-label{font-size:.8rem;color:var(--text-muted);margin-bottom:4px;display:block}.detail-value{font-size:1rem;font-weight:600;color:var(--text-headings);display:flex;align-items:center;gap:8px;word-break:break-all}.account-logout{width:100%;padding:16px;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);color:#ef4444;font-weight:600;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;margin-top:10px}.account-logout:hover{background:rgba(239,68,68,.1)}@media (max-width:480px){.header-actions{display:none}.account-header{flex-direction:column;text-align:center}.account-info{width:100%}.account-badges{justify-content:center}.account-input-group{flex-direction:column}.account-save-btn{width:100%;justify-content:center;padding:12px}.account-details-grid{grid-template-columns:1fr}}.settings-account-modern{display:flex;flex-direction:column;gap:20px;padding:10px 0}.account-header-card{background:var(--bg-card-light,rgba(255,255,255,.05));border:1px solid var(--border-color,rgba(255,255,255,.1));border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.05)}.account-header-content{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.account-avatar-large{width:90px;height:90px;border-radius:50%;border:3px solid var(--bg-main);box-shadow:0 0 0 2px var(--primary-accent);padding:3px;background:var(--bg-card)}.account-avatar-large img{width:100%;height:100%;border-radius:50%;object-fit:cover}.account-identity{display:flex;flex-direction:column;gap:4px}.account-name-large{font-size:1.4rem;font-weight:700;color:var(--text-headings)}.account-email-large{font-size:.95rem;color:var(--text-muted)}.account-badges-row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;justify-content:center}.badge-pill{font-size:.8rem;padding:6px 14px;border-radius:20px;background:rgba(var(--primary-rgb),.1);color:var(--primary-accent);font-weight:500;display:flex;align-items:center;gap:6px}.settings-section-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.03)}.section-title{font-size:1rem;font-weight:600;color:var(--text-headings);margin-bottom:16px;display:flex;align-items:center;gap:10px}.section-title i{color:var(--primary-accent)}.pseudo-input-container{display:flex;gap:12px;margin-bottom:12px}.modern-input-wrapper{position:relative;flex:1}.modern-input-wrapper i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.modern-input{width:100%;padding:12px 16px 12px 42px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.95rem;transition:all .2s}.modern-input:focus{border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(37,84,214,.15);outline:0}.save-btn-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:none;background:var(--primary-accent);color:#fff;cursor:pointer;transition:all .2s}.save-btn-icon:hover{transform:translateY(-2px);filter:brightness(1.1)}.info-note{font-size:.85rem;color:var(--text-muted);display:flex;align-items:flex-start;gap:8px;line-height:1.4}.tech-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tech-card{background:var(--bg-card-hover);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}.tech-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.tech-value{font-family:var(--font-code);font-size:.95rem;color:var(--text-primary);word-break:break-all;display:flex;align-items:center;gap:6px}.logout-card-btn{width:100%;padding:18px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:#ef4444;font-weight:600;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s}.logout-card-btn:hover{background:rgba(239,68,68,.15);transform:translateY(-1px)}.tech-value.full-id{font-size:.8rem;word-break:break-all;line-height:1.4;user-select:all}.pseudo-minimal-section{display:flex;flex-direction:column;gap:10px;padding:10px}.pseudo-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-left:4px;margin-bottom:-5px}.settings-connexions-modern{display:flex;flex-direction:column;gap:20px;padding:10px 0}.connection-card-modern{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.connection-card-modern:hover{border-color:var(--primary-accent)}.connection-card-modern.discord{border-top:4px solid #5865f2}.connection-card-modern.roblox{border-top:4px solid #000}.connection-header-modern{display:flex;align-items:center;gap:16px;margin-bottom:20px}.connection-icon-box{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.connection-icon-box.discord{background:#5865f2}.connection-icon-box.roblox{background:#232527}.connection-title-group h3{font-size:1.1rem;font-weight:700;margin:0 0 4px 0}.connection-title-group p{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.3}.connection-linked-state{background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.1);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center}.linked-user-info{display:flex;align-items:center;gap:12px}.linked-user-info i{color:var(--success);font-size:1.2rem}.linked-username{font-weight:600;color:var(--text-headings);font-size:1rem}.btn-unlink{background:0 0;color:var(--text-muted);border:1px solid var(--border-color);padding:8px 12px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-unlink:hover{background:rgba(239,68,68,.1);color:#ef4444;border-color:#ef4444}.btn-connect{width:100%;padding:14px;border-radius:12px;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;color:#fff;font-size:1rem}.btn-connect.discord{background:#5865f2}.btn-connect.discord:hover{background:#4752c4;transform:translateY(-2px)}.btn-connect.roblox{background:var(--text-headings);color:var(--bg-main)}.roblox-steps-container{display:flex;flex-direction:column;gap:16px;margin-top:16px}.roblox-step{display:flex;gap:12px}.step-num{width:24px;height:24px;background:var(--bg-card-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;color:var(--text-secondary);border:1px solid var(--border-color)}.step-content{flex:1}.step-content h5{font-size:.9rem;margin:0 0 6px 0;color:var(--text-primary)}.step-content p{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.4}.code-copy-box{display:flex;gap:8px;margin-top:8px}.code-display{background:#1e293b;color:#fff;padding:8px 12px;border-radius:8px;font-family:var(--font-code);font-size:1rem;letter-spacing:1px;flex:1;text-align:center;border:1px solid rgba(255,255,255,.1)}.btn-copy-mini{background:var(--bg-card-hover);border:1px solid var(--border-color);color:var(--text-primary);width:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-copy-mini:hover{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.reward-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);color:#eab308;border-radius:20px;font-size:.75rem;font-weight:600;margin-top:8px}.reward-tag.claimed{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#22c55e}.settings-preferences-modern{display:flex;flex-direction:column;gap:20px;padding:10px 0}.preference-section-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:border-color .2s}.preference-section-card:hover{border-color:var(--primary-accent)}.preference-header-row{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);background:rgba(var(--primary-rgb),.03)}.preference-header-info{display:flex;align-items:center;gap:14px}.pref-icon-box{width:44px;height:44px;border-radius:12px;background:var(--bg-main);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--primary-accent);font-size:1.1rem}.preference-title h4{font-size:1rem;font-weight:700;margin:0 0 2px 0;color:var(--text-headings)}.preference-title p{font-size:.8rem;color:var(--text-muted);margin:0}.preference-content{padding:8px 0}.preference-item-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.preference-item-row:last-child{border-bottom:none}.pref-item-info{display:flex;align-items:center;gap:12px}.pref-mini-icon{width:32px;height:32px;border-radius:8px;background:var(--bg-card-hover);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.9rem}.pref-label{font-size:.95rem;font-weight:500;color:var(--text-primary)}.preference-section-card{background:var(--bg-card);border:1px solid rgba(0,0,0,.05);border-radius:16px;overflow:hidden;margin-bottom:16px;box-shadow:0 4px 12px rgba(0,0,0,.03)}.preference-header-row{background:linear-gradient(to right,rgba(var(--primary-rgb),.05),transparent);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.05)}.preference-header-info{display:flex;align-items:center;gap:12px}.pref-icon-box{width:40px;height:40px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--primary-accent);box-shadow:0 2px 8px rgba(0,0,0,.05);font-size:1.1rem}.modern-toggle{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.modern-toggle input{opacity:0;width:0;height:0;position:absolute}.modern-toggle .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#94a3b8 0,#64748b 100%);transition:all .4s cubic-bezier(.4, 0, .2, 1);border-radius:28px;border:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 2px 6px rgba(100,116,139,.2)}.modern-toggle .toggle-slider::before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background:linear-gradient(180deg,#fff 0,#f8fafc 100%);transition:all .4s cubic-bezier(.4, 0, .2, 1);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.1)}.modern-toggle .toggle-slider::after{content:"";position:absolute;right:8px;left:auto;top:50%;transform:translateY(-50%);width:10px;height:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.9;transition:all .3s ease}.modern-toggle:hover .toggle-slider{box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 4px 10px rgba(100,116,139,.3)}.modern-toggle:hover .toggle-slider::before{transform:scale(1.05)}.modern-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%);box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 2px 8px rgba(59,110,245,.35)}.modern-toggle input:checked+.toggle-slider::before{transform:translateX(24px)}.modern-toggle input:checked+.toggle-slider::after{content:"";left:8px;right:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");opacity:1}.modern-toggle:hover input:checked+.toggle-slider{box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 4px 12px rgba(59,110,245,.45)}.modern-toggle input:focus+.toggle-slider{outline:0}.modern-toggle input:active+.toggle-slider::before{width:26px}.pref-select-wrapper{position:relative;min-width:150px}.pref-select{appearance:none;background:var(--bg-card-hover);border:1px solid var(--border-color);padding:8px 32px 8px 12px;border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;width:100%}.pref-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:.8rem}.preference-section-card{border:1px solid rgba(0,0,0,.05)!important;box-shadow:0 4px 15px rgba(0,0,0,.02);background:var(--bg-card)}.preference-header-row{background:linear-gradient(to right,rgba(var(--primary-rgb),.05),transparent);border-bottom:1px solid rgba(0,0,0,.05)}.toggle-slider{background-color:#e2e8f0;border:none}.toggle-slider:before{background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2)}input:checked+.toggle-slider{background-color:#22c55e!important;border-color:#22c55e!important}.pref-mini-icon{background:rgba(var(--primary-rgb),.1);color:var(--primary-accent)}.preference-item-row:hover{background-color:rgba(0,0,0,.01)}.side-modal-container{padding-bottom:env(safe-area-inset-bottom,0)}@media (max-width:480px){.side-modal-container{max-width:100%;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.side-modal-header{padding-top:max(16px,env(safe-area-inset-top,0px))}}.settings-plugin-token{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--bg-hover);border-radius:var(--radius-md);border:1px solid var(--border-color)}.plugin-token-info{display:flex;flex-direction:column;gap:3px}.plugin-token-label{font-size:.82rem;font-weight:600;color:var(--text-headings)}.plugin-token-hint{font-size:.7rem;color:var(--text-muted)}.plugin-token-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plugin-token-value{flex:1;min-width:0;padding:6px 10px;background:var(--bg-body);border:1px solid var(--border-color);border-radius:6px;font-family:var(--font-code);font-size:.72rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plugin-token-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-secondary);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.plugin-token-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.plugin-token-btn i{width:13px;height:13px}.plugin-token-copy{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.plugin-token-copy:hover{opacity:.9;color:#fff}
.dashboard-v3{max-width:var(--container-wide);width:100%;margin:0 auto;padding:0 30px 60px;box-sizing:border-box;overflow-x:hidden}.welcome-hero{padding:22px 28px;background:var(--bg-card);border-radius:var(--radius-xl);margin-bottom:22px;border:1px solid var(--border-color);position:relative;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.04)}.welcome-hero::before{content:"";position:absolute;top:-40%;right:-8%;width:280px;height:280px;background:radial-gradient(circle,var(--primary-light) 0,transparent 70%);opacity:.5;pointer-events:none}.hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;position:relative;z-index:2}.hero-greeting{flex:1;min-width:0}.welcome-hero h1{font-size:1.55rem;font-weight:800;margin:0 0 6px;color:var(--text-headings);line-height:1.2}.welcome-hero h1 .highlight{color:var(--primary-accent)}.hero-wave{display:inline-block}.hero-sub{margin:0;color:var(--text-secondary);font-size:.92rem;line-height:1.4}.hero-sub-text{color:var(--text-secondary)}.hero-guide-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:0 0;border:1px solid var(--border-color);border-radius:8px;color:var(--primary-accent);font-size:.86rem;font-weight:600;cursor:pointer;transition:all var(--transition);white-space:nowrap;flex-shrink:0}.hero-guide-btn svg{width:14px;height:14px;flex-shrink:0}.hero-guide-btn:hover{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.hero-stats-minimal{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;position:relative;z-index:2}.hero-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-sidebar,#fafafa);border:1px solid var(--border-color);border-radius:999px;font-family:inherit;cursor:pointer;transition:all .15s}.hero-chip:hover{border-color:var(--primary-accent);background:var(--bg-card);transform:translateY(-1px)}.hero-chip i{width:15px;height:15px;flex-shrink:0}.hero-chip-value{font-weight:700;color:var(--text-headings);font-size:.92rem}.hero-chip-label{color:var(--text-muted);font-size:.78rem;font-weight:500}.hero-referral-strip{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;background:rgba(var(--primary-rgb),.04);border:1px solid rgba(var(--primary-rgb),.12);border-radius:9999px;position:relative;z-index:2}.hero-ref-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.hero-ref-label [data-lucide],.hero-ref-label i{width:14px;height:14px;color:var(--primary-accent)}.hero-ref-label strong{color:var(--text-headings)}.hero-ref-stats{font-size:11px;color:var(--text-muted)}.hero-ref-stats strong{color:var(--text-headings)}.hero-ref-btn{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--border-color);border-radius:7px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .15s;padding:0}.hero-ref-btn:hover{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.hero-ref-btn [data-lucide],.hero-ref-btn i{width:13px;height:13px}.hero-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;max-width:100%}.hero-stat{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:10px 16px;transition:all var(--transition-bounce);flex-shrink:0;box-sizing:border-box;box-shadow:var(--shadow-sm);min-width:140px}.hero-stat i{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-xl);color:#fff!important;flex-shrink:0;box-shadow:var(--shadow-md)}.hero-stat-info{display:flex;flex-direction:column;justify-content:center;line-height:1.2}.hero-stat .fa-fire{background:linear-gradient(135deg,#f87171 0,var(--color-error) 100%)}.hero-stat .fa-graduation-cap{background:var(--gradient-green)}.hero-stat .fa-bullseye{background:var(--gradient-primary)}.hero-stat .fa-certificate,.hero-stat .fa-medal{background:var(--gradient-gold)}.hero-stat .fa-code{background:var(--gradient-primary)}.hero-stat .fa-cubes{background:var(--track-build-gradient)}.hero-stat-value{font-size:var(--font-lg);font-weight:700;color:var(--text-headings);width:100%}.hero-stat-label{font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.hero-stat.clickable{cursor:pointer}.hero-stat.clickable:hover{border-color:var(--primary-accent);transform:translateY(-2px);box-shadow:var(--shadow-accent)}.welcome-actions{display:flex;gap:12px}.btn-primary-lg{display:inline-flex;align-items:center;gap:10px;background:var(--gradient-primary);color:var(--text-on-accent);border:none;padding:13px 28px;border-radius:var(--radius-md);font-size:var(--font-md);font-weight:700;cursor:pointer;transition:all var(--transition);box-shadow:0 4px 15px rgba(var(--primary-accent-rgb),.25)}.btn-primary-lg:hover{opacity:.92;transform:translateY(-2px);box-shadow:var(--shadow-accent)}.btn-primary-lg i{width:18px;height:18px}.welcome-hero-visual{position:relative;width:140px;height:140px;flex-shrink:0}.floating-icons{position:absolute;top:0;left:0;width:100%;height:100%}.float-icon{position:absolute;width:44px;height:44px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary-accent);box-shadow:0 8px 20px rgba(0,0,0,.08);animation:float 3s ease-in-out infinite}.float-icon i{width:20px;height:20px}.float-icon.icon-1{top:0;left:50%;transform:translateX(-50%);animation:float1 3s ease-in-out infinite}.float-icon.icon-2{bottom:0;left:5px;animation-delay:.5s}.float-icon.icon-3{bottom:0;right:5px;animation-delay:1s}@keyframes float1{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}.dashboard-main-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:32px}.dashboard-left,.dashboard-right{display:flex;flex-direction:column;gap:16px}.module-pill{background:var(--primary-light);color:var(--primary-accent);padding:4px 12px;border-radius:var(--radius-xl);font-size:var(--font-xs);font-weight:700}.current-module-content{display:flex;align-items:center;gap:16px;margin-bottom:16px}.module-icon-wrapper{width:56px;height:56px;background:linear-gradient(135deg,var(--primary-accent) 0,var(--primary-accent-dark) 100%);box-shadow:0 4px 12px rgba(var(--primary-accent-rgb),.3);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.module-icon-wrapper i{width:26px;height:26px}.module-info h4{font-size:var(--font-md);font-weight:700;color:var(--text-headings);margin-bottom:4px}.module-info .lesson-name{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:10px}.progress-inline{display:flex;align-items:center;gap:10px}.progress-bar-mini{flex:1;height:6px;background:var(--bg-element);border-radius:var(--radius-md);overflow:hidden}.progress-bar-mini .progress-fill{height:100%;background:var(--primary-accent);border-radius:var(--radius-md)}.progress-text{font-size:var(--font-xs);font-weight:700;color:var(--primary-accent)}.btn-module-continue{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--primary-accent) 0,var(--primary-accent-dark) 100%);color:#fff;border:none;padding:12px;border-radius:12px;font-size:var(--font-base);font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 3px 10px rgba(var(--primary-accent-rgb),.25)}.btn-module-continue:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,84,214,.3)}.btn-module-continue i{width:16px;height:16px}.card-daily-reward{background:linear-gradient(135deg,var(--bg-sidebar) 0,var(--bg-element) 100%)}.daily-reward-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.daily-title{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--text-headings);font-size:var(--font-base)}.daily-title i{width:18px;height:18px;color:#f59e0b}.streak-badge{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fff7ed 0,#ffedd5 100%);color:#c2410c;padding:6px 12px;border-radius:var(--radius-xl);font-size:var(--font-xs);font-weight:700;border:1px solid #fed7aa}.streak-badge i{color:#f97316;font-size:var(--font-sm)}.daily-reward-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.days-row{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(59,110,245,0.4) transparent}.days-row::-webkit-scrollbar{height:5px}.days-row::-webkit-scrollbar-track{background:0 0}.days-row::-webkit-scrollbar-thumb{background:rgba(59,110,245,.4);border-radius:var(--radius-md)}.day{width:36px;height:36px;min-width:36px;border-radius:50%;background:var(--bg-element);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:var(--font-2xs);transition:all .2s;flex-shrink:0;box-sizing:border-box}.day i{width:14px;height:14px}.day.claimed{background:linear-gradient(135deg,#ecfdf5 0,#d1fae5 100%);border-color:#10b981;color:#059669}.day.today{background:linear-gradient(135deg,var(--primary-light) 0,#bfdbfe 100%);border-color:var(--primary-accent);color:var(--primary-accent);transform:scale(1.1);box-shadow:0 4px 12px rgba(37,84,214,.2)}.day.bonus{background:linear-gradient(135deg,#fffbeb 0,#fef3c7 100%);border-color:#f59e0b;color:#d97706}.claim-section{display:flex;align-items:center;gap:12px}.reward-amount{font-size:var(--font-lg);font-weight:800;color:var(--text-headings)}.btn-claim{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:700;font-size:var(--font-sm);cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(245,158,11,.3)}.btn-claim:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(245,158,11,.4)}.btn-claim.claimed{background:linear-gradient(135deg,#10b981 0,#059669 100%);pointer-events:none}.leaderboard-compact{display:flex;flex-direction:column;gap:10px}.lb-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-element);border-radius:var(--radius-md)}.lb-pos{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:800;color:#fff}.lb-pos.gold{background:#f59e0b}.lb-pos.silver{background:#94a3b8}.lb-pos.bronze{background:#b45309}.lb-name{flex:1;font-weight:600;font-size:var(--font-base);color:var(--text-primary)}.lb-pts{font-weight:700;font-size:var(--font-sm);color:var(--primary-accent)}.quick-body{display:flex;flex-direction:column;flex:1}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;flex:1}.quick-btn{display:flex;align-items:center;gap:12px;padding:14px 14px;background:var(--bg-element);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all var(--transition);text-align:left;min-height:0}.quick-btn:hover{border-color:var(--primary-accent);transform:translateY(-2px);box-shadow:0 6px 16px rgba(37,84,214,.1);background:var(--bg-sidebar)}.quick-icon{width:38px;height:38px;min-width:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-icon i{width:18px;height:18px}.quick-icon.purple{background:linear-gradient(135deg,#eff6ff 0,#bfdbfe 100%);color:#2554d6}.quick-icon.blue{background:linear-gradient(135deg,#dbeafe 0,#bfdbfe 100%);color:#2554d6}.quick-icon.red{background:linear-gradient(135deg,#fee2e2 0,#fecaca 100%);color:#dc2626}.quick-icon.gold{background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);color:#d97706}.quick-text{display:flex;flex-direction:column;gap:2px;min-width:0}.quick-label{font-size:var(--font-sm);font-weight:700;color:var(--text-headings);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-desc{font-size:var(--font-2xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-premium-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:40px}.dash-right-column{display:flex;flex-direction:column;gap:24px}.dash-side-panel{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px 0;border-top:1px solid rgba(148,163,184,.22);border-bottom:1px solid rgba(148,163,184,.14)}.dash-side-panel::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;border-radius:var(--radius-full);opacity:.9}.daily-panel::before{background:linear-gradient(180deg,#f59e0b 0,#f97316 100%)}.leaderboard-panel::before{background:linear-gradient(180deg,#0ea5e9 0,#2554d6 100%)}.leaderboard-strip,.panel-cta,.panel-head,.panel-highlight-row,.panel-inline-stats,.panel-progress-wrap,.side-leaderboard-list{margin-left:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-kicker{display:inline-flex;align-items:center;gap:7px;font-size:var(--font-2xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.panel-meta{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-xs);font-weight:700;color:var(--text-secondary)}.daily-panel .panel-meta i{color:#f59e0b}.panel-link{border:none;background:0 0;padding:0;display:inline-flex;align-items:center;gap:6px;color:#2554d6;font-size:var(--font-xs);font-weight:700;cursor:pointer}.panel-link:hover{text-decoration:underline}.panel-link i,.panel-link svg{width:14px;height:14px}.panel-highlight-row{display:flex;align-items:center;gap:12px}.panel-highlight-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-element)}.daily-panel .panel-highlight-icon{color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.leaderboard-panel .panel-highlight-icon{color:#0284c7;border:1px solid rgba(14,165,233,.25)}.panel-highlight-icon i,.panel-highlight-icon svg{width:20px;height:20px}.panel-highlight-text h4{margin:0;font-size:1.08rem;line-height:1.2;color:var(--text-headings)}.panel-highlight-text p{margin:4px 0 0;font-size:var(--font-sm);color:var(--text-secondary)}.panel-inline-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel-inline-stat{display:flex;flex-direction:column;gap:5px;padding:10px 12px;border-radius:var(--radius-md);background:var(--bg-element)}.panel-inline-stat .label{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;color:var(--text-muted);font-weight:700}.panel-inline-stat .label i,.panel-inline-stat .label svg{width:13px;height:13px}.panel-inline-stat .value{font-size:.87rem;font-weight:800;color:var(--text-headings)}.panel-inline-stat .value i{margin-left:2px;color:#f59e0b}.panel-progress-wrap{display:flex;flex-direction:column;gap:8px}.panel-progress-head{display:flex;align-items:center;justify-content:space-between}.panel-progress-head .label{font-size:var(--font-2xs);font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.panel-progress-head .value{font-size:var(--font-sm);font-weight:800;color:var(--text-headings)}.panel-progress-bar{width:100%;height:7px;border-radius:var(--radius-full);background:var(--bg-element);overflow:hidden}.panel-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b 0,#f97316 100%);transition:width .6s ease}.btn-claim-reward.panel-cta{width:auto;justify-content:center;align-self:flex-start;border:1px solid rgba(245,158,11,.24);background:rgba(245,158,11,.12);color:#c2410c;border-radius:var(--radius-full);padding:10px 16px;font-size:var(--font-sm);font-weight:800;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all var(--transition)}.btn-claim-reward.panel-cta i,.btn-claim-reward.panel-cta svg{width:15px;height:15px}.btn-claim-reward.panel-cta.can-claim:hover{transform:translateY(-2px);background:linear-gradient(135deg,#f59e0b 0,#f97316 100%);color:#fff;border-color:transparent}.btn-claim-reward.panel-cta.disabled,.btn-claim-reward.panel-cta:disabled{opacity:.6;cursor:not-allowed}.leaderboard-strip{display:inline-flex;width:fit-content;align-items:center;padding:5px 10px;border-radius:var(--radius-full);background:rgba(14,165,233,.11);color:#0369a1;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.side-leaderboard-list{border-top:1px dashed rgba(148,163,184,.3);padding-top:10px}.side-leaderboard-list .lb-entry{border:none;border-radius:var(--radius-md);background:0 0;border-bottom:1px solid rgba(148,163,184,.15);padding:9px 2px}.side-leaderboard-list .lb-entry:last-child{border-bottom:none}.side-leaderboard-list .lb-entry:hover{transform:none;background:rgba(148,163,184,.08)}.dash-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dash-section-header h3{font-size:var(--font-xl);font-weight:800;color:var(--text-headings);display:flex;align-items:center;gap:10px}.dash-section-header h3 i,.dash-section-header h3 svg{color:var(--primary-accent);width:20px;height:20px}.resume-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.unified-extra-grid{margin-top:20px;align-items:stretch;grid-template-columns:1fr 1fr 1fr}.dashboard-extra-block{display:flex;flex-direction:column;gap:16px}.dashboard-extra-header{margin-bottom:0;gap:8px}.dashboard-extra-header .dash-link{margin-left:auto}.unified-extra-grid .dash-section-header{margin-bottom:8px}.unified-extra-grid .resume-card{flex:1;padding:18px;gap:0;justify-content:space-between}.unified-extra-grid .resume-card .resume-main{margin-bottom:12px}.unified-extra-grid .resume-card .resume-stats-mini{margin-bottom:14px}.unified-extra-grid .resume-card .resume-bottom{margin-top:0}.resume-card{position:relative;border-radius:var(--radius-xl);padding:24px;overflow:hidden;display:flex;flex-direction:column;gap:20px;z-index:1;border:1px solid rgba(255,255,255,.05);background:var(--bg-sidebar);transition:all .4s cubic-bezier(.2, .8, .2, 1);box-shadow:0 4px 20px rgba(0,0,0,.02)}.resume-card:hover{transform:translateY(-4px)}.resume-card.script-theme{background:linear-gradient(135deg,rgba(37,84,214,.06) 0,rgba(15,23,42,0) 100%),var(--bg-sidebar);border-color:rgba(37,84,214,.15)}.resume-card.script-theme:hover{box-shadow:0 12px 30px rgba(37,84,214,.1);border-color:rgba(37,84,214,.3)}.resume-card.build-theme{background:linear-gradient(135deg,rgba(147,51,234,.06) 0,rgba(15,23,42,0) 100%),var(--bg-sidebar);border-color:rgba(147,51,234,.15)}.resume-card.build-theme:hover{box-shadow:0 12px 30px rgba(147,51,234,.1);border-color:rgba(147,51,234,.3)}.resume-card.reward-theme{background:var(--bg-sidebar);border-color:rgba(148,163,184,.22)}.resume-card.reward-theme:hover{box-shadow:0 12px 30px rgba(59,110,245,.09);border-color:rgba(59,110,245,.22)}.resume-card.leaderboard-theme{background:var(--bg-sidebar);border-color:rgba(148,163,184,.22)}.resume-card.leaderboard-theme:hover{box-shadow:0 12px 30px rgba(59,110,245,.09);border-color:rgba(59,110,245,.22)}.resume-bg-icon{position:absolute;right:-25px;bottom:-20px;font-size:150px;opacity:.03;z-index:-1;transform:rotate(-15deg);transition:all .6s cubic-bezier(.2, .8, .2, 1)}.resume-card:hover .resume-bg-icon{transform:rotate(0) scale(1.05);opacity:.05}.resume-top{display:flex;justify-content:space-between;align-items:center}.resume-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:30px;font-size:var(--font-xs);font-weight:800;text-transform:uppercase;letter-spacing:.5px}.script-theme .resume-badge{background:rgba(37,84,214,.15);color:#3b6ef5;border:1px solid rgba(59,110,245,.3)}.build-theme .resume-badge{background:rgba(147,51,234,.15);color:#a855f7;border:1px solid rgba(168,85,247,.3)}.reward-theme .resume-badge{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.22)}.leaderboard-theme .resume-badge{background:rgba(14,165,233,.1);color:#0284c7;border:1px solid rgba(14,165,233,.24)}.resume-mod-id{font-size:var(--font-xs);color:var(--text-muted);font-weight:700;background:var(--bg-element);padding:4px 10px;border-radius:var(--radius-sm)}.daily-streak-chip{position:absolute;top:20px;right:22px;font-size:var(--font-xs);color:var(--text-muted);font-weight:700;background:var(--bg-element);padding:4px 10px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:6px}.resume-main{display:flex;align-items:center;gap:16px;margin-top:10px}.card-title-top{margin-top:2px}.card-title-top .resume-title{margin-bottom:4px}.card-title-top .resume-subtitle{margin:0}.leaderboard-theme .resume-main,.reward-theme .resume-main{margin-top:0}.card-main-note .resume-subtitle{margin:0;font-size:var(--font-xs)}.card-main-note .resume-title{margin-bottom:3px}.resume-icon-box{width:50px;height:50px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.1)}.script-theme .resume-icon-box{background:linear-gradient(135deg,#2554d6,#3b6ef5)}.build-theme .resume-icon-box{background:linear-gradient(135deg,#7c3aed,#c084fc)}.reward-theme .resume-icon-box{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.leaderboard-theme .resume-icon-box{background:linear-gradient(135deg,#0284c7,#38bdf8)}.resume-icon-box i,.resume-icon-box svg{width:24px;height:24px}.resume-text{flex:1}.resume-title{font-size:1.15rem;font-weight:800;color:var(--text-headings);margin-bottom:4px;line-height:1.2}.resume-subtitle{font-size:var(--font-sm);color:var(--text-secondary)}.resume-stats-mini{display:flex;flex-wrap:wrap;gap:8px}.reward-theme .resume-stats-mini{gap:12px}.reward-theme .resume-stats-mini .stat-pill{flex:1;min-width:170px;justify-content:space-between;padding:10px 14px;font-size:var(--font-base);font-weight:700}.reward-theme .resume-stats-mini .stat-pill i,.reward-theme .resume-stats-mini .stat-pill svg{width:16px;height:16px}.stat-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-element);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;color:var(--text-secondary)}.stat-pill i,.stat-pill svg{width:14px;height:14px;color:var(--text-muted)}.stat-pill.done{color:#10b981;background:rgba(16,185,129,.1)}.stat-pill.done i,.stat-pill.done svg{color:#10b981}.resume-bottom{display:flex;flex-direction:column;gap:16px}.resume-progress{display:flex;flex-direction:column;gap:8px}.resume-progress-info{display:flex;justify-content:space-between;align-items:center}.resume-pct{font-size:var(--font-sm);font-weight:800;color:var(--text-headings)}.resume-progress-bar{width:100%;height:8px;background:var(--bg-element);border-radius:var(--radius-md);overflow:hidden}.resume-progress-fill{height:100%;border-radius:var(--radius-md);position:relative;transition:width .8s cubic-bezier(.2, .8, .2, 1)}.script-theme .resume-progress-fill{background:linear-gradient(90deg,#2554d6,#60a5fa);box-shadow:0 0 10px rgba(59,110,245,.3)}.build-theme .resume-progress-fill{background:linear-gradient(90deg,#7c3aed,#c084fc);box-shadow:0 0 10px rgba(147,51,234,.3)}.reward-theme .resume-progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 10px rgba(245,158,11,.3)}.leaderboard-theme .resume-progress-fill{background:linear-gradient(90deg,#0284c7,#38bdf8);box-shadow:0 0 10px rgba(2,132,199,.3)}.resume-cta{width:100%;padding:14px;border-radius:12px;border:none;font-size:var(--font-base);font-weight:800;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;transition:all var(--transition-slow);color:#fff}.resume-cta i,.resume-cta svg{width:18px;height:18px}.script-btn{background:rgba(37,84,214,.1);color:#3b6ef5;border:1px solid rgba(37,84,214,.2)}.script-btn:hover,.script-theme:hover .script-btn{background:linear-gradient(135deg,#2554d6,#3b6ef5);color:#fff;box-shadow:0 4px 15px rgba(37,84,214,.3);border-color:transparent}.build-btn{background:rgba(147,51,234,.1);color:#a855f7;border:1px solid rgba(147,51,234,.2)}.build-btn:hover,.build-theme:hover .build-btn{background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff;box-shadow:0 4px 15px rgba(147,51,234,.3);border-color:transparent}.resume-card.ugc-theme{background:linear-gradient(135deg,rgba(236,72,153,.06) 0,rgba(15,23,42,0) 100%),var(--bg-sidebar);border-color:rgba(236,72,153,.15)}.resume-card.ugc-theme:hover{box-shadow:0 12px 30px rgba(236,72,153,.1);border-color:rgba(236,72,153,.3)}.ugc-theme .resume-badge{background:rgba(236,72,153,.15);color:var(--track-ugc)}.ugc-theme .resume-icon-box{background:var(--track-ugc-gradient)}.ugc-theme .resume-progress-fill{background:linear-gradient(90deg,#db2777,var(--track-ugc));box-shadow:0 0 10px rgba(236,72,153,.3)}.ugc-btn{background:var(--track-ugc-light);color:var(--track-ugc);border:1px solid rgba(236,72,153,.2)}.ugc-btn:hover,.ugc-theme:hover .ugc-btn{background:linear-gradient(135deg,#db2777,#be185d);color:#fff;box-shadow:0 4px 15px rgba(236,72,153,.3);border-color:transparent}.reward-cta{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.reward-cta.can-claim:hover,.reward-theme:hover .reward-cta.can-claim{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;box-shadow:0 4px 15px rgba(245,158,11,.35);border-color:transparent}.reward-cta.disabled,.reward-cta:disabled{opacity:.55;cursor:not-allowed}.leaderboard-theme #leaderboard-points{border-top:1px dashed rgba(14,165,233,.25);padding-top:8px}.leaderboard-theme #leaderboard-gems{border-top:1px dashed rgba(245,158,11,.25);padding-top:8px}.lb-mini-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lb-mini-col{min-width:0}.lb-mini-col-title{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;font-size:.74rem;font-weight:800;color:#0284c7;text-transform:uppercase;letter-spacing:.04em}.lb-mini-col-title.gems{color:#d97706}.lb-mini-col .lb-entry{padding:7px 8px;gap:8px;border-radius:var(--radius-md)}.lb-mini-col .lb-rank{width:20px;height:20px;min-width:20px;font-size:.68rem}.lb-mini-col .lb-avatar{width:30px;height:30px;min-width:30px;border-radius:50%}.lb-mini-col .lb-user{font-size:.76rem}.lb-mini-col .lb-score{font-size:.76rem}.lb-mini-col .lb-score.gems{color:#d97706}.dash-card{background:var(--bg-sidebar);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,.02);box-sizing:border-box;overflow:hidden;max-width:100%;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.dash-card:hover{border-color:rgba(var(--primary-accent-rgb),.3);box-shadow:0 8px 30px rgba(var(--primary-accent-rgb),.08);transform:translateY(-3px)}.dash-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:0}.dash-card-title{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:800;color:var(--text-headings)}.dash-card-title i,.dash-card-title svg{width:22px;height:22px;color:var(--primary-accent)}.dash-pill{padding:5px 14px;border-radius:var(--radius-xl);font-size:var(--font-xs);font-weight:700}.dash-pill.purple{background:var(--primary-light);color:var(--primary-accent)}.dash-pill.orange{background:linear-gradient(135deg,#fff7ed 0,#ffedd5 100%);color:#c2410c;display:flex;align-items:center;gap:6px;border:1px solid #fed7aa}.dash-pill.orange i{color:#f97316;font-size:var(--font-xs)}.dash-link{background:0 0;border:none;color:var(--primary-accent);font-size:var(--font-xs);font-weight:600;display:inline-flex;align-items:center;gap:6px;line-height:1;cursor:pointer;transition:all .2s}.dash-link i,.dash-link svg{width:14px;height:14px;flex-shrink:0}.dash-link:hover{text-decoration:underline}.dash-link--accent{background:rgba(var(--primary-rgb),.08);padding:6px 14px;border-radius:8px;font-size:12.5px;font-weight:700;text-decoration:none!important}.dash-link--accent:hover{background:rgba(var(--primary-rgb),.15);text-decoration:none}.dash-card-body{flex:1}.module-body{flex:0 0 auto;display:flex;align-items:center;gap:14px;margin-bottom:20px}.modules-list-body{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.module-list-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--bg-element);border:1.5px solid transparent;cursor:pointer;transition:all var(--transition)}.module-list-item:hover{border-color:var(--primary-accent);background:var(--bg-body);transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,.06)}.module-list-item.completed{opacity:.7}.module-list-item.completed:hover{opacity:1}.module-list-item .module-icon-box{width:40px;height:40px;border-radius:var(--radius-md)}.module-list-item .module-icon-box i{width:20px;height:20px}.module-list-item .module-text h4{font-size:var(--font-sm);margin-bottom:2px}.module-list-item .module-text p{font-size:var(--font-xs);margin-bottom:6px}.module-list-item .module-progress span{font-size:var(--font-2xs)}.module-list-action{flex-shrink:0;display:flex;align-items:center;color:var(--text-muted)}.module-list-action i[data-lucide],.module-list-action svg{width:18px!important;height:18px!important}.module-list-item:hover .module-list-action{color:var(--primary-accent)}.module-list-item.completed .module-list-action i[data-lucide],.module-list-item.completed .module-list-action svg{color:#10b981!important;stroke:#10b981!important}.module-icon-box{width:44px;height:44px;background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 10px rgba(0,0,0,.05)}.module-icon-box i{width:auto;height:auto;font-size:var(--font-xl)}.module-text{flex:1;min-width:0}.module-text h4{font-size:var(--font-base);font-weight:700;color:var(--text-headings);margin-bottom:4px}.module-text p{font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:8px}.module-progress{display:flex;align-items:center;gap:10px}.progress-track{flex:1;height:6px;background:var(--bg-element);border-radius:var(--radius-md);overflow:hidden}.progress-track .progress-bar{height:100%;background:var(--primary-accent);border-radius:var(--radius-md)}.module-progress span{font-size:var(--font-xs);font-weight:700;color:var(--primary-accent)}.module-stats-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.module-stat{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);background:var(--bg-element);font-size:var(--font-sm);font-weight:600;color:var(--text-secondary)}.module-stat i[data-lucide],.module-stat svg{width:16px!important;height:16px!important;color:var(--text-muted)!important;stroke:var(--text-muted)!important}.module-stat.done{background:rgba(16,185,129,.1);color:#059669}.module-stat.done i[data-lucide],.module-stat.done svg{color:#10b981!important;stroke:#10b981!important}.module-upcoming{display:flex;flex-direction:column;gap:6px;margin-bottom:0;padding:10px 14px;border-radius:var(--radius-md);background:var(--bg-element);border-left:3px solid var(--border-color)}.upcoming-item{display:flex;align-items:center;gap:10px;font-size:var(--font-xs);color:var(--text-muted);font-weight:500}.upcoming-item.current{color:var(--primary-accent);font-weight:700}.upcoming-dot{width:6px;height:6px;border-radius:50%;background:var(--border-color);flex-shrink:0}.upcoming-item.current .upcoming-dot{background:var(--primary-accent);box-shadow:0 0 6px rgba(37,84,214,.4)}.upcoming-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.formation-objectives,.how-it-works{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:34px 28px;margin-bottom:22px;box-shadow:0 4px 20px rgba(0,0,0,.03)}.dash-premium-grid,.discord-banner,.formation-objectives,.how-it-works,.welcome-hero{width:100%;max-width:100%;box-sizing:border-box}.section-header-center{text-align:center;margin-bottom:28px}.section-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--bg-element);color:var(--primary-accent)}.section-icon i,.section-icon svg{width:22px;height:22px}.section-header-center h2{margin:0 0 8px;color:var(--text-headings);font-size:1.55rem;font-weight:900;letter-spacing:-.01em}.section-header-center p{margin:0;color:var(--text-secondary);font-size:.97rem}.objectives-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.objective-card{background:linear-gradient(135deg,var(--bg-element) 0,var(--bg-sidebar) 100%);border:1px solid var(--border-color);border-radius:16px;padding:20px 16px;min-height:176px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.objective-script{border-color:rgba(59,110,245,.2)}.objective-build{border-color:rgba(245,158,11,.2)}.objective-card:hover{transform:translateY(-3px);border-color:rgba(var(--primary-accent-rgb),.35);box-shadow:0 10px 20px rgba(var(--primary-accent-rgb),.12)}.objective-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.objective-icon i,.objective-icon svg{width:20px;height:20px}.objective-icon.purple{background:rgba(147,51,234,.14);color:#9333ea}.objective-icon.green{background:rgba(16,185,129,.14);color:#059669}.objective-icon.cyan{background:rgba(6,182,212,.14);color:#0891b2}.objective-icon.orange{background:rgba(245,158,11,.14);color:#d97706}.objective-icon.blue{background:rgba(59,110,245,.14);color:#2554d6}.objective-icon.pink{background:rgba(236,72,153,.14);color:#db2777}.objective-card h4{margin:0 0 8px;font-size:var(--font-md);color:var(--text-headings);font-weight:800}.objective-card p{margin:0;color:var(--text-secondary);font-size:var(--font-base);line-height:1.45}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}.step-card{position:relative;background:linear-gradient(180deg,var(--bg-element) 0,var(--bg-sidebar) 100%);border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:64px 20px 26px;min-height:262px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.step-card:hover{transform:translateY(-2px);border-color:rgba(59,110,245,.28);box-shadow:0 10px 24px rgba(15,23,42,.08)}.step-number{position:absolute;top:20px;left:16px;width:34px;height:34px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b6ef5,#2554d6);color:#fff;font-size:var(--font-md);font-weight:800;box-shadow:0 6px 12px rgba(37,84,214,.25)}.step-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.step-icon i,.step-icon svg{width:26px;height:26px}.step-icon.blue{background:rgba(59,110,245,.14);color:#2554d6}.step-icon.indigo{background:rgba(99,102,241,.14);color:#3b6ef5}.step-icon.orange{background:rgba(245,158,11,.14);color:#ea580c}.step-icon.green{background:rgba(16,185,129,.14);color:#059669}.step-card h4{margin:0;font-size:1.05rem;color:var(--text-headings);font-weight:800;line-height:1.3}.step-card p{margin:0;color:var(--text-secondary);font-size:.94rem;line-height:1.58;max-width:30ch}.discord-banner{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:18px;padding:24px;margin-bottom:22px}.discord-content{display:flex;align-items:center;gap:16px}.discord-content>i{font-size:1.4rem;color:#5865f2}.discord-text{flex:1}.discord-text h3{margin:0 0 4px;font-size:1.05rem;font-weight:800;color:var(--text-headings)}.discord-text p{margin:0;font-size:var(--font-base);color:var(--text-secondary)}.btn-discord{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);background:#5865f2;color:#fff;text-decoration:none;font-weight:700;border:1px solid #5865f2;transition:background .2s ease,transform .2s ease}.btn-discord:hover{background:#4752c4;transform:translateY(-1px)}@media (max-width:1024px){.card-module{grid-row:auto}.objectives-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr)}.dash-premium-grid{grid-template-columns:1fr;gap:20px}}@media (max-width:768px){.dashboard-v3{max-width:100%;width:100%;padding:0 12px 40px;overflow-x:hidden}.welcome-hero{flex-direction:column;text-align:center;padding:24px 20px;gap:20px}.welcome-hero-visual{display:none}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-width:100%;overflow:hidden}.hero-stat{padding:10px 12px;flex:unset;min-width:auto;justify-content:center}.hero-stat-label{display:inline;font-size:var(--font-2xs)}.welcome-actions{justify-content:center}.hero-guide-row{justify-content:center}.hero-guide-btn{width:100%;justify-content:center}.btn-primary-lg{padding:12px 20px;font-size:var(--font-base)}.dashboard-main-grid{grid-template-columns:1fr;gap:16px}.dashboard-left,.dashboard-right{gap:12px}.daily-reward-content{flex-direction:column;gap:16px;width:100%;max-width:100%}.days-row{justify-content:center;flex-wrap:nowrap;overflow-x:auto;width:100%;padding:4px 0}.claim-section{width:100%;justify-content:space-between}.quick-grid{grid-template-columns:repeat(2,1fr);gap:8px}.dash-side-panel{padding:16px 0}.panel-inline-stats{grid-template-columns:1fr}.leaderboard-strip,.panel-cta,.panel-head,.panel-highlight-row,.panel-inline-stats,.panel-progress-wrap,.side-leaderboard-list{margin-left:14px}.quick-btn{padding:10px;gap:10px}.quick-icon{width:34px;height:34px;min-width:34px}.quick-icon i{width:16px;height:16px}.quick-label{font-size:var(--font-xs)}.quick-desc{font-size:.65rem}.lb-split{flex-direction:column;gap:16px}.lb-divider{width:100%;height:1px;margin:0}.lb-split .lb-entry{padding:10px 12px;gap:10px}.lb-split .lb-rank{width:22px;height:22px;font-size:var(--font-2xs)}.lb-avatar{width:26px;height:26px}.lb-split .lb-user{font-size:var(--font-xs)}.lb-split .lb-score{font-size:var(--font-xs)}.stats-modal{width:95%;max-height:90vh}.stats-list{grid-template-columns:repeat(2,1fr);gap:10px}.stat-item{padding:12px 10px;border-radius:var(--radius-lg)}.stat-item-icon{width:36px;height:36px}.stat-item-value{font-size:var(--font-md)}.stat-item-label{font-size:.6rem}.badges-modal-grid{grid-template-columns:repeat(2,1fr)}.card{padding:16px;border-radius:16px}.card-header{margin-bottom:14px}.card-header h3{font-size:var(--font-md)}.badges-grid-compact{grid-template-columns:repeat(4,1fr);gap:8px}.badges-grid-compact .badge-item{padding:12px 8px}.badges-grid-compact .badge-item i{width:22px;height:22px}.module-info{gap:14px}.module-icon-lg{width:50px;height:50px;border-radius:12px}.module-icon-lg i{width:24px;height:24px}.module-details h4{font-size:var(--font-md)}.module-details p{font-size:var(--font-sm)}.btn-continue{padding:12px 20px;font-size:var(--font-base)}.quick-action{padding:12px 14px}.qa-icon{width:36px;height:36px}.lb-item{padding:10px 0}.discord-banner{padding:20px 16px;border-radius:16px;margin-bottom:16px}.discord-content{flex-direction:column;text-align:center;gap:16px}.discord-text h3{font-size:var(--font-lg)}.discord-text p{font-size:var(--font-sm)}.btn-discord{padding:10px 20px;font-size:var(--font-base)}.formation-objectives,.how-it-works{padding:24px 16px;border-radius:16px;margin-bottom:16px}.section-header-center{margin-bottom:24px}.section-header-center h2{font-size:1.2rem}.objectives-grid{grid-template-columns:1fr 1fr;gap:12px}.objective-card{padding:20px 14px;border-radius:var(--radius-lg);min-height:0}.objective-icon{width:48px;height:48px;margin-bottom:14px}.objective-icon i{width:22px;height:22px}.objective-card h4{font-size:var(--font-base)}.objective-card p{font-size:var(--font-xs)}.steps-grid{grid-template-columns:1fr 1fr;gap:14px}.step-card{min-height:228px;padding:56px 16px 20px;border-radius:var(--radius-lg)}.step-number{width:30px;height:30px;font-size:var(--font-base);top:16px;left:12px}.step-icon{width:56px;height:56px;margin-bottom:12px}.step-icon i,.step-icon svg{width:22px;height:22px}.step-card h4{font-size:.98rem}.step-card p{font-size:var(--font-sm);line-height:1.5;min-height:0}.dash-premium-grid{grid-template-columns:1fr;gap:16px}.resume-cards-grid{grid-template-columns:1fr}.lb-mini-split{grid-template-columns:1fr;gap:14px}.unified-extra-grid{margin-top:16px}.dashboard-extra-block{gap:16px}.dash-card{padding:20px;border-radius:var(--radius-lg)}.dash-card-header{margin-bottom:16px}.dash-card-title{font-size:var(--font-sm)}.dash-pill{padding:3px 10px;font-size:var(--font-2xs)}.module-body{gap:12px;margin-bottom:12px}.module-icon-box{width:44px;height:44px;border-radius:var(--radius-md)}.module-icon-box i{width:20px;height:20px}.module-text h4{font-size:var(--font-base)}.module-text p{font-size:var(--font-xs)}.dash-card-btn{padding:11px;font-size:var(--font-sm);font-weight:800}.reward-days-row{gap:10px}.reward-day-box{padding:14px 8px;border-radius:var(--radius-lg)}.reward-day-icon{width:38px;height:38px;border-radius:12px}.reward-day-gems{font-size:var(--font-base)}.reward-body-v2 .btn-claim-reward{padding:12px 16px;font-size:var(--font-base)}.dash-card-footer{gap:8px}.lb-column-header{font-size:var(--font-2xs)}.module-stats-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(59,110,245,0.4) transparent}.module-stats-row::-webkit-scrollbar{height:5px}.module-stats-row::-webkit-scrollbar-track{background:0 0}.module-stats-row::-webkit-scrollbar-thumb{background:rgba(59,110,245,.4);border-radius:var(--radius-md)}.module-stat{flex-shrink:0}}@media (max-width:480px){.welcome-hero{padding:18px 14px}.welcome-hero h1{font-size:1.3rem}.hero-stats{grid-template-columns:repeat(2,1fr);gap:6px}.hero-stat{padding:8px 10px;font-size:var(--font-xs);border-radius:var(--radius-sm)}.hero-stat-value{font-size:var(--font-sm)}.dash-card{padding:18px;border-radius:12px}.unified-extra-grid{margin-top:14px}.dashboard-extra-block{gap:14px}.module-body{flex-direction:column;text-align:center;gap:10px}.module-text{width:100%}.module-progress{justify-content:center}.objectives-grid,.steps-grid{grid-template-columns:1fr}.badges-grid-compact{grid-template-columns:repeat(4,1fr);gap:6px}.badges-grid-compact .badge-item{padding:10px 6px;border-radius:var(--radius-md)}.badges-grid-compact .badge-item i{width:20px;height:20px}.reward-days-row{gap:8px}.reward-day-box{padding:12px 6px;border-radius:12px}.reward-day-icon{width:34px;height:34px;border-radius:var(--radius-md)}.reward-day-icon i[data-lucide],.reward-day-icon svg{width:18px!important;height:18px!important}.reward-day-label{font-size:.62rem}.reward-day-number{font-size:var(--font-2xs)}.reward-day-gems{font-size:var(--font-sm)}.reward-body-v2 .btn-claim-reward{padding:11px 14px;font-size:var(--font-sm);border-radius:12px}.quick-grid{grid-template-columns:1fr;gap:8px}.leaderboard-strip,.panel-cta,.panel-head,.panel-highlight-row,.panel-inline-stats,.panel-progress-wrap,.side-leaderboard-list{margin-left:10px}.panel-highlight-text h4{font-size:var(--font-md)}.panel-highlight-text p{font-size:var(--font-xs)}.btn-claim-reward.panel-cta{width:100%;justify-content:center}.quick-btn{padding:12px;gap:12px}.quick-icon{width:36px;height:36px;min-width:36px}.quick-label{font-size:var(--font-xs)}.quick-desc{font-size:.68rem}.lb-split .lb-entry{padding:8px 10px;gap:8px}.lb-split .lb-rank{width:20px;height:20px;font-size:.6rem}.lb-avatar{width:24px;height:24px}.lb-split .lb-user{font-size:var(--font-xs)}.lb-split .lb-score{font-size:var(--font-2xs)}}@media (max-width:360px){.dashboard-v3{padding:0 8px 30px}.dash-card{padding:14px;border-radius:12px}.dash-card-title{font-size:var(--font-xs)}.quick-btn{padding:10px}.quick-icon{width:32px;height:32px;min-width:32px}.quick-icon i{width:14px;height:14px}.quick-label{font-size:var(--font-xs)}.quick-desc{font-size:.62rem}.lb-split .lb-entry{padding:6px 8px}.lb-split .lb-rank{width:18px;height:18px;font-size:.55rem}.lb-avatar{width:22px;height:22px}.lb-split .lb-user{font-size:var(--font-2xs)}.lb-split .lb-score{font-size:.65rem}}@media (max-width:768px){.lb-premium-split{flex-direction:column;gap:20px}.lb-premium-separator{width:100%;height:1px}}.lb-premium-entries{display:flex;flex-direction:column;gap:6px;width:100%}.lb-entry{display:flex;align-items:center;gap:10px;padding:7px 12px;background:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-sm);transition:transform .2s;cursor:pointer}.lb-entry:hover{transform:translateY(-2px);background:var(--bg-card)}.lb-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;font-weight:700;font-size:var(--font-xs);color:var(--text-secondary)}.lb-avatar{width:42px;height:42px;min-width:42px;border-radius:50%;overflow:hidden;position:relative;background:var(--bg-element)}.lb-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.lb-avatar-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;color:#475569;background:#cbd5e1}.lb-rank.gold{background:rgba(250,204,21,.2);color:#facc15}.lb-rank.silver{background:rgba(148,163,184,.2);color:#94a3b8}.lb-rank.bronze{background:rgba(180,83,9,.2);color:#b45309}.lb-user{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.lb-score{display:flex;align-items:center;gap:4px;font-weight:700;color:#eab308}.dash-announcement{display:flex;align-items:center;gap:14px;background:rgba(59,110,245,.08);border:1px solid rgba(59,110,245,.25);border-radius:var(--radius-lg);padding:14px 18px;margin-bottom:20px;animation:slideDown .3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dash-ann-icon{color:#60a5fa;font-size:1.2rem;flex-shrink:0;display:flex}.dash-ann-icon i[data-lucide],.dash-ann-icon svg{width:20px;height:20px}.dash-ann-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dash-ann-body strong{font-size:var(--font-sm);font-weight:700;color:var(--text-headings);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-ann-body span{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-ann-close{background:0 0;border:none;cursor:pointer;color:var(--text-muted);padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;transition:background .15s;flex-shrink:0}.dash-ann-close:hover{background:var(--bg-element);color:var(--text-primary)}.dash-ann-close i[data-lucide],.dash-ann-close svg{width:16px;height:16px}.dash-ann-event-cd{display:inline-flex;align-items:center;gap:5px;font-size:var(--font-xs);font-weight:700;color:#f59e0b;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-xl);padding:4px 12px;flex-shrink:0;white-space:nowrap}.dash-ann-event-cd.terminated{color:var(--text-muted);background:var(--bg-element);border-color:var(--border-color)}.dash-ann-event-cd i,.dash-ann-event-cd svg{width:13px;height:13px}.dash-ann-action{background:0 0;border:1px solid;border-radius:var(--radius-sm);padding:5px 14px;font-size:var(--font-xs);font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.dash-ann-action:hover{opacity:.75}.hero-last-activity-inline{color:var(--text-secondary)}.hero-last-activity-inline strong{color:var(--text-primary);font-weight:600}.hero-last-activity{display:inline;color:var(--text-secondary)}.activity-time{color:var(--text-muted);margin-left:2px}.hero-stat-arc{gap:10px}.hero-arc-svg{width:48px;height:48px;flex-shrink:0;overflow:visible}.hero-arc-svg text{font-family:inherit}.hero-arc-svg .arc-text{fill:var(--text-headings,#1e293b)}.resume-card.daily-obj-theme{background:linear-gradient(135deg,var(--bg-sidebar) 0,var(--bg-element) 100%)}.daily-obj-theme .resume-icon-box{background:linear-gradient(135deg,#7c3aed,#a855f7)}.dobj-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.dobj-item{display:flex;align-items:center;gap:10px;font-size:var(--font-sm);color:var(--text-secondary);padding:8px 12px;border-radius:var(--radius-md);background:var(--bg-element);border:1px solid var(--border-color);transition:all .2s}.dobj-label{flex:1}.dobj-gems{font-size:var(--font-xs);font-weight:700;color:#a855f7;white-space:nowrap}.dobj-gems .fa-gem{margin-right:3px;font-size:var(--font-2xs)}.dobj-item.done{color:#4ade80;background:rgba(34,197,94,.06);border-color:rgba(34,197,94,.15)}.dobj-item.done .dobj-label{text-decoration:line-through}.dobj-item.done .dobj-gems{color:#4ade80}.dobj-icon{display:flex;flex-shrink:0}.dobj-icon i[data-lucide]{width:16px;height:16px}.dobj-item.done .dobj-icon{color:#22c55e}.dobj-done-chip{display:flex;align-items:center;gap:8px;justify-content:center;padding:10px;border-radius:12px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.2);color:#a855f7;font-size:var(--font-xs);font-weight:600}.dobj-done-chip i[data-lucide]{width:16px;height:16px}.lb-user-ranks{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.lb-rank-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--font-xs);font-weight:700;background:rgba(14,165,233,.1);border:1px solid rgba(14,165,233,.25);color:#38bdf8}.lb-rank-chip.gems{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.25);color:#fbbf24}.lb-rank-chip i[data-lucide]{width:12px;height:12px}.lb-rank-chip .spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.unified-extra-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.unified-extra-grid{grid-template-columns:1fr}.hero-last-activity{font-size:.76rem}.dash-announcement{flex-direction:column;align-items:stretch;gap:10px;position:relative;padding:14px;padding-right:42px}.dash-ann-icon{order:1}.dash-ann-body{order:2;flex:none;width:100%;min-width:0}.dash-ann-body span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dash-ann-event-cd{order:3;align-self:flex-start}.dash-ann-action{order:4;width:100%;justify-content:center;text-align:center;padding:10px 14px}.dash-ann-close{position:absolute;top:8px;right:8px;padding:8px}}.guide-banner-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(37,84,214,.1) 0,rgba(96,165,250,.07) 100%);border:1px solid rgba(37,84,214,.2);margin-bottom:24px}.guide-banner-left{display:flex;align-items:center;gap:14px}.guide-banner-icon{width:44px;height:44px;border-radius:12px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 4px 12px rgba(37,84,214,.3)}.guide-banner-icon svg{width:20px;height:20px}.guide-banner-left strong{display:block;font-size:var(--font-base);font-weight:700;color:var(--text-headings);margin-bottom:2px}.guide-banner-left span{font-size:var(--font-xs);color:var(--text-secondary)}.guide-banner-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:var(--gradient-primary);color:#fff;font-size:var(--font-sm);font-weight:700;border-radius:var(--radius-full);border:none;cursor:pointer;white-space:nowrap;box-shadow:0 4px 14px rgba(37,84,214,.35);transition:all .2s;flex-shrink:0}.guide-banner-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,84,214,.5)}.guide-banner-btn svg{width:15px;height:15px}@media (max-width:520px){.guide-banner-cta{flex-direction:column;align-items:flex-start}.guide-banner-btn{width:100%;justify-content:center}}.guide-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:900;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;backdrop-filter:blur(2px)}.guide-drawer-overlay.open{opacity:1;visibility:visible}.guide-drawer{position:fixed;top:0;right:0;height:100dvh;width:min(560px,95vw);background:var(--bg-card);border-left:1px solid var(--border-color);z-index:901;transform:translateX(100%);transition:transform .35s cubic-bezier(.25, .8, .25, 1);display:flex;flex-direction:column;box-shadow:-12px 0 48px rgba(0,0,0,.18)}.guide-drawer.open{transform:translateX(0)}.guide-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border-color);flex-shrink:0;background:var(--bg-sidebar)}.guide-drawer-title{display:flex;align-items:center;gap:10px;font-size:var(--font-md);font-weight:700;color:var(--text-headings)}.guide-drawer-title svg{width:18px;height:18px;color:var(--primary-accent)}.guide-drawer-close{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-element);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.guide-drawer-close:hover{background:var(--primary-light);color:var(--primary-accent);border-color:var(--primary-accent)}.guide-drawer-close svg{width:16px;height:16px}.guide-drawer-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:32px}.guide-section-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.guide-section-icon{width:40px;height:40px;border-radius:12px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary-accent)}.guide-section-icon svg{width:18px;height:18px}.guide-section-header h3{font-size:var(--font-base);font-weight:700;color:var(--text-headings);margin-bottom:3px}.guide-section-header p{font-size:var(--font-xs);color:var(--text-secondary);margin:0}.guide-objectives-grid{display:flex;flex-direction:column;gap:8px}.guide-obj-card{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-element);border:1px solid var(--border-color);border-left:3px solid transparent}.guide-obj-card.script{border-left-color:#3b6ef5}.guide-obj-card.build{border-left-color:#a855f7}.guide-obj-card h4{font-size:var(--font-sm);font-weight:700;color:var(--text-headings);margin-bottom:2px}.guide-obj-card p{font-size:var(--font-xs);color:var(--text-secondary);margin:0;line-height:1.5}.guide-obj-card .objective-icon{width:36px;height:36px;border-radius:var(--radius-md);flex-shrink:0}.guide-steps{display:flex;flex-direction:column;gap:10px}.guide-step{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-element);border:1px solid var(--border-color)}.guide-step-num{width:24px;height:24px;border-radius:50%;background:var(--primary-accent);color:#fff;font-size:var(--font-xs);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guide-step h4{font-size:var(--font-sm);font-weight:700;color:var(--text-headings);margin-bottom:2px}.guide-step p{font-size:var(--font-xs);color:var(--text-secondary);margin:0;line-height:1.5}.guide-step .step-icon{width:36px;height:36px;border-radius:var(--radius-md);flex-shrink:0}@media (max-width:480px){.guide-drawer{width:100vw}.guide-drawer-body{padding:16px}}.nav-item-changelog{position:relative}.nav-changelog-dot{position:absolute;top:8px;right:10px;width:8px;height:8px;background:#f43f5e;border-radius:50%;border:2px solid var(--bg-sidebar);animation:cl-pulse 2s ease-in-out infinite}.sidebar.collapsed .nav-changelog-dot{right:6px;top:6px}@keyframes cl-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.25)}}.changelog-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:900;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;backdrop-filter:blur(2px)}.changelog-overlay.open{opacity:1;visibility:visible}.changelog-panel{position:fixed;top:0;right:0;height:100dvh;width:min(460px,95vw);background:var(--bg-card);border-left:1px solid var(--border-color);z-index:901;transform:translateX(100%);transition:transform .35s cubic-bezier(.25, .8, .25, 1);display:flex;flex-direction:column;box-shadow:-8px 0 32px rgba(0,0,0,.12)}.changelog-panel.open{transform:translateX(0)}.changelog-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);flex-shrink:0;background:var(--bg-sidebar)}.changelog-panel-title{display:flex;align-items:center;gap:12px}.changelog-panel-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-element);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary-accent)}.changelog-panel-icon svg{width:18px;height:18px}.changelog-panel-title h2{font-size:var(--font-base);font-weight:800;color:var(--text-headings);margin:0 0 2px}.changelog-panel-title p{font-size:var(--font-xs);color:var(--text-secondary);margin:0}.changelog-close{width:32px;height:32px;border:1px solid var(--border-color);background:var(--bg-element);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s;flex-shrink:0}.changelog-close:hover{background:var(--bg-card);color:var(--text-headings)}.changelog-close svg{width:15px;height:15px}.changelog-panel-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.cl-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;width:100%;text-align:left;transition:all .18s}.cl-card:hover{border-color:var(--primary-accent);background:var(--bg-element);transform:translateX(2px)}.cl-card-left{flex-shrink:0}.cl-card-version{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:4px 10px;background:var(--primary-accent);color:#fff;font-size:var(--font-2xs);font-weight:800;border-radius:var(--radius-sm);letter-spacing:.04em}.cl-card-body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.cl-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cl-card-title{font-size:var(--font-sm);font-weight:700;color:var(--text-headings);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-card-new{font-size:.65rem;font-weight:800;padding:2px 7px;background:#f43f5e;color:#fff;border-radius:var(--radius-xl);flex-shrink:0}.cl-card-date{font-size:var(--font-2xs);color:var(--text-muted)}.cl-card-count{font-size:var(--font-2xs);color:var(--text-secondary)}.cl-card-arrow{color:var(--text-muted);flex-shrink:0}.cl-card-arrow svg{width:16px;height:16px}.cl-empty{text-align:center;color:var(--text-muted);font-size:var(--font-sm);padding:40px 0}.cl-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px);opacity:0;transition:opacity .28s;padding:20px}.cl-modal-overlay.open{opacity:1}.cl-modal{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:min(520px,100%);max-height:80dvh;overflow-y:auto;box-shadow:0 24px 64px rgba(0,0,0,.25);transform:translateY(12px);transition:transform .28s cubic-bezier(.25,.8,.25,1)}.cl-modal-overlay.open .cl-modal{transform:translateY(0)}.cl-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:1px solid var(--border-color);background:var(--bg-element);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .15s;z-index:2}.cl-modal-close:hover{background:var(--bg-sidebar);color:var(--text-headings)}.cl-modal-close svg{width:15px;height:15px}.cl-modal-header{display:flex;align-items:flex-start;gap:16px;padding:28px 28px 0}.cl-modal-version{flex-shrink:0;padding:6px 14px;background:var(--primary-accent);color:#fff;font-size:var(--font-xs);font-weight:800;border-radius:var(--radius-md);letter-spacing:.04em;margin-top:4px}.cl-modal-meta{flex:1}.cl-modal-title{font-size:1.15rem;font-weight:800;color:var(--text-headings);margin:0 0 4px;padding-right:40px;line-height:1.3}.cl-modal-date{font-size:var(--font-xs);color:var(--text-muted)}.cl-modal-desc{margin:16px 28px 0;font-size:var(--font-sm);color:var(--text-secondary);line-height:1.6;padding:12px 14px;background:var(--bg-element);border-radius:var(--radius-md);border-left:3px solid var(--primary-accent)}.cl-modal-items{padding:20px 28px 28px;display:flex;flex-direction:column;gap:10px}.cl-modal-item{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-md);border-left:3px solid var(--tag-color,var(--primary-accent))}.cl-modal-tag{flex-shrink:0;font-size:.67rem;font-weight:800;padding:2px 8px;border-radius:6px;background:var(--tag-color,var(--primary-accent));color:#fff;text-transform:uppercase;letter-spacing:.04em;margin-top:1px}.cl-modal-item-text{font-size:var(--font-sm);color:var(--text-primary);line-height:1.5}@media (max-width:480px){.changelog-panel{width:100vw}.changelog-panel-body{padding:16px}.cl-modal{border-radius:16px}.cl-modal-header{padding:20px 20px 0}.cl-modal-desc{margin:12px 20px 0}.cl-modal-items{padding:16px 20px 20px}}.dash-referral-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;border-radius:16px;background:var(--bg-sidebar);border:1.5px solid var(--border-color);margin-bottom:16px}.dash-ref-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.dash-ref-icon{width:38px;height:38px;border-radius:var(--radius-md);background:rgba(139,92,246,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-ref-icon i{width:18px;height:18px;color:#8b5cf6}.dash-ref-text{display:flex;flex-direction:column;gap:2px}.dash-ref-title{font-size:var(--font-base);font-weight:700;color:var(--text-headings)}.dash-ref-sub{font-size:var(--font-xs);color:var(--text-secondary);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.dash-ref-sub #dashRefGems{font-weight:700;color:#8b5cf6}.dash-ref-stats{color:var(--text-secondary)}.dash-ref-stats strong{color:var(--text-primary);font-weight:700}.dash-ref-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.dash-ref-link-row{display:flex;align-items:center;gap:6px;background:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0 4px 0 12px;height:36px;max-width:260px}.dash-ref-link-val{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;flex:1;min-width:0}.dash-ref-copy-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;border:none;background:#8b5cf6;color:#fff;font-size:var(--font-xs);font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s;flex-shrink:0}.dash-ref-copy-btn:hover{opacity:.85}.dash-ref-copy-btn i{width:13px;height:13px}.dash-ref-view-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--radius-md);border:1.5px solid var(--border-color);background:0 0;color:var(--text-primary);font-size:var(--font-xs);font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s}.dash-ref-view-btn:hover{border-color:#8b5cf6;color:#8b5cf6}.dash-ref-view-btn i{width:14px;height:14px}@media (max-width:768px){.dash-referral-banner{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.dash-ref-right{width:100%;flex-direction:column;align-items:stretch}.dash-ref-link-row{max-width:100%}.dash-ref-link-val{max-width:none}}@media (max-width:720px){.welcome-hero{padding:18px 16px}.welcome-hero h1{font-size:1.3rem}.hero-top{flex-direction:column;align-items:stretch}.hero-guide-btn{align-self:flex-end}.hero-stats-minimal{gap:6px}.hero-chip{padding:6px 10px}.hero-chip-value{font-size:.88rem}.hero-chip-label{display:none}.hero-referral-strip{flex-wrap:wrap}}
.profile-view{display:flex;flex-direction:column;gap:20px;padding-bottom:20px}.profile-header-card{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.profile-header-card.has-banner{border-color:transparent}.profile-banner{height:80px;background:linear-gradient(135deg,#dbeafe 0,#e0e7ff 50%,#ede9fe 100%);position:relative}[data-theme=dark] .profile-banner{background:linear-gradient(135deg,#1e3a5f 0,#312e81 50%,#1e1b4b 100%)}.profile-header-content{display:flex;flex-direction:column;align-items:center;padding:0 20px 20px;text-align:center;margin-top:-36px;position:relative;z-index:1}.profile-avatar-wrapper{position:relative;width:72px;height:72px;border-radius:50%;padding:3px;background:var(--bg-card);box-shadow:0 2px 12px rgba(0,0,0,.08);margin-bottom:10px}.profile-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.profile-streak-badge{position:absolute;bottom:-2px;right:-4px;display:flex;align-items:center;gap:2px;padding:2px 6px;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:var(--radius-full);border:2px solid var(--bg-card);color:#fff;font-size:.65rem;font-weight:700;line-height:1}.profile-streak-badge i{font-size:9px}.profile-identity{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:8px}.profile-username{font-size:var(--font-lg);font-weight:700;color:var(--text-headings);margin:0;line-height:1.3}.profile-role-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--primary-light);color:var(--primary-accent);border:1px solid rgba(var(--primary-accent-rgb),.15)}.profile-role-badge.role-admin{background:rgba(239,68,68,.1);color:#ef4444;border-color:rgba(239,68,68,.2)}.profile-role-badge.role-moderator{background:rgba(245,158,11,.1);color:#d97706;border-color:rgba(245,158,11,.2)}.profile-role-badge.role-beta_testeur{background:rgba(34,197,94,.1);color:#16a34a;border-color:rgba(34,197,94,.2)}.profile-role-badge.role-premium{background:rgba(234,179,8,.1);color:#b45309;border-color:rgba(234,179,8,.2)}.profile-grades{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.profile-grade-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;color:#fff}.profile-grade-badge .grade-emoji{font-size:12px;line-height:1}.profile-grade-badge .grade-emoji i{font-size:11px}.profile-league-badge{opacity:.9}.profile-socials{display:flex;align-items:center;gap:8px;margin-top:8px}.profile-social{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:500;background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all .15s}.profile-social:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.profile-social.discord i{color:#5865f2}.profile-social.roblox svg{opacity:.7}.profile-social i{font-size:12px}.profile-social svg{width:12px;height:12px}.profile-ribbon{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:.6rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;z-index:2}.profile-ribbon.premium{background:linear-gradient(135deg,#92400e,#d97706);color:#fef3c7;border:1px solid rgba(253,224,71,.3)}.profile-ribbon.founder{background:linear-gradient(135deg,#4c1d95,#7c3aed);color:#ede9fe;border:1px solid rgba(196,181,253,.3)}.profile-ribbon.beta{background:rgba(22,163,74,.9);color:#dcfce7;border:1px solid rgba(34,197,94,.3)}.profile-ribbon i{font-size:10px}.profile-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 6px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all .2s}.profile-stat::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0;opacity:0;transition:opacity .2s}.profile-stat:hover{border-color:rgba(var(--primary-accent-rgb),.25);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.06)}.profile-stat:hover::before{opacity:1}.profile-stat:first-child::before{background:linear-gradient(90deg,#f59e0b,#d97706)}.profile-stat:nth-child(2)::before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.profile-stat:nth-child(3)::before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.profile-stat:nth-child(4)::before{background:linear-gradient(90deg,#9333ea,#7c3aed)}.profile-stat:nth-child(5)::before{background:linear-gradient(90deg,#ec4899,#db2777)}.profile-stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:14px}.profile-stat-icon.points{background:rgba(245,158,11,.12);color:#d97706}.profile-stat-icon.gems{background:rgba(139,92,246,.12);color:#7c3aed}.profile-stat-icon.script{background:rgba(59,110,245,.1);color:var(--primary-accent)}.profile-stat-icon.build{background:rgba(147,51,234,.1);color:#9333ea}.profile-stat-icon.ugc{background:rgba(236,72,153,.1);color:#ec4899}.profile-stat-value{font-size:1.1rem;font-weight:800;color:var(--text-headings);line-height:1;letter-spacing:-.3px}.profile-stat-label{font-size:.6rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.profile-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.profile-section-title{display:flex;align-items:center;gap:7px;font-size:var(--font-sm);font-weight:700;color:var(--text-headings);margin:0 0 12px}.profile-section-title i{width:16px;height:16px;color:var(--text-muted)}.profile-rankings{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-rank-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);background:var(--bg-hover)}.profile-rank-card .rank-position{font-size:var(--font-lg);font-weight:800;color:var(--text-headings);min-width:36px}.profile-rank-card .rank-label{font-size:.72rem;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.profile-rank-card .rank-label i{font-size:11px}.profile-rank-card.points .rank-label i{color:#d97706}.profile-rank-card.gems .rank-label i{color:#7c3aed}.profile-duel-card{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:14px}.pdc-top{display:flex;align-items:center;justify-content:space-between}.pdc-elo-block{display:flex;align-items:baseline;gap:6px}.pdc-elo-value{font-size:1.6rem;font-weight:800;color:var(--text-headings);letter-spacing:-.5px;line-height:1}.pdc-elo-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.pdc-rank-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;border:1px solid}.pdc-rank-icon{font-size:13px;line-height:1}.pdc-stats-row{display:flex;align-items:center;gap:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 0}.pdc-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.pdc-stat-divider{width:1px;height:28px;background:var(--border-color);flex-shrink:0}.pdc-stat-value{font-size:var(--font-md);font-weight:800;line-height:1}.pdc-stat-value.pdc-win{color:#10b981}.pdc-stat-value.pdc-loss{color:#ef4444}.pdc-stat-value.pdc-streak{color:#f59e0b}.pdc-stat-value.pdc-wr{color:var(--primary-accent)}.pdc-stat-label{font-size:.62rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.pdc-footer{font-size:.7rem;color:var(--text-muted);text-align:center}.profile-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.profile-badge-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;border-radius:var(--radius-md);background:var(--bg-hover);text-align:center;transition:transform .15s}.profile-badge-item:hover{transform:translateY(-1px)}.profile-badge-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff}.profile-badge-icon i{width:15px;height:15px}.profile-badge-name{font-size:.65rem;font-weight:600;color:var(--text-secondary);line-height:1.2;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-objective{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-md);background:var(--bg-hover)}.profile-objective-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:rgba(var(--primary-accent-rgb),.1);color:var(--primary-accent);flex-shrink:0}.profile-objective-icon i{width:18px;height:18px}.profile-objective-info{flex:1;min-width:0}.profile-objective-title{font-size:var(--font-sm);font-weight:600;color:var(--text-headings);margin:0 0 2px}.profile-objective-desc{font-size:.72rem;color:var(--text-muted);margin:0}.profile-empty-hint{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted);margin:0}.profile-empty-hint i{width:14px;height:14px}.profile-private-notice{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 20px;text-align:center}.profile-private-notice i{width:36px;height:36px;color:var(--text-muted);opacity:.5}.profile-private-notice h3{font-size:var(--font-md);font-weight:600;color:var(--text-secondary);margin:0}.profile-private-notice p{font-size:var(--font-sm);color:var(--text-muted);margin:0;max-width:260px}.profile-header-card.is-premium .profile-banner{background:linear-gradient(135deg,#92400e 0,#d97706 50%,#fbbf24 100%)}.profile-header-card.is-founder .profile-banner{background:linear-gradient(135deg,#1e1b4b 0,#4c1d95 50%,#7c3aed 100%)}.profile-header-card.is-beta .profile-banner{background:linear-gradient(135deg,#052e16 0,#166534 50%,#22c55e 100%)}.profile-avatar-wrapper.premium-ring{background:linear-gradient(135deg,#d97706,#fbbf24);padding:3px;box-shadow:0 0 16px rgba(217,119,6,.3)}.profile-avatar-wrapper.founder-ring{background:conic-gradient(from 0deg,#8b5cf6,#6366f1,#3b82f6,#06b6d4,#8b5cf6);padding:3px;animation:founderRingSpin 4s linear infinite;box-shadow:0 0 18px rgba(139,92,246,.3)}@keyframes founderRingSpin{to{filter:hue-rotate(360deg)}}.profile-avatar-wrapper.beta-ring{background:conic-gradient(from 0deg,#22c55e,#10b981,#22c55e);padding:3px;box-shadow:0 0 14px rgba(34,197,94,.25)}@media (max-width:480px){.profile-stats{grid-template-columns:repeat(3,1fr)}.profile-badges-grid{grid-template-columns:repeat(3,1fr)}}#avatarSourceModal{display:none;position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.65);align-items:center;justify-content:center}#avatarSourceModal.open{display:flex}.avatar-source-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:28px 24px 24px;width:360px;max-width:95vw;display:flex;flex-direction:column;gap:16px}.avatar-source-box h3{margin:0;font-size:var(--font-md);font-weight:700;color:var(--text-headings)}.avatar-source-box p.avatar-source-hint{margin:-8px 0 0;font-size:var(--font-xs);color:var(--text-muted)}.avatar-source-options{display:flex;flex-direction:column;gap:10px}.avatar-source-option{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-hover);cursor:pointer;transition:background .15s,border-color .15s}.avatar-source-option:hover{background:rgba(var(--primary-accent-rgb),.06);border-color:rgba(var(--primary-accent-rgb),.2)}.avatar-source-option.active{border-color:var(--primary-accent);background:rgba(var(--primary-accent-rgb),.08)}.avatar-source-option img.aso-thumb{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.aso-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-lg);flex-shrink:0}.aso-icon.github{background:#24292e;color:#fff}.aso-icon.discord{background:#5865f2;color:#fff}.aso-icon.custom{background:var(--bg-hover);color:var(--text-muted)}.aso-icon.initials{background:var(--bg-hover);color:var(--text-muted)}.aso-info{display:flex;flex-direction:column;gap:2px}.aso-label{font-size:var(--font-sm);font-weight:600;color:var(--text-headings)}.aso-sub{font-size:var(--font-xs);color:var(--text-muted)}.avatar-source-custom-row{display:none;flex-direction:column;gap:8px}.avatar-source-custom-row.visible{display:flex}.avatar-source-custom-row input{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:9px 12px;color:var(--text-headings);font-size:var(--font-sm);outline:0;width:100%;box-sizing:border-box}.avatar-source-custom-row input:focus{border-color:var(--primary-accent)}.avatar-source-actions{display:flex;gap:10px;justify-content:flex-end}.btn-avatar-cancel{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:0 0;color:var(--text-muted);font-size:var(--font-sm);cursor:pointer}.btn-avatar-cancel:hover{background:var(--bg-hover)}.btn-avatar-apply{padding:8px 18px;border-radius:var(--radius-sm);border:none;background:var(--primary-accent);color:#fff;font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:background .15s}.btn-avatar-apply:hover{background:var(--primary-accent-dark)}.btn-avatar-apply:disabled{opacity:.5;cursor:not-allowed}.profile-section .objective-card{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:12px;min-height:auto}.profile-section .objective-card:hover{transform:none;box-shadow:none}.objective-header-row{display:flex;align-items:center;justify-content:space-between}.objective-main-title{display:flex;align-items:center;gap:6px;font-size:var(--font-sm);font-weight:700;color:var(--text-headings)}.objective-main-title i{width:16px;height:16px;color:var(--primary-accent)}.objective-main-progress{font-size:.72rem;font-weight:700;color:var(--text-muted);background:var(--bg-card);padding:2px 8px;border-radius:var(--radius-full);border:1px solid var(--border-color)}.objective-main-subtitle{font-size:var(--font-sm);color:var(--text-secondary);margin:0}.objective-tracks-grid{display:flex;flex-direction:column;gap:8px}.objective-track-item{padding:10px 12px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color)}.objective-track-item.done{opacity:.6}.objective-track-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.objective-track-label{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;color:var(--text-headings)}.objective-track-label i{font-size:12px;color:var(--text-muted)}.objective-track-count{font-size:.72rem;font-weight:700;color:var(--primary-accent)}.objective-track-next{font-size:.72rem;color:var(--text-muted);margin:0;line-height:1.3}.objective-open-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-headings);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all .15s}.objective-open-btn:hover{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.objective-open-btn i{width:16px;height:16px}.objective-card-complete .objective-main-title{color:var(--color-success)}.objective-card-complete .objective-main-title i{color:var(--color-success)}
.onboarding-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease-out;overflow-y:auto}.onboarding-modal-container{background:var(--bg-card);border-radius:32px;max-width:600px;width:100%;max-height:90vh;box-shadow:0 24px 60px -12px rgba(0,0,0,.12);overflow:hidden;border:4px solid var(--bg-element);animation:slideUpScale .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.onboarding-modal-header{padding:28px 32px 8px;text-align:center;background:var(--bg-card);border-bottom:none;flex-shrink:0}.onboarding-avatar-wrapper{position:relative;display:inline-block;margin-bottom:12px}.onboarding-avatar-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid var(--primary-accent);box-shadow:0 8px 24px rgba(var(--primary-accent-rgb),.2);animation:onboarding-avatar-pop .5s cubic-bezier(.34,1.56,.64,1) .3s both}.onboarding-avatar-badge{position:absolute;bottom:-2px;right:-2px;width:28px;height:28px;background:var(--primary-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--bg-card);animation:onboarding-badge-pop .4s cubic-bezier(.34,1.56,.64,1) .6s both}.onboarding-avatar-badge i{width:14px;height:14px;color:#fff;stroke-width:2.5px}@keyframes onboarding-avatar-pop{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes onboarding-badge-pop{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.onboarding-icon-wrapper{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-accent),#60a5fa);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;border:4px solid var(--bg-card);box-shadow:0 8px 24px rgba(var(--primary-accent-rgb),.2)}.onboarding-icon-wrapper i{width:36px;height:36px;color:#fff;stroke-width:2px}.onboarding-modal-header h2{font-family:var(--font-headings);font-size:1.5rem;font-weight:800;color:var(--text-headings);margin:0 0 4px;letter-spacing:-.02em}.onboarding-modal-header p{color:var(--text-secondary);font-size:.95rem;margin:0;font-weight:500;line-height:1.4;max-width:500px;margin:0 auto}.onboarding-modal-body{padding:16px 40px 20px;display:flex;flex-direction:column;gap:20px;overflow-y:hidden}.onboarding-modal-footer{padding:0 40px 24px;border-top:none;display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0}.onboarding-option-group{display:flex;flex-direction:column;gap:16px}.onboarding-option-label{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-primary);font-weight:700;font-size:1rem;font-family:var(--font-headings)}.onboarding-option-label i{width:20px;height:20px;color:var(--primary-accent);stroke-width:2.5px}.onboarding-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.onboarding-option-card{position:relative;cursor:pointer;display:block;user-select:none}.onboarding-option-card input{position:absolute;opacity:0;pointer-events:none}.onboarding-option-card .option-card-content{background:var(--bg-body);border:2px solid transparent;border-radius:20px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;transition:all .2s cubic-bezier(.25, .8, .25, 1);min-height:110px;height:100%}.onboarding-option-card:hover .option-card-content{background:var(--bg-element);transform:translateY(-2px)}.onboarding-option-card input:checked+.option-card-content{background:#fff;border-color:var(--primary-accent);box-shadow:0 12px 24px -6px rgba(var(--primary-accent-rgb),.15);transform:translateY(-4px)}.onboarding-option-card .option-icon{width:40px;height:40px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s ease;box-shadow:0 4px 8px rgba(0,0,0,.04)}.onboarding-option-card .option-icon i{width:20px;height:20px;stroke-width:2.5px}.onboarding-option-card input:checked+.option-card-content .option-icon{background:var(--primary-accent);color:#fff;transform:scale(1.1) rotate(-5deg)}.onboarding-option-card .option-title{font-family:var(--font-headings);font-weight:700;font-size:1.05rem;color:var(--text-primary);transition:color .2s ease;line-height:1.2}.onboarding-option-card input:checked+.option-card-content .option-title{color:var(--primary-accent)}.onboarding-option-card .option-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.35;font-weight:500}.onboarding-option-card .option-check{position:absolute;top:10px;right:10px;width:22px;height:22px;background:var(--primary-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:scale(.5);transition:all .3s cubic-bezier(.34, 1.56, .64, 1);z-index:2;box-shadow:0 4px 8px rgba(var(--primary-accent-rgb),.3)}.onboarding-option-card .option-check i{width:12px;height:12px;stroke-width:3px}.onboarding-option-card input:checked~.option-check{opacity:1;transform:scale(1)}.onboarding-modal-footer{padding:0 40px 32px;border-top:none;display:flex;flex-direction:column;align-items:center;gap:20px}.onboarding-hint{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;color:var(--text-muted);font-size:.85rem;text-align:center;background:var(--bg-body);padding:12px 16px;border-radius:12px;width:100%;line-height:1.5}.onboarding-hint i{color:var(--primary-accent);width:16px;height:16px;flex-shrink:0}.btn-onboarding-confirm{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 24px;background:var(--primary-accent);color:#fff;font-family:var(--font-headings);font-size:1.1rem;font-weight:700;border:none;border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.25, .8, .25, 1);box-shadow:0 4px 0 #3730a3}.btn-onboarding-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 0 #3730a3;filter:brightness(1.05)}.btn-onboarding-confirm:active{transform:translateY(2px);box-shadow:0 0 0 #3730a3}.btn-onboarding-confirm i{width:20px;height:20px;stroke-width:2.5px}@keyframes slideUpScale{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:900px){.onboarding-modal-overlay{padding:0;align-items:flex-start;background:var(--bg-card)}.onboarding-modal-container{max-width:100%;width:100%;height:100dvh;max-height:none;border-radius:0;border:none;box-shadow:none;margin:0;display:flex;flex-direction:column}.onboarding-modal-header{flex-shrink:0;padding:20px 20px 10px;background:var(--bg-card)}.onboarding-modal-body{flex:1;overflow:hidden;padding:10px 20px;gap:16px;display:flex;flex-direction:column;justify-content:space-evenly}.onboarding-option-group{gap:10px;flex:1;display:flex;flex-direction:column;min-height:0}.onboarding-options-grid{flex:1;min-height:0}.onboarding-option-card{height:100%}.onboarding-option-card .option-card-content{min-height:0;height:100%;padding:12px;justify-content:center;gap:8px}.onboarding-option-card .option-icon{width:36px;height:36px}.onboarding-option-card .option-icon i{width:18px;height:18px}.onboarding-option-card .option-title{font-size:.95rem}.onboarding-option-card .option-desc{font-size:.75rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.onboarding-modal-footer{flex-shrink:0;padding:16px 24px 24px;background:var(--bg-card);border-top:none;gap:12px}.onboarding-modal-header h2{font-size:1.4rem;margin-bottom:4px}.onboarding-modal-header p{font-size:.9rem}.onboarding-icon-wrapper{width:64px;height:64px;margin-bottom:8px}.onboarding-icon-wrapper i{width:28px;height:28px}.onboarding-avatar-img{width:64px;height:64px}.onboarding-avatar-badge{width:24px;height:24px}.onboarding-avatar-badge i{width:12px;height:12px}.onboarding-perks{max-width:100%}.onboarding-perk{padding:8px 12px;font-size:.82rem}}@media (max-width:520px){.onboarding-modal-header h2{font-size:1.4rem}.onboarding-option-label{font-size:.95rem}}@media (max-width:360px){.onboarding-options-grid{grid-template-columns:1fr}.onboarding-option-card .option-card-content{min-height:auto;padding:16px;flex-direction:row;text-align:left;align-items:center;gap:16px}.onboarding-option-card .option-title{margin-bottom:2px}.onboarding-option-card .option-desc{display:none}.onboarding-option-card .option-desc{display:block;font-size:.7rem}}.onboarding-username-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding:12px 0}.onboarding-perks{display:flex;flex-direction:column;gap:8px;width:100%;max-width:350px;margin-top:4px}.onboarding-perk{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-body);border-radius:12px;font-size:.88rem;font-weight:600;color:var(--text-primary);transition:transform .2s ease,background .2s ease;animation:onboarding-perk-slide .4s ease both}.onboarding-perk:first-child{animation-delay:.4s}.onboarding-perk:nth-child(2){animation-delay:.5s}.onboarding-perk:nth-child(3){animation-delay:.6s}@keyframes onboarding-perk-slide{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.onboarding-perk i{width:18px;height:18px;color:var(--primary-accent);flex-shrink:0;stroke-width:2.5px}.onboarding-perk:hover{background:var(--bg-element);transform:translateX(4px)}.username-input-wrapper{display:flex;align-items:center;gap:12px;width:100%;max-width:350px;padding:14px 20px;background:var(--bg-body);border:3px solid var(--border-color);border-radius:16px;transition:all .3s ease}.username-input-wrapper:focus-within{border-color:var(--primary-accent);box-shadow:0 0 0 4px rgba(59,110,245,.15)}.username-input-wrapper i{width:22px;height:22px;color:var(--text-muted);flex-shrink:0}.username-input-wrapper:focus-within i{color:var(--primary-accent)}#onboardingUsername{flex:1;border:none;background:0 0;font-size:1.1rem;font-weight:600;color:var(--text-headings);outline:0;font-family:var(--font-headings)}#onboardingUsername::placeholder{color:var(--text-muted);font-weight:500}#onboardingUsername.valid{color:#10b981}#onboardingUsername.invalid{color:#ef4444}.username-hint,.username-info{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted);text-align:center}.username-hint i,.username-info i{width:16px;height:16px;flex-shrink:0}.username-info{background:var(--bg-body);padding:12px 16px;border-radius:12px;max-width:350px}.username-info i{color:var(--primary-accent)}.btn-onboarding-next{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 24px;background:var(--primary-accent);color:#fff;font-family:var(--font-headings);font-size:1.1rem;font-weight:700;border:none;border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.25, .8, .25, 1);box-shadow:0 4px 0 #3730a3}.btn-onboarding-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 #3730a3;filter:brightness(1.05)}.btn-onboarding-next:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 0 #3730a3}.btn-onboarding-next:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 4px 0 #64748b;background:#94a3b8}.btn-onboarding-next i{width:20px;height:20px;stroke-width:2.5px}.onboarding-step{animation:fadeIn .3s ease-out}.main-content.tutorial-highlight{outline:0}.main-content.tutorial-highlight::before{content:"";position:fixed;top:0;right:0;bottom:0;left:var(--sidebar-width,230px);pointer-events:none;z-index:9999;box-shadow:inset 0 0 0 2px rgba(var(--primary-rgb,59,110,245),.3),inset 0 0 60px rgba(var(--primary-rgb,59,110,245),.1);animation:tutorialSoftGlow 2.8s ease-in-out infinite}@media (max-width:768px){.main-content.tutorial-highlight::before{left:0}}@keyframes tutorialSoftGlow{0%,100%{box-shadow:inset 0 0 0 2px rgba(var(--primary-rgb,59,110,245),.28),inset 0 0 50px rgba(var(--primary-rgb,59,110,245),.08)}50%{box-shadow:inset 0 0 0 3px rgba(var(--primary-rgb,59,110,245),.45),inset 0 0 75px rgba(var(--primary-rgb,59,110,245),.14)}}@keyframes tutorialBorderShift{0%{border-image-source:linear-gradient(0deg,var(--primary-accent),#2554d6,#c084fc,var(--primary-accent))}25%{border-image-source:linear-gradient(90deg,var(--primary-accent),#2554d6,#c084fc,var(--primary-accent))}50%{border-image-source:linear-gradient(180deg,var(--primary-accent),#2554d6,#c084fc,var(--primary-accent))}75%{border-image-source:linear-gradient(270deg,var(--primary-accent),#2554d6,#c084fc,var(--primary-accent))}100%{border-image-source:linear-gradient(360deg,var(--primary-accent),#2554d6,#c084fc,var(--primary-accent))}}.tutorial-active .side-modal-overlay{z-index:10002}.tutorial-active .tutorial-tooltip{z-index:10005}.tutorial-tooltip.tutorial-modal-open{opacity:.75;transition:opacity .3s ease}.tutorial-tooltip.tutorial-modal-open:hover{opacity:1}.tutorial-overlay{position:fixed;inset:0;background:rgba(15,23,42,.15);z-index:10000;pointer-events:none;animation:fadeIn .3s ease-out}.tutorial-tooltip{position:fixed;bottom:100px;right:24px;background:rgba(255,255,255,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;padding:15px 17px;max-width:330px;width:calc(100% - 48px);box-shadow:0 16px 40px -14px rgba(0,0,0,.28);border:1px solid rgba(59,110,245,.18);animation:bubbleSlideIn .45s cubic-bezier(.34,1.56,.64,1);pointer-events:all;z-index:10001}[data-theme=dark] .tutorial-tooltip{background:rgba(30,41,59,.92);border-color:rgba(59,110,245,.4)}@keyframes bubbleSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}100%{opacity:1;transform:translateY(0) scale(1)}}.tutorial-tooltip::after{content:"";position:absolute;bottom:-10px;right:32px;width:20px;height:20px;background:inherit;border:inherit;border-top:none;border-left:none;transform:rotate(45deg);border-radius:0 0 6px 0}.tutorial-tooltip-progress{display:flex;align-items:center;gap:10px;margin-bottom:12px}.tutorial-tooltip-progress-bar{flex:1;height:5px;background:rgba(59,110,245,.15);border-radius:10px;overflow:hidden}.tutorial-tooltip-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-accent,var(--primary-accent)),#60a5fa);border-radius:10px;transition:width .4s cubic-bezier(.34, 1.56, .64, 1)}.tutorial-tooltip-step{font-size:.68rem;font-weight:700;color:var(--primary-accent,var(--primary-accent));font-family:var(--font-headings, system-ui);min-width:30px;text-align:center;background:rgba(59,110,245,.1);padding:3px 7px;border-radius:7px}.tutorial-bloxi-header{display:flex;align-items:center;gap:9px;margin-bottom:10px}.tutorial-bloxi-avatar{width:40px;height:40px;background:linear-gradient(135deg,#eff6ff,#bfdbfe);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 10px rgba(59,110,245,.2);animation:bloxiBob 3s ease-in-out infinite}@keyframes bloxiBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.tutorial-bloxi-avatar img,.tutorial-bloxi-avatar svg{width:30px;height:30px;object-fit:contain}.tutorial-bloxi-intro{display:flex;flex-direction:column;gap:1px}.tutorial-bloxi-name{font-size:.88rem;font-weight:800;color:var(--primary-accent,var(--primary-accent));font-family:var(--font-headings, system-ui)}.tutorial-bloxi-role{font-size:.7rem;font-weight:600;color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.5px}.tutorial-tooltip-icon{font-size:2.2rem;margin-bottom:12px;display:none}@keyframes iconWiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.tutorial-tooltip-title{font-family:var(--font-headings, system-ui);font-size:1.05rem;font-weight:800;color:var(--text-headings,#1e293b);margin:0 0 7px 0;line-height:1.3}.tutorial-tooltip-text{color:var(--text-secondary,#64748b);font-size:.875rem;line-height:1.55;margin:0 0 13px 0}.tutorial-tooltip-text strong{color:var(--primary-accent,var(--primary-accent));font-weight:600}.tutorial-tooltip-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.tutorial-tooltip-btn-prev{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 13px;background:rgba(59,110,245,.1);color:var(--primary-accent,var(--primary-accent));font-family:var(--font-headings, system-ui);font-size:.85rem;font-weight:600;border:1px solid rgba(59,110,245,.2);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.25, .8, .25, 1)}.tutorial-tooltip-btn-prev:hover{background:rgba(59,110,245,.18);border-color:rgba(59,110,245,.35);transform:translateX(-2px)}.tutorial-tooltip-btn-prev:active{transform:translateX(1px)}.tutorial-tooltip-btn-prev i{width:16px;height:16px;stroke-width:2.5px}[data-theme=dark] .tutorial-tooltip-btn-prev{background:rgba(59,110,245,.15);color:#60a5fa;border-color:rgba(59,110,245,.25)}[data-theme=dark] .tutorial-tooltip-btn-prev:hover{background:rgba(59,110,245,.25);border-color:rgba(59,110,245,.4)}.tutorial-tooltip-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;background:var(--primary-accent,var(--primary-accent));color:#fff;font-family:var(--font-headings, system-ui);font-size:.88rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.25, .8, .25, 1);box-shadow:0 4px 12px rgba(59,110,245,.35)}.tutorial-tooltip-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,110,245,.45);filter:brightness(1.05)}.tutorial-tooltip-btn:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(59,110,245,.3)}.tutorial-tooltip-btn i{width:18px;height:18px;stroke-width:2.5px}.tutorial-tooltip-btn.finish-btn{background:linear-gradient(135deg,var(--primary-accent,var(--primary-accent)),#2554d6);box-shadow:0 4px 16px rgba(59,110,245,.45)}.tutorial-tooltip-btn.finish-btn:hover{box-shadow:0 8px 24px rgba(59,110,245,.55)}@media (max-width:480px){.tutorial-tooltip{bottom:80px;right:16px;left:16px;width:auto;max-width:none;padding:18px 20px;border-radius:20px}.tutorial-tooltip::after{right:24px}.tutorial-tooltip-icon{font-size:1.8rem}.tutorial-tooltip-title{font-size:1.1rem}.tutorial-tooltip-text{font-size:.9rem}.tutorial-tooltip-btn{width:100%;padding:12px 18px;font-size:.9rem}}.tutorial-tooltip.step-change{animation:bubbleStepChange .4s cubic-bezier(.34,1.56,.64,1)}@keyframes bubbleStepChange{0%{opacity:.5;transform:scale(.95)}100%{opacity:1;transform:scale(1)}}.tutorial-final-links{display:flex;flex-direction:column;gap:10px;margin:12px 0}.tutorial-link{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s ease}.tutorial-link-icon{font-size:1.2rem}.tutorial-link.discord{background:rgba(88,101,242,.12);color:#5865f2;border:1.5px solid rgba(88,101,242,.25)}.tutorial-link.discord:hover{background:rgba(88,101,242,.2);border-color:rgba(88,101,242,.4);transform:translateX(4px)}.tutorial-link.donate{background:rgba(255,95,95,.1);color:#ff5f5f;border:1.5px solid rgba(255,95,95,.25)}.tutorial-link.donate:hover{background:rgba(255,95,95,.18);border-color:rgba(255,95,95,.4);transform:translateX(4px)}[data-theme=dark] .tutorial-link.discord{background:rgba(88,101,242,.18);color:#7289da}[data-theme=dark] .tutorial-link.donate{background:rgba(255,95,95,.15);color:#ff7b7b}.tutorial-final-text{display:block;margin-top:8px;font-size:.9rem;opacity:.9}@media (max-width:480px){.tutorial-link{padding:10px 14px;font-size:.85rem}}.tutorial-highlight-btn{position:relative;z-index:10001;animation:tutorial-btn-pulse 1.5s ease-in-out infinite;box-shadow:0 0 0 4px rgba(99,102,241,.3),0 0 20px rgba(99,102,241,.3);border-radius:12px}@keyframes tutorial-btn-pulse{0%,100%{box-shadow:0 0 0 4px rgba(99,102,241,.3),0 0 20px rgba(99,102,241,.3)}50%{box-shadow:0 0 0 8px rgba(99,102,241,.15),0 0 30px rgba(99,102,241,.4)}}.tutorial-active .notifications-dropdown.open{z-index:10002}.tutorial-active .notifications-widget{z-index:10001}.tutorial-highlight-notif{position:relative;animation:tutorial-notif-glow 1.5s ease-in-out infinite;border-left:3px solid var(--primary,#3b6ef5);background:rgba(99,102,241,.08)!important}@keyframes tutorial-notif-glow{0%,100%{background:rgba(99,102,241,.08)}50%{background:rgba(99,102,241,.16)}}.tutorial-simulated-notif{border-left:3px solid var(--primary,#3b6ef5)}.tutorial-simulated-notif .tutorial-demo-btn{opacity:.7;cursor:not-allowed}[data-theme=dark] .tutorial-highlight-btn{box-shadow:0 0 0 4px rgba(129,140,248,.3),0 0 20px rgba(129,140,248,.3)}[data-theme=dark] .tutorial-highlight-notif{border-left-color:#60a5fa;background:rgba(129,140,248,.1)!important}@keyframes tutorial-notif-glow-dark{0%,100%{background:rgba(129,140,248,.1)}50%{background:rgba(129,140,248,.2)}}[data-theme=dark] .tutorial-highlight-notif{animation-name:tutorial-notif-glow-dark}.onboarding-step-indicator{display:flex;align-items:center;justify-content:center;gap:0;padding:18px 40px 0}.onboarding-step-dot{width:24px;height:24px;border-radius:50%;background:var(--bg-element);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.onboarding-step-dot i{width:12px;height:12px;stroke-width:3px}.onboarding-step-dot.active{background:var(--primary-accent);border-color:var(--primary-accent);color:#fff;box-shadow:0 0 0 3px rgba(var(--primary-accent-rgb),.15)}.onboarding-step-dot.done{background:#10b981;border-color:#10b981;color:#fff}.onboarding-step-line{width:50px;height:2px;background:var(--border-color);transition:background .3s ease}.onboarding-step-line.filled{background:#10b981}#onboardingStep2{flex-direction:column}.onboarding-modal-header.compact{padding:16px 32px 4px}.onboarding-modal-header.compact h2{font-size:1.3rem;margin-bottom:2px}.onboarding-modal-header.compact p{font-size:.88rem}.onboarding-modal-body.compact{padding:10px 32px 12px}.onboarding-privacy-section{display:flex;flex-direction:column;gap:12px}.onboarding-privacy-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.onboarding-privacy-card{cursor:pointer;position:relative}.onboarding-privacy-card input{position:absolute;opacity:0;pointer-events:none}.privacy-card-content{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--bg-body);border:2px solid var(--border-color);border-radius:16px;transition:all .25s cubic-bezier(.25, .8, .25, 1);text-align:center;position:relative}.onboarding-privacy-card:hover .privacy-card-content{background:var(--bg-element);transform:translateY(-2px)}.onboarding-privacy-card.selected .privacy-card-content{border-color:var(--primary-accent);background:rgba(var(--primary-accent-rgb),.06);box-shadow:0 6px 16px -4px rgba(var(--primary-accent-rgb),.15)}.privacy-card-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-element);color:var(--text-muted);transition:all .25s ease}.privacy-card-icon i{width:20px;height:20px;stroke-width:2px}.onboarding-privacy-card.selected .privacy-card-icon{background:var(--primary-accent);color:#fff;transform:scale(1.05)}.privacy-card-title{font-family:var(--font-headings);font-weight:700;font-size:.92rem;color:var(--text-headings)}.privacy-card-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--primary-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transform:scale(.5);transition:all .3s cubic-bezier(.34, 1.56, .64, 1)}.privacy-card-check i{width:12px;height:12px;color:#fff;stroke-width:3px}.onboarding-privacy-card.selected .privacy-card-check{opacity:1;transform:scale(1)}.onboarding-privacy-details{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--bg-body);border-radius:14px;border:1px solid var(--border-color);animation:fadeIn .3s ease-out}.privacy-toggle-list{display:flex;flex-direction:column;gap:2px}.privacy-toggle-item{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:var(--bg-card);border-radius:10px;cursor:pointer;transition:background .15s}.privacy-toggle-item:hover{background:var(--bg-element)}.privacy-toggle-info{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--text-primary)}.privacy-toggle-brand-icon,.privacy-toggle-info i{width:16px;height:16px;color:var(--text-muted);stroke-width:2px;flex-shrink:0}.btn-onboarding-back{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 20px;background:0 0;color:var(--text-muted);font-family:var(--font-headings);font-size:.82rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-onboarding-back:hover{color:var(--text-primary);background:var(--bg-body)}.btn-onboarding-back i{width:15px;height:15px;stroke-width:2.5px}.onboarding-modal-footer.compact{padding:0 32px 20px;display:flex;flex-direction:column;gap:4px}.modern-toggle.small{width:38px;height:20px}.modern-toggle.small .toggle-slider::before{width:14px;height:14px;left:3px;bottom:3px}.modern-toggle.small input:checked+.toggle-slider::before{transform:translateX(18px)}@media (max-width:900px){.onboarding-step-indicator{padding:14px 20px 0}.onboarding-modal-header.compact{padding:12px 20px 4px}.onboarding-modal-body.compact{padding:8px 20px 8px}.onboarding-modal-footer.compact{padding:0 20px 16px}.onboarding-privacy-choice{gap:8px}.privacy-card-content{padding:12px 10px;gap:6px}.privacy-card-icon{width:36px;height:36px}.privacy-card-icon i{width:18px;height:18px}.onboarding-privacy-details{padding:8px 10px}.onboarding-step-dot{width:22px;height:22px}.onboarding-step-dot i{width:11px;height:11px}.onboarding-step-line{width:36px}}.lbob-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:lbobFade .25s ease}.lbob-overlay.lbob-out{animation:lbobFade .2s ease reverse forwards}@keyframes lbobFade{from{opacity:0}to{opacity:1}}.lbob-card{width:100%;max-width:420px;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e9edf5);border-radius:22px;box-shadow:0 30px 70px -20px rgba(15,23,42,.45);overflow:hidden;animation:lbobPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes lbobPop{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.lbob-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color,#eef1f7)}.lbob-avatar{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0}.lbob-b{width:40px;height:40px;border-radius:12px;font-size:20px}.lbob-head-txt{display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:0}.lbob-name{font-size:.95rem;font-weight:800;color:var(--text-headings,#111827)}.lbob-role{font-size:.72rem;font-weight:600;color:var(--text-muted,#9aa3b2)}.lbob-dots{display:flex;gap:6px}.lbob-dot{width:7px;height:7px;border-radius:99px;background:var(--border-color,#d8deea);transition:all .25s ease}.lbob-dot.on{width:22px;background:var(--primary-accent,#3b6ef5)}.lbob-dot.done{background:rgba(59,110,245,.45)}.lbob-body{padding:22px 22px 20px}.lbob-anim{animation:lbobBodyIn .28s ease-out}@keyframes lbobBodyIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.lbob-title{margin:0;font-size:1.35rem;font-weight:800;color:var(--text-headings,#111827);letter-spacing:-.01em}.lbob-sub{margin:8px 0 0;font-size:.9rem;line-height:1.55;color:var(--text-secondary,#64748b)}.lbob-hint{margin:8px 0 0;font-size:.75rem;color:var(--text-muted,#9aa3b2)}.lbob-err{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:.8rem;font-weight:600;color:#ef4444}.lbob-err i{width:15px;height:15px}.lbob-field{display:flex;align-items:center;gap:10px;margin-top:18px;padding:0 14px;border:1.5px solid var(--border-color,#e5e9f0);border-radius:13px;background:var(--bg-body,#f7f9fc);transition:border-color .15s,box-shadow .15s}.lbob-field:focus-within{border-color:var(--primary-accent,#3b6ef5);box-shadow:0 0 0 3px rgba(59,110,245,.12)}.lbob-field i{width:18px;height:18px;color:var(--text-muted,#9aa3b2);flex-shrink:0}.lbob-field input{flex:1;border:none;outline:0;background:0 0;padding:13px 0;font-size:.98rem;font-family:inherit;color:var(--text-headings,#111827)}.lbob-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.lbob-choice{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px;border-radius:14px;cursor:pointer;text-align:left;border:1.5px solid var(--border-color,#e5e9f0);background:var(--bg-body,#f7f9fc);transition:all .15s}.lbob-choice i{width:20px;height:20px;color:var(--text-muted,#9aa3b2);margin-bottom:4px}.lbob-choice-t{font-size:.92rem;font-weight:800;color:var(--text-headings,#111827)}.lbob-choice-d{font-size:.72rem;color:var(--text-muted,#9aa3b2);line-height:1.35}.lbob-choice:hover{border-color:rgba(59,110,245,.4)}.lbob-choice.on{border-color:var(--primary-accent,#3b6ef5);background:rgba(59,110,245,.07);box-shadow:0 0 0 3px rgba(59,110,245,.1)}.lbob-choice.on .lbob-choice-t,.lbob-choice.on i{color:var(--primary-accent,#3b6ef5)}.lbob-toggles{margin-top:16px;display:flex;flex-direction:column;gap:4px}.lbob-toggles[hidden]{display:none}.lbob-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;cursor:pointer}.lbob-toggle+.lbob-toggle{border-top:1px solid var(--border-color,#eef1f7)}.lbob-toggle-l{display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:600;color:var(--text-primary,#334155)}.lbob-toggle-l i{width:17px;height:17px;color:var(--text-muted,#9aa3b2)}.lbob-switch{position:relative;width:40px;height:23px;flex-shrink:0}.lbob-switch input{opacity:0;width:0;height:0}.lbob-slider{position:absolute;inset:0;border-radius:99px;background:var(--border-color,#cbd5e1);transition:background .2s}.lbob-slider::before{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}.lbob-switch input:checked+.lbob-slider{background:var(--primary-accent,#3b6ef5)}.lbob-switch input:checked+.lbob-slider::before{transform:translateX(17px)}.lbob-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.lbob-foot--end{justify-content:flex-end}.lbob-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 18px;border-radius:12px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:700;border:1px solid transparent;transition:all .15s}.lbob-btn i{width:17px;height:17px}.lbob-btn-primary{background:var(--primary-accent,#3b6ef5);color:#fff;box-shadow:0 6px 16px -4px rgba(59,110,245,.5)}.lbob-btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.lbob-btn-primary:disabled{opacity:.7;cursor:default;transform:none}.lbob-btn-ghost{background:0 0;color:var(--text-secondary,#64748b);border-color:var(--border-color,#e5e9f0)}.lbob-btn-ghost:hover{background:var(--bg-hover,#f1f5f9);color:var(--text-headings,#111827)}.lbob-spin{animation:lbobSpin .8s linear infinite}@keyframes lbobSpin{to{transform:rotate(360deg)}}[data-theme=dark] .lbob-card{background:#1e1e2e;border-color:rgba(129,140,248,.15)}[data-theme=dark] .lbob-head{border-bottom-color:rgba(255,255,255,.07)}[data-theme=dark] .lbob-choice-t,[data-theme=dark] .lbob-title{color:#f1f5f9}[data-theme=dark] .lbob-choice,[data-theme=dark] .lbob-field{background:#27273a;border-color:#3a3a52}[data-theme=dark] .lbob-field input{color:#f1f5f9}[data-theme=dark] .lbob-toggle+.lbob-toggle{border-top-color:rgba(255,255,255,.06)}[data-theme=dark] .lbob-btn-ghost:hover{background:rgba(255,255,255,.08);color:#f1f5f9}@media (max-width:480px){.lbob-card{max-width:100%;border-radius:18px}.lbob-choices{grid-template-columns:1fr}.lbob-title{font-size:1.2rem}}
.modules-page{max-width:var(--container-wide);width:100%;margin:0 auto;padding:0 30px 60px;box-sizing:border-box;overflow-x:hidden}.modules-header{background:var(--gradient-primary);border-radius:var(--radius-xl);padding:48px 40px;margin-bottom:28px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;max-width:100%;box-sizing:border-box}.modules-header::before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:rgba(255,255,255,.1);border-radius:50%;pointer-events:none}.modules-header-content{position:relative;z-index:1}.modules-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.2);color:#fff;padding:7px 14px;border-radius:var(--radius-pill);font-size:var(--font-sm);font-weight:600;margin-bottom:14px}.modules-badge i{width:15px;height:15px}.modules-header h1{font-size:var(--font-4xl);font-weight:800;color:#fff;margin:0 0 8px}.modules-header p{color:rgba(255,255,255,.88);font-size:var(--font-lg);margin:0}.modules-stats{display:flex;gap:24px;position:relative;z-index:1}.module-stat-item{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);padding:18px 24px;border-radius:var(--radius-lg);text-align:center}.module-stat-item .stat-number{display:block;font-size:var(--font-3xl);font-weight:800;color:#fff}.module-stat-item .stat-text{font-size:var(--font-sm);color:rgba(255,255,255,.8)}.module-stat-item .stat-grade{display:flex;align-items:center;gap:8px}.module-stat-item .grade-icon{font-size:var(--font-3xl)}.module-stat-item .grade-name{font-size:var(--font-md);font-weight:700;color:#fff}.modules-header--build{background:var(--track-build-gradient)}.formation-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:24px;background:var(--bg-sidebar);padding:7px;border-radius:var(--radius-xl);width:100%;max-width:100%;box-sizing:border-box;border:1px solid var(--border-color)}.formation-tabs::-webkit-scrollbar{display:none}.formation-tab{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;background:0 0;border:1px solid transparent;border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);text-align:left;min-height:70px}.formation-tab i{width:18px;height:18px;margin-top:2px;flex-shrink:0}.formation-tab .formation-tab-text{display:flex;flex-direction:column;gap:2px;min-width:0}.formation-tab .tab-title{font-size:var(--font-md);font-weight:700;color:var(--text-headings);line-height:1.2}.formation-tab .tab-track{display:inline-block;margin-left:5px;padding:1px 8px;border-radius:var(--radius-pill,999px);background:rgba(var(--primary-rgb),.12);color:var(--primary-accent);font-size:.78em;font-weight:800;vertical-align:middle}.formation-tab.active .tab-track{background:rgba(255,255,255,.22);color:#fff}.formation-tab .tab-desc{font-size:var(--font-2xs);color:var(--text-muted);line-height:1.35}.formation-tab .tab-count{background:var(--bg-element);padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--font-xs);font-weight:700}.formation-tab:hover{color:var(--primary-accent);background:var(--bg-card);border-color:var(--border-color)}.formation-tab.active{background:var(--primary-accent);color:#fff;box-shadow:var(--shadow-script)}.formation-tab.active .tab-desc,.formation-tab.active .tab-title{color:#fff}.formation-tab.active .tab-count{background:rgba(255,255,255,.2);color:#fff}.formation-path-hero{margin-bottom:30px}.fp-label{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:14px}.fp-label i{width:14px;height:14px}.fp-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.fp-card{border-radius:var(--radius-2xl);padding:40px 44px;cursor:pointer;transition:opacity var(--transition-slow),transform var(--transition-slow),box-shadow var(--transition-slow);position:relative;overflow:hidden}.fp-script{background:var(--track-script-gradient)}.fp-build{background:var(--track-build-gradient)}.fp-card::after{content:'';position:absolute;inset:0;border-radius:calc(var(--radius-2xl) - 2px);background:rgba(0,0,0,.52);pointer-events:none;z-index:3;transition:opacity var(--transition-slow);opacity:0}.fp-card:not(.active)::after{opacity:1}.fp-card:hover:not(.active)::after{opacity:.72}.fp-card:not(.active){transform:scale(.978)}.fp-card:hover:not(.active){transform:scale(.988)}.fp-card.active.fp-script{box-shadow:0 24px 64px rgba(var(--track-script-rgb),.42),0 0 0 2px rgba(255,255,255,.12)}.fp-card.active.fp-build{box-shadow:0 24px 64px rgba(var(--track-build-rgb),.42),0 0 0 2px rgba(255,255,255,.12)}.fp-card-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.fp-shape{position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.fp-shape-1{width:280px;height:280px;top:-95px;right:-45px;animation:float-slow 15s ease-in-out infinite}.fp-shape-2{width:190px;height:190px;bottom:-75px;left:8%;animation:float-slow 12s ease-in-out infinite reverse}.fp-shape-3{width:130px;height:130px;top:35%;right:19%;animation:float-slow 10s ease-in-out infinite 2s}.fp-card-inner{position:relative;z-index:2}.fp-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.fp-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);color:#fff;padding:8px 18px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600}.fp-badge i{width:16px;height:16px}.fp-card-status{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:5px 13px;border-radius:var(--radius-xl);flex-shrink:0}.fp-card-status.available{background:rgba(255,255,255,.22);color:#fff}.fp-card-status.soon{background:rgba(255,255,255,.16);color:rgba(255,255,255,.9)}.fp-big-title{font-size:var(--font-4xl);font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-.02em}.fp-subtitle{font-size:var(--font-md);color:rgba(255,255,255,.8);margin:0 0 26px;font-weight:500}.fp-progress{margin-bottom:20px}.fp-progress-row{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;color:rgba(255,255,255,.85);margin-bottom:9px}.fp-progress-track{height:11px;background:rgba(255,255,255,.15);border-radius:var(--radius-full);overflow:hidden;backdrop-filter:blur(4px)}.fp-progress-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,rgba(255,255,255,.5),rgba(255,255,255,.88));transition:width .6s cubic-bezier(.4,0,.2,1);min-width:11px}.fp-grade-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;margin-bottom:20px;background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.32);border-radius:var(--radius-xl);font-size:.84rem;font-weight:700;color:#fff}.fp-card .grades-progression-wrapper{margin-bottom:22px}.fp-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1.5px solid rgba(255,255,255,.14);padding-top:18px;margin-top:6px}.fp-stats-text{display:flex;align-items:center;gap:7px;font-size:.84rem;color:rgba(255,255,255,.75);font-weight:500}.fp-stats-text i{width:15px;height:15px}.fp-card-cta{display:inline-flex;align-items:center;gap:7px;font-size:.9rem;font-weight:700;color:#fff;text-decoration:none;transition:gap .2s}.fp-card-cta i{width:16px;height:16px;transition:transform .2s}.fp-card.active .fp-card-cta i{transform:translateX(4px)}.fp-build-preview{margin-bottom:22px;display:flex;flex-direction:column;gap:11px}.fp-build-preview-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:rgba(255,255,255,.85);font-weight:500}.fp-build-preview-item.blurred{filter:blur(4px);user-select:none;pointer-events:none}.fp-build-preview-item i{width:15px;height:15px;color:rgba(255,255,255,.65);flex-shrink:0}.formation-tabs.hidden{display:none}.track-section{display:none}.track-section.active{display:block;animation:fadeIn .25s ease-out}.hero-build-bg{position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,#9333ea 0,#7c3aed 55%,#6d28d9 100%);opacity:0;transition:opacity .55s ease;pointer-events:none}.formation-hero[data-track=build] .hero-build-bg{opacity:1}.hero-ugc-bg{position:absolute;inset:0;z-index:0;background:var(--track-ugc-gradient);opacity:0;transition:opacity .55s ease;pointer-events:none}.formation-hero[data-track=ugc] .hero-ugc-bg{opacity:1}.formation-hero-bg{z-index:1}.hero-track-clips{overflow:hidden;position:relative;z-index:2;width:100%}.hero-track-slides{display:flex;flex-wrap:nowrap;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}.hero-track-slide{min-width:100%;width:100%;flex-shrink:0;box-sizing:border-box}.hero-track-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px;position:relative;z-index:3}.hero-track-dots{display:flex;align-items:center;gap:9px}.hero-dot{height:9px;width:9px;border-radius:50%;background:rgba(255,255,255,.35);transition:width .35s ease,background .35s ease,border-radius .35s ease;cursor:pointer;display:block}.hero-dot.active{width:28px;border-radius:5px;background:rgba(255,255,255,.92)}.hero-track-tabs{gap:8px;flex-wrap:wrap;justify-content:center}.hero-track-tabs .hero-dot{height:auto;width:auto;border-radius:999px;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.85);font-size:13px;font-weight:600;line-height:1;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}.hero-track-tabs .hero-dot i{width:15px;height:15px}.hero-track-tabs .hero-dot:hover{background:rgba(255,255,255,.24);transform:translateY(-1px)}.hero-track-tabs .hero-dot:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}.hero-track-tabs .hero-dot.active{width:auto;border-radius:999px;background:rgba(255,255,255,.95);border-color:rgba(255,255,255,.95);color:#1e3a8a}.formation-hero[data-track=build] .hero-track-tabs .hero-dot.active{color:#6d28d9}.formation-hero[data-track=ugc] .hero-track-tabs .hero-dot.active{color:#be185d}@media (max-width:640px){.hero-track-tabs .hero-dot span{display:none}.hero-track-tabs .hero-dot{padding:9px}}.hero-nav-arrow{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s,transform .2s;outline:0;flex-shrink:0}.hero-nav-arrow:hover{background:rgba(255,255,255,.28);transform:scale(1.08)}.hero-nav-arrow i{width:18px;height:18px}.build-coming-soon{text-align:center;padding:60px 24px 40px;background:var(--bg-sidebar);border-radius:var(--radius-xl);border:1.5px dashed var(--border-color,rgba(255,255,255,.1));margin-bottom:32px}.build-cs-icon{width:72px;height:72px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#f97316,#ea580c);display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}.build-cs-icon i{width:36px;height:36px;color:#fff}.build-coming-soon h2{font-size:var(--font-2xl);margin:0 0 10px;color:var(--text-primary)}.build-coming-soon p{color:var(--text-secondary);max-width:500px;margin:0 auto 24px}.build-cs-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:opacity .2s}.build-cs-cta:hover{opacity:.85}.build-teaser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:32px}.build-teaser-card{background:var(--bg-sidebar);border:1.5px solid var(--border-color,rgba(255,255,255,.07));border-radius:var(--radius-lg);padding:20px;display:flex;gap:14px;align-items:flex-start;opacity:.72;transition:opacity .2s,transform .2s}.build-teaser-card:hover{opacity:.9;transform:translateY(-2px)}.build-teaser-num{width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.build-teaser-info{flex:1}.build-teaser-info h4{font-size:.9rem;margin:0 0 4px;color:var(--text-primary)}.build-teaser-info p{font-size:.78rem;color:var(--text-secondary);margin:0 0 8px}.build-teaser-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:var(--radius-xl);background:rgba(249,115,22,.15);color:#f97316}.formation-section{animation:fadeIn .3s ease-out}.formation-section.hidden{display:none}.section-intro{display:flex;align-items:center;gap:20px;background:var(--bg-sidebar);border-radius:var(--radius-lg);padding:24px 30px;margin-bottom:30px;border:1px solid var(--border-color)}.section-intro-icon{width:56px;height:56px;background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-intro-icon i{width:28px;height:28px;color:#d97706}.section-intro-text h3{font-size:1.15rem;font-weight:700;color:var(--text-headings);margin-bottom:4px}.section-intro-text p{font-size:var(--font-base);color:var(--text-secondary)}.modules-filters{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.modules-filters::-webkit-scrollbar{display:none}.filter-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-pill);font-size:var(--font-base);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.filter-btn i{width:16px;height:16px}.filter-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.filter-btn.active{background:var(--primary-accent);border-color:var(--primary-accent);color:#fff}.modules-grid-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.module-card-new{background:var(--bg-sidebar);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.04);transition:all var(--transition-slow)}.module-card-new:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.1)}.module-card-header{min-height:130px;padding:18px 20px;position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:8px}.module-header-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.module-card-header .module-title{font-size:var(--font-lg);font-weight:700;color:#fff;margin:0;line-height:1.3}.module-card-header .module-description{font-size:var(--font-xs);color:rgba(255,255,255,.85);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.module-icon-wrapper{width:44px;height:44px;background:rgba(255,255,255,.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.module-card-header.color-1{background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%)}.module-card-header.color-2{background:linear-gradient(135deg,var(--primary-accent) 0,#06b6d4 100%)}.module-card-header.color-3{background:linear-gradient(135deg,#ec4899 0,#f43f5e 100%)}.module-card-header.color-4{background:linear-gradient(135deg,#10b981 0,#34d399 100%)}.module-card-header.color-5{background:linear-gradient(135deg,#f59e0b 0,#eab308 100%)}.module-card-header.color-6{background:linear-gradient(135deg,#ef4444 0,#f97316 100%)}.module-badge{display:inline-block;background:rgba(255,255,255,.2);color:#fff;padding:4px 12px;border-radius:var(--radius-xl);font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;width:fit-content}.module-icon-wrapper i{width:22px;height:22px;color:#fff}.module-level{display:inline-block;padding:4px 10px;border-radius:6px;font-size:var(--font-2xs);font-weight:700;text-transform:uppercase;width:fit-content}.module-level.beginner{background:rgba(16,185,129,.2);color:#10b981}.module-level.intermediate{background:rgba(245,158,11,.2);color:#f59e0b}.module-level.advanced{background:rgba(239,68,68,.2);color:#ef4444}.module-level.expert{background:rgba(59,110,245,.2);color:#2554d6}.module-card-body{padding:16px 20px}.module-card-body h3{display:none}.module-card-body p{display:none}.module-meta-new{display:none}.module-meta-new span{display:flex;align-items:center;gap:4px;padding:5px 10px;background:var(--bg-element);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);white-space:nowrap}.module-meta-new i{width:12px;height:12px;color:var(--primary-accent)}.module-progress-section{display:flex;align-items:center;gap:12px;margin-bottom:12px}.module-progress-bar{flex:1;height:6px;background:var(--bg-element);border-radius:3px;overflow:hidden}.module-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-accent) 0,#2554d6 100%);border-radius:3px;transition:width .3s ease}.module-progress-text{font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);min-width:35px;text-align:right}.module-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.module-meta-row span{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-muted)}.module-meta-row i{width:13px;height:13px;color:var(--primary-accent)}.btn-module-new{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:var(--bg-element);border:none;border-radius:var(--radius-md);font-size:var(--font-base);font-weight:700;color:var(--text-headings);cursor:pointer;transition:all .2s}.btn-module-new i{width:18px;height:18px;transition:transform .2s}.btn-module-new:hover{background:var(--primary-accent);color:#fff}.btn-module-new:hover i{transform:translateX(4px)}.btn-module-new.continue{background:var(--primary-accent);color:#fff}.btn-module-new.completed{background:rgba(16,185,129,.1);color:#10b981}.btn-module-new.completed:hover{background:#10b981;color:#fff}.btn-module-new.locked{background:var(--bg-element);color:var(--text-muted);cursor:not-allowed;opacity:.7}.btn-module-new.locked:hover{background:var(--bg-element);color:var(--text-muted)}.btn-module-new.locked i{transform:none}.btn-cheatsheet{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:8px;padding:9px 14px;background:0 0;border:1px dashed var(--border-color);border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:600;color:var(--text-muted);text-decoration:none;transition:background .18s,color .18s,border-color .18s}.btn-cheatsheet i{width:14px;height:14px;flex-shrink:0}.btn-cheatsheet:hover{background:rgba(59,110,245,.08);color:var(--primary-accent);border-color:var(--primary-accent);border-style:solid}.module-card-new.locked{opacity:.75}.module-card-new.locked .module-card-header{filter:grayscale(30%)}.module-card-new.locked .module-icon-wrapper{background:rgba(0,0,0,.3)}.module-card-new.locked::after{content:"";position:absolute;inset:0;background:0 0;pointer-events:none}.module-card-new.available{border:2px solid transparent}.module-card-new.available:hover{border-color:var(--primary-accent)}@media (max-width:768px){.modules-header{flex-direction:column;text-align:center;padding:24px 16px;gap:20px}.modules-header h1{font-size:var(--font-2xl)}.modules-stats{width:100%;justify-content:center;flex-wrap:wrap;gap:12px}.module-stat-item{padding:14px 16px;flex:1;min-width:80px}.module-stat-item .stat-number{font-size:1.3rem}.modules-filters{overflow-x:auto;padding-bottom:8px;flex-wrap:nowrap;gap:8px;-webkit-overflow-scrolling:touch}.filter-btn{white-space:nowrap;padding:8px 14px;font-size:var(--font-xs);flex-shrink:0}.modules-grid-new{grid-template-columns:1fr;gap:16px}.module-card-header{min-height:110px;padding:14px 16px}.module-card-header .module-title{font-size:var(--font-md)}.module-card-header .module-description{font-size:var(--font-xs);-webkit-line-clamp:2}.module-icon-wrapper{width:38px;height:38px}.module-icon-wrapper i{width:18px;height:18px}.module-card-body{padding:12px 14px}.module-meta-row{gap:6px}.module-meta-row span{font-size:var(--font-2xs)}}.toolbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.toolbox-item{display:flex;align-items:center;gap:16px;background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;text-decoration:none;transition:all var(--transition-slow);cursor:pointer}.toolbox-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1);border-color:var(--primary-accent)}.toolbox-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.toolbox-item.color-1 .toolbox-icon{background:linear-gradient(135deg,var(--primary-accent),#2554d6);color:#fff}.toolbox-item.color-2 .toolbox-icon{background:linear-gradient(135deg,var(--primary-accent),#06b6d4);color:#fff}.toolbox-item.color-3 .toolbox-icon{background:linear-gradient(135deg,#ec4899,#f43f5e);color:#fff}.toolbox-item.color-4 .toolbox-icon{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.toolbox-icon i{width:24px;height:24px}.toolbox-content{flex:1;min-width:0}.toolbox-content h4{font-size:var(--font-md);font-weight:600;color:var(--text-headings);margin-bottom:4px}.toolbox-content p{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.4;margin:0}.toolbox-arrow{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--bg-element);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-slow)}.toolbox-item:hover .toolbox-arrow{background:var(--primary-accent);color:#fff;transform:translateX(4px)}.toolbox-arrow i{width:16px;height:16px}.toolbox-icon-intro{background:linear-gradient(135deg,#f59e0b,#eab308)!important}@media (max-width:768px){.toolbox-grid{grid-template-columns:1fr}.toolbox-item{padding:16px}.toolbox-icon{width:44px;height:44px}.toolbox-icon i{width:20px;height:20px}}.toolbox-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:16px;flex-wrap:nowrap;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.toolbox-tabs::-webkit-scrollbar{display:none}.toolbox-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:0 0;border:none;border-radius:var(--radius-sm);font-size:var(--font-base);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);position:relative}.toolbox-tab:hover:not(:disabled){background:var(--bg-element);color:var(--text-headings)}.toolbox-tab.active{background:var(--primary-accent);color:#fff}.toolbox-tab:disabled{opacity:.6;cursor:not-allowed}.toolbox-tab .coming-soon{font-size:.65rem;background:#f59e0b;color:#fff;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:700}.toolbox-tab i{width:18px;height:18px}.toolbox-content-section{animation:fadeIn .3s ease}.toolbox-content-section.hidden{display:none}.toolbox-search{display:flex;align-items:center;gap:12px;background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 20px;margin-bottom:16px}.toolbox-search i{color:var(--text-muted);width:20px;height:20px}.toolbox-search input{flex:1;background:0 0;border:none;outline:0;font-size:var(--font-base);color:var(--text-primary)}.toolbox-search input::placeholder{color:var(--text-muted)}.toolbox-filters{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.toolbox-filters::-webkit-scrollbar{display:none}.toolbox-filter{padding:8px 16px;background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-xl);font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;flex-shrink:0}.toolbox-filter:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.toolbox-filter.active{background:var(--primary-accent);border-color:var(--primary-accent);color:#fff}.snippets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(400px,100%),1fr));gap:20px;max-width:100%}.snippet-card{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;transition:all var(--transition-slow);max-width:100%;box-sizing:border-box;overflow:hidden}.snippet-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);border-color:var(--primary-accent)}.snippet-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.snippet-header h4{font-size:var(--font-lg);font-weight:700;color:var(--text-headings);margin:0}.snippet-badge{font-size:var(--font-2xs);font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.snippet-badge.bases{background:rgba(59,110,245,.15);color:var(--primary-accent)}.snippet-badge.joueur{background:rgba(236,72,153,.15);color:#ec4899}.snippet-badge.physique{background:rgba(16,185,129,.15);color:#10b981}.snippet-badge.interface{background:rgba(245,158,11,.15);color:#f59e0b}.snippet-location{display:flex;align-items:center;gap:6px;font-size:var(--font-xs);color:var(--text-muted);margin-bottom:12px}.snippet-location i{width:14px;height:14px}.snippet-desc{font-size:var(--font-base);color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.snippet-code{position:relative;background:#1e1e2e;border-radius:var(--radius-md);overflow:hidden;max-width:100%;box-sizing:border-box}.snippet-code pre{margin:0;padding:16px;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.snippet-code code{font-family:var(--font-code);font-size:var(--font-xs);line-height:1.6;color:#cdd6f4;white-space:pre;display:block}.snippet-copy-btn{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.1);border:none;border-radius:var(--radius-sm);padding:8px;cursor:pointer;color:#cdd6f4;transition:all var(--transition)}.snippet-copy-btn:hover{background:rgba(255,255,255,.2)}.snippet-copy-btn i{width:16px;height:16px}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.resource-item{display:flex;align-items:center;gap:16px;background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:18px;text-decoration:none;transition:all var(--transition-slow)}.resource-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08);border-color:var(--primary-accent)}.resource-icon{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-accent),#2554d6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.resource-icon i{width:22px;height:22px}.resource-content{flex:1;min-width:0}.resource-content h4{font-size:var(--font-base);font-weight:600;color:var(--text-headings);margin-bottom:4px}.resource-content p{font-size:var(--font-xs);color:var(--text-secondary);margin:0;line-height:1.4}.resource-arrow{color:var(--text-muted);transition:all var(--transition)}.resource-item:hover .resource-arrow{color:var(--primary-accent);transform:translateX(4px)}.resource-arrow i{width:18px;height:18px}.bugs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(450px,100%),1fr));gap:20px;max-width:100%}.bug-card{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;max-width:100%;box-sizing:border-box;overflow:hidden}.bug-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;max-width:100%}.bug-header i{width:20px;height:20px;color:#ef4444;flex-shrink:0}.bug-header h4{font-size:var(--font-md);font-weight:700;color:var(--text-headings);margin:0;font-family:var(--font-code);word-break:break-word;overflow-wrap:break-word}.bug-desc{font-size:var(--font-base);color:var(--text-secondary);margin-bottom:16px;line-height:1.5;word-break:break-word;overflow-wrap:break-word}.bug-solution{background:rgba(16,185,129,.1);border-radius:var(--radius-md);padding:14px;margin-bottom:16px;max-width:100%;box-sizing:border-box;overflow:hidden}.bug-solution strong{display:flex;align-items:center;gap:6px;color:#10b981;font-size:var(--font-sm);margin-bottom:6px}.bug-solution strong i{width:16px;height:16px}.bug-solution p{font-size:var(--font-sm);color:var(--text-primary);margin:0;line-height:1.5;word-break:break-word;overflow-wrap:break-word}.coming-soon-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:var(--bg-sidebar);border:2px dashed var(--border-color);border-radius:var(--radius-lg)}.coming-soon-box i{width:48px;height:48px;color:var(--primary-accent);margin-bottom:16px}.coming-soon-box h3{font-size:1.3rem;color:var(--text-headings);margin-bottom:8px}.coming-soon-box p{color:var(--text-secondary);font-size:var(--font-base)}@media (max-width:768px){.toolbox-tabs{gap:6px}.toolbox-tab{padding:8px 14px;font-size:var(--font-xs)}.toolbox-tab span:not(.coming-soon){display:none}.bugs-grid,.snippets-grid{grid-template-columns:1fr}.resources-grid{grid-template-columns:1fr}.toolbox-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.toolbox-filter{white-space:nowrap}.bug-card{padding:16px}.bug-header h4{font-size:var(--font-base)}.bug-desc{font-size:var(--font-sm)}.bug-solution{padding:12px}.bug-solution p{font-size:var(--font-xs)}.snippet-card{padding:16px}.snippet-code pre{padding:12px}.snippet-code code{font-size:var(--font-2xs)}}.toolbox-locked{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px 20px}.toolbox-locked-content{max-width:500px;text-align:center;background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:48px 40px}.toolbox-locked-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(59,110,245,.15),rgba(59,110,245,.15));display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.toolbox-locked-icon i{width:36px;height:36px;color:var(--primary-accent)}.toolbox-locked-content h3{font-size:var(--font-2xl);font-weight:700;color:var(--text-headings);margin-bottom:12px}.toolbox-locked-content>p{font-size:var(--font-base);color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.toolbox-locked-features{list-style:none;padding:0;margin:0 0 28px;text-align:left}.toolbox-locked-features li{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:8px;font-size:var(--font-base);color:var(--text-primary)}.toolbox-locked-features li:last-child{margin-bottom:0}.toolbox-locked-features li i{width:20px;height:20px;color:var(--primary-accent);flex-shrink:0}.toolbox-locked-features li strong{color:var(--text-headings)}.toolbox-discord-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 32px;background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;font-size:var(--font-md);font-weight:600;border:none;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:all var(--transition-slow);box-shadow:0 4px 15px rgba(88,101,242,.3)}.toolbox-discord-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(88,101,242,.4)}.toolbox-discord-btn i{width:20px;height:20px}.toolbox-locked-hint{margin-top:16px;font-size:var(--font-xs);color:var(--text-muted)}@media (max-width:768px){.toolbox-locked-content{padding:32px 24px}.toolbox-locked-content h3{font-size:var(--font-xl)}.toolbox-locked-features li{padding:10px 12px;font-size:var(--font-sm)}}.formation-hero{position:relative;background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 50%,#1d4ed8 100%);border-radius:28px;padding:50px 50px;margin-bottom:30px;overflow:hidden}.formation-hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-shape{position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.hero-shape-1{width:300px;height:300px;top:-100px;right:-50px;animation:float-slow 15s ease-in-out infinite}.hero-shape-2{width:200px;height:200px;bottom:-80px;left:10%;animation:float-slow 12s ease-in-out infinite reverse}.hero-shape-3{width:150px;height:150px;top:30%;right:20%;animation:float-slow 10s ease-in-out infinite 2s}@keyframes float-slow{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.formation-hero-content{position:relative;z-index:2;text-align:center}.formation-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);color:#fff;padding:10px 20px;border-radius:var(--radius-pill);font-size:var(--font-base);font-weight:600;margin-bottom:20px}.formation-badge i{width:18px;height:18px}.formation-title{font-size:2.6rem;font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:-.02em}.formation-subtitle{font-size:1.15rem;color:rgba(255,255,255,.85);margin:0 0 32px;max-width:600px;margin-inline:auto;line-height:1.6}.formation-progress-bar{max-width:480px;width:100%;margin:0 auto}.formation-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.formation-progress-modules{font-size:var(--font-sm);font-weight:600;color:rgba(255,255,255,.9)}.formation-progress-percent{font-size:var(--font-base);font-weight:800;color:#fff}.formation-progress-track{width:100%;height:12px;background:rgba(255,255,255,.15);border-radius:var(--radius-full);overflow:hidden;backdrop-filter:blur(4px)}.formation-progress-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,rgba(255,255,255,.5),rgba(255,255,255,.85));transition:width .6s cubic-bezier(.4, 0, .2, 1);min-width:12px}.training-levels-container{display:flex;flex-direction:column;gap:28px}.training-level{background:var(--bg-sidebar);border-radius:var(--radius-xl);border:1px solid var(--border-color);overflow:hidden;transition:all .3s}.training-level:hover{border-color:var(--border-color);box-shadow:0 8px 30px rgba(0,0,0,.08)}.training-level.locked{opacity:.7}.training-level.locked:hover{opacity:.8}.level-header{display:flex;align-items:center;gap:20px;padding:24px;background:var(--level-gradient,linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%));position:relative;overflow:hidden}.level-collapse-btn{width:38px;height:38px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.16);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;position:relative;z-index:2;transition:all var(--transition)}.level-collapse-btn i,.level-collapse-btn svg{width:18px;height:18px;transition:transform .28s ease}.level-collapse-btn:hover{background:rgba(255,255,255,.28)}.training-level:not(.is-collapsed) .level-collapse-btn i,.training-level:not(.is-collapsed) .level-collapse-btn svg{transform:rotate(180deg)}.training-level.is-collapsed .level-modules{max-height:0;opacity:0;padding-top:0;padding-bottom:0;pointer-events:none}.level-header::before{content:"";position:absolute;top:-50%;right:-10%;width:200px;height:200px;background:rgba(255,255,255,.1);border-radius:50%}.level-icon-wrapper{width:56px;height:56px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:2;color:#fff}.level-icon-wrapper i,.level-icon-wrapper svg{width:28px;height:28px;color:#fff;stroke:white}.level-info{flex:1;min-width:0;position:relative;z-index:2}.level-title{font-size:1.3rem;font-weight:800;color:#fff;margin:0 0 4px 0;line-height:1.2}.level-description{font-size:var(--font-sm);color:rgba(255,255,255,.9);margin:0;line-height:1.4}.level-stats{flex-shrink:0;position:relative;z-index:2}.level-price-tag{background:rgba(255,255,255,.95);color:#f97316;font-size:var(--font-lg);font-weight:800;padding:10px 18px;border-radius:var(--radius-md);white-space:nowrap}.level-discord-btn{display:inline-block;background:rgba(255,255,255,.2);color:#fff;font-size:var(--font-sm);font-weight:600;padding:10px 16px;border-radius:var(--radius-md);text-decoration:none;transition:all .2s;white-space:nowrap}.level-discord-btn:hover{background:rgba(255,255,255,.3);color:#fff}.level-stats .level-progress-text{display:inline-block;background:rgba(255,255,255,.2);color:#fff;font-size:var(--font-base);font-weight:700;padding:8px 14px;border-radius:var(--radius-md);white-space:nowrap}.level-discord-btn:hover{background:rgba(255,255,255,.3);color:#fff}.level-stats .level-progress-text{background:rgba(255,255,255,.2);color:#fff;font-size:var(--font-base);font-weight:700;padding:8px 16px;border-radius:var(--radius-md)}.circular-chart{display:block;width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:rgba(255,255,255,0.2);stroke-width:3}.circle{fill:none;stroke-width:3;stroke-linecap:round;animation:progress-in 1s ease-out forwards}@keyframes progress-in{from{stroke-dasharray:0 100}}.level-progress-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-md);font-weight:800;color:#fff}.level-lock-badge{display:flex;align-items:center;gap:6px;font-size:var(--font-xs);font-weight:600;color:rgba(255,255,255,.8);background:rgba(0,0,0,.2);padding:6px 12px;border-radius:var(--radius-xl)}.level-lock-badge i{width:12px;height:12px}.level-modules{padding:24px 28px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;max-height:5000px;opacity:1;transition:max-height .38s cubic-bezier(.4, 0, .2, 1),opacity .24s ease,padding .24s ease}.level-module-card{display:flex;align-items:center;gap:20px;background:var(--bg-element);border-radius:var(--radius-lg);padding:20px 24px;border:1px solid var(--border-color);transition:all .3s}.level-module-card:hover{transform:translateX(8px);border-color:var(--border-color);box-shadow:0 4px 20px rgba(0,0,0,.08)}.level-module-card.locked{opacity:.6;pointer-events:none}.level-module-card.completed{border-color:#10b981;background:rgba(16,185,129,.05)}.level-module-number{width:48px;height:48px;background:var(--bg-sidebar);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;color:var(--text-secondary);flex-shrink:0;border:2px solid var(--border-color);transition:all .3s}.level-module-card.completed .level-module-number{background:linear-gradient(135deg,#10b981 0,#059669 100%);border-color:transparent;color:#fff}.level-module-card.completed .level-module-number i{width:24px;height:24px}.level-module-card.locked .level-module-number{background:var(--bg-card)}.level-module-card.locked .level-module-number i{width:20px;height:20px;color:var(--text-muted)}.level-module-content{flex:1;display:flex;flex-direction:column;gap:10px}.level-module-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.level-module-title{font-size:var(--font-lg);font-weight:700;color:var(--text-headings);margin:0}.level-module-meta{display:flex;gap:16px}.level-module-meta span{display:flex;align-items:center;gap:5px;font-size:var(--font-xs);color:var(--text-muted)}.level-module-meta i{width:14px;height:14px}.level-module-desc{font-size:var(--font-base);color:var(--text-secondary);margin:0;line-height:1.5}.level-module-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:4px}.level-module-progress{flex:1;display:flex;align-items:center;gap:12px}.level-progress-bar{flex:1;height:6px;background:var(--bg-card);border-radius:3px;overflow:hidden}.level-progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.level-progress-text{font-size:var(--font-sm);font-weight:700;color:var(--text-secondary);min-width:40px}.btn-level-module{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all .3s}.btn-level-module:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(37,84,214,.3)}.btn-level-module i{width:16px;height:16px}.btn-level-module.completed{background:#10b981}.btn-level-module.completed:hover{box-shadow:0 4px 15px rgba(16,185,129,.3)}.btn-level-module.locked{background:var(--bg-element);color:var(--text-muted);cursor:not-allowed}.btn-level-module.locked:hover{transform:none;box-shadow:none}.level-locked-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;background:linear-gradient(180deg,transparent 0,var(--bg-element) 100%);border-radius:var(--radius-lg)}.level-locked-overlay i{width:48px;height:48px;color:var(--text-muted);margin-bottom:16px}.level-locked-overlay p{font-size:var(--font-md);color:var(--text-secondary);margin:0}.level-cert-card{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-element) 100%);border:2px dashed var(--border-color)}.level-cert-card:hover{border-style:solid}.level-cert-card.available{border-color:var(--primary-accent);background:linear-gradient(135deg,rgba(37,84,214,.03) 0,rgba(37,84,214,.08) 100%)}.level-cert-card.completed{border-style:solid;border-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.05) 0,rgba(16,185,129,.1) 100%)}.level-cert-card .cert-icon{border-radius:var(--radius-lg)}.level-cert-card .cert-icon i{width:22px;height:22px;color:var(--primary-accent)}.level-cert-card.completed .cert-icon{background:linear-gradient(135deg,#10b981,#059669)!important}.level-cert-card.completed .cert-icon i{color:#fff}.level-cert-card.locked .cert-icon i{color:var(--text-muted)}.cert-rewards{display:flex;align-items:center;gap:16px}.cert-reward{display:flex;align-items:center;gap:5px;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);padding:6px 12px;background:var(--bg-element);border-radius:var(--radius-xl)}.cert-reward i{width:14px;height:14px}.cert-reward:first-child i{color:#f59e0b}.cert-reward:last-child i{color:#2554d6}.btn-cert{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%)}.btn-cert:hover{box-shadow:0 4px 15px rgba(245,158,11,.4)}.btn-cert.available{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%)}.btn-cert.completed{background:linear-gradient(135deg,#059669 0,#047857 100%)}.btn-cert.locked{background:var(--bg-element);color:var(--text-muted)}@media (max-width:1024px){.formation-hero{padding:40px 30px}.formation-title{font-size:2rem}.level-header{flex-wrap:wrap;padding:24px}.level-info{flex:1 1 100%;order:2;margin-top:16px}.level-stats{order:1;margin-left:auto}.level-collapse-btn{order:1}}@media (max-width:768px){.modules-page{padding:0 12px 30px;width:100%;overflow-x:hidden}.formation-hero{padding:24px 16px;border-radius:var(--radius-lg);margin-bottom:20px}.formation-badge{padding:8px 14px;font-size:var(--font-xs);margin-bottom:14px}.formation-badge i{width:14px;height:14px}.formation-title{font-size:1.4rem;line-height:1.3;margin-bottom:8px}.formation-subtitle{font-size:var(--font-base);margin-bottom:20px;line-height:1.5}.formation-progress-bar{max-width:100%}.formation-progress-track{height:10px}.formation-progress-modules{font-size:var(--font-xs)}.formation-progress-percent{font-size:var(--font-sm)}.formation-tabs{width:100%;margin-bottom:16px;padding:6px;gap:8px;border-radius:var(--radius-lg)}.formation-tab{flex:1;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8px 6px;border-radius:var(--radius-md);gap:4px;min-height:0}.formation-tab i{width:18px;height:18px}.formation-tab .formation-tab-text{display:flex;align-items:center;gap:2px}.formation-tab .tab-title{display:block;font-size:var(--font-xs);font-weight:700;line-height:1.1}.formation-tab .tab-desc{display:none}.formation-tab .tab-count{padding:2px 8px;font-size:var(--font-xs);margin-left:0}.training-levels-container{gap:12px}.training-level{border-radius:var(--radius-lg);box-shadow:0 6px 16px rgba(2,6,23,.08)}.level-header{display:grid;grid-template-columns:44px minmax(0,1fr) 36px;grid-template-areas:"icon info toggle" "icon stats toggle";align-items:center;text-align:left;gap:8px 10px;padding:14px 13px}.level-header::before{width:132px;height:132px;top:-34px;right:-28px}.level-icon-wrapper{grid-area:icon;width:44px;height:44px;border-radius:var(--radius-md);align-self:start;margin-top:2px}.level-icon-wrapper i,.level-icon-wrapper svg{width:22px;height:22px}.level-info{grid-area:info;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.level-title{font-size:1.02rem;margin-bottom:0;letter-spacing:-.01em}.level-description{font-size:var(--font-xs);line-height:1.32;max-width:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.level-stats{grid-area:stats;display:flex;justify-content:flex-start;width:auto;padding-left:0;margin-top:2px}.level-collapse-btn{grid-area:toggle;margin-left:0;margin-top:0;align-self:center;width:34px;height:34px}.level-price-tag{font-size:var(--font-sm);padding:6px 16px;border-radius:var(--radius-sm)}.level-discord-btn{font-size:var(--font-xs);padding:6px 14px;border-radius:var(--radius-sm)}.level-stats .level-progress-text{font-size:var(--font-xs);padding:5px 11px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.16)}.level-modules{padding:12px 10px;gap:10px}.level-locked-content{padding:14px 12px}.btn-locked-action{font-size:var(--font-sm);padding:10px 20px;width:100%;border-radius:var(--radius-md)}.level-module-card{flex-direction:column;text-align:center;padding:16px;gap:12px;border-radius:var(--radius-md)}.level-module-card:hover{transform:none}.level-module-number{width:34px;height:34px;border-radius:var(--radius-md);font-size:var(--font-base);border-width:1.5px;margin-inline:auto}.level-module-content{gap:8px}.level-module-header{flex-direction:column;gap:8px}.level-module-title{font-size:var(--font-md)}.level-module-meta{justify-content:center;gap:12px}.level-module-meta span{font-size:var(--font-xs)}.level-module-desc{font-size:var(--font-sm);line-height:1.4}.level-module-footer{flex-direction:column;gap:12px;margin-top:4px}.level-module-progress{width:100%}.level-progress-bar{height:5px}.level-progress-text{font-size:var(--font-xs)}.btn-level-module{width:100%;justify-content:center;padding:12px 16px;font-size:var(--font-base);border-radius:var(--radius-md)}.level-locked-overlay{padding:32px 16px}.level-locked-overlay i{width:40px;height:40px;margin-bottom:12px}.level-locked-overlay p{font-size:var(--font-base)}.level-cert-card{text-align:center}.level-cert-card .cert-icon{margin-inline:auto}.cert-rewards{justify-content:center;gap:12px;width:100%}.cert-reward{font-size:var(--font-xs);padding:5px 10px}}.level-premium-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#eab308 0,#f59e0b 100%);color:#78350f;padding:4px 12px;border-radius:var(--radius-xl);font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.level-premium-badge i{width:12px;height:12px}.level-price-preview{background:rgba(255,255,255,.2);backdrop-filter:blur(10px);padding:12px 20px;border-radius:var(--radius-lg)}.level-price-preview .price-tag{font-size:var(--font-2xl);font-weight:800;color:#fff}.training-level.premium-locked{opacity:1}.training-level.premium-locked .level-header{background:linear-gradient(135deg,#f59e0b 0,#f97316 50%,#9a3412 100%)}.level-locked-content{display:flex;align-items:center;justify-content:center;padding:24px 20px}.btn-locked-action{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:var(--font-base);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;text-decoration:none}@media (max-width:420px){.level-header{grid-template-columns:40px minmax(0,1fr) 34px;gap:7px 9px;padding:12px 10px}.level-icon-wrapper{width:40px;height:40px}.level-info{gap:2px}.level-title{font-size:var(--font-base)}.level-description{font-size:var(--font-2xs)}}@media (max-width:768px){.training-level{border-radius:18px;border:1px solid rgba(148,163,184,.24);box-shadow:0 8px 24px rgba(15,23,42,.1);overflow:hidden}.level-header{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"icon info toggle" "icon stats stats";align-items:start;gap:10px 12px;padding:15px 14px 13px}.level-icon-wrapper{grid-area:icon;width:48px;height:48px;border-radius:13px;margin:0}.level-icon-wrapper i,.level-icon-wrapper svg{width:24px;height:24px}.level-info{grid-area:info;align-items:flex-start;gap:3px;min-width:0}.level-title{font-size:1.05rem;line-height:1.2;margin:0}.level-description{font-size:.77rem;line-height:1.32;opacity:.96;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.level-collapse-btn{grid-area:toggle;width:36px;height:36px;border-radius:11px;margin:0;align-self:start}.level-stats{grid-area:stats;width:auto;padding-left:0;margin-top:2px;justify-content:flex-start}.level-discord-btn,.level-price-tag,.level-stats .level-progress-text{font-size:var(--font-xs);border-radius:var(--radius-full);padding:5px 11px}.level-modules{padding:12px;gap:10px}.level-module-card{flex-direction:row!important;align-items:flex-start;text-align:left;gap:12px;padding:14px;border-radius:13px;width:100%;max-width:100%;box-sizing:border-box}.level-module-number{margin:0;flex-shrink:0}.level-module-content{width:100%;min-width:0;max-width:100%;gap:6px}.level-module-header{align-items:flex-start}.level-module-meta{justify-content:flex-start;flex-wrap:wrap;gap:10px}.level-module-footer{display:flex;flex-direction:column;margin-top:6px;align-items:stretch;gap:10px}.level-module-progress{width:100%;min-width:0}.level-progress-bar{min-width:0}.level-progress-text{min-width:28px;text-align:right}.btn-level-module{width:100%;max-width:100%;justify-content:center;box-sizing:border-box}}@media (max-width:420px){.level-header{grid-template-columns:44px minmax(0,1fr) auto;padding:13px 11px 12px;gap:8px 10px}.level-icon-wrapper{width:44px;height:44px}.level-title{font-size:var(--font-md)}.level-description{font-size:.74rem}.level-module-card{padding:12px;gap:10px}.btn-level-module{padding:11px 12px;font-size:var(--font-sm)}}.btn-locked-action.btn-premium{background:linear-gradient(135deg,#64748b 0,#475569 100%);color:#fff;cursor:not-allowed}.premium-blur-section{position:relative;overflow:hidden;cursor:pointer}.premium-blur-section:hover .premium-blur-cards{opacity:.75}.premium-blur-cards{display:flex;flex-direction:column;gap:16px;opacity:.62;pointer-events:none;user-select:none;transition:opacity .2s}.premium-blur-fade{position:absolute;bottom:0;left:0;right:0;height:90px;background:linear-gradient(to bottom,transparent 0,var(--bg-card,#fff) 100%);pointer-events:none}[data-theme=dark] .premium-blur-fade{background:linear-gradient(to bottom,transparent 0,var(--bg-card,#0f172a) 100%)}.level-unlock-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.5);border-radius:var(--radius-md);color:#fff;font-size:var(--font-xs);font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s}.level-unlock-btn:hover{background:rgba(255,255,255,.3)}.level-unlock-btn i{width:14px;height:14px}.btn-purchase-pro{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;font-size:var(--font-base);font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#f59e0b 0,#f97316 100%);color:#fff;transition:all .3s;box-shadow:0 4px 16px rgba(245,158,11,.3)}.btn-purchase-pro:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(245,158,11,.45)}.btn-purchase-pro:active{transform:translateY(0)}.btn-purchase-pro:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-purchase-pro i{width:16px;height:16px}.pro-modal-discord-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid rgba(88,101,242,.35);background:#5865f2;color:#fff;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.pro-modal-discord-btn:hover{background:#4752c4;color:#fff;transform:translateY(-1px);box-shadow:0 6px 18px rgba(88,101,242,.3)}.pro-modal-discord-btn i{width:16px;height:16px}.pro-modal-actions{display:flex;gap:10px}.pro-modal-btn{width:50%;min-height:42px;border-radius:var(--radius-md);font-size:var(--font-base);font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.pro-modal-btn-cancel{border:1px solid var(--border-color);background:var(--bg-element);color:var(--text-color)}.pro-modal-btn-cancel:hover{border-color:#cbd5e1;background:var(--bg-card)}.pro-modal-btn-confirm{border:1px solid #f59e0b;background:linear-gradient(135deg,#f59e0b 0,#f97316 100%);color:#fff;box-shadow:0 4px 16px rgba(245,158,11,.28)}.pro-modal-btn-confirm:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(245,158,11,.35)}.pro-modal-btn-cancel:active,.pro-modal-btn-confirm:active{transform:translateY(0)}.pro-modal-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.btn-locked-action.btn-discord{background:linear-gradient(135deg,#5865f2 0,#4752c4 100%);color:#fff}.btn-locked-action.btn-discord:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(88,101,242,.3);color:#fff}.level-premium-compact{padding:20px;background:linear-gradient(135deg,rgba(245,158,11,.04) 0,rgba(245,158,11,.08) 100%);border-radius:var(--radius-lg);border:1px solid rgba(245,158,11,.2)}.premium-compact-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.premium-compact-icon{width:44px;height:44px;background:linear-gradient(135deg,#eab308 0,#f59e0b 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(251,191,36,.3)}.premium-compact-icon i{width:22px;height:22px;color:#78350f}.premium-compact-title{flex:1;min-width:120px}.premium-compact-title h4{font-size:var(--font-md);font-weight:700;color:var(--text-headings);margin:0 0 2px}.premium-compact-price{font-size:var(--font-xs);color:#2554d6;font-weight:600}.btn-premium-compact{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,#64748b 0,#475569 100%);color:#fff;font-size:var(--font-sm);font-weight:600;border:none;border-radius:var(--radius-md);cursor:not-allowed;margin-left:auto}.btn-premium-compact i{width:14px;height:14px}.premium-compact-features{display:flex;flex-wrap:wrap;gap:10px;padding-top:14px;border-top:1px solid var(--border-color)}.premium-compact-features span{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-xs);color:var(--text-secondary);background:var(--bg-card);padding:6px 12px;border-radius:var(--radius-xl);border:1px solid var(--border-color)}.premium-compact-features span i{width:14px;height:14px;color:#2554d6}.level-discord-compact{padding:20px;background:linear-gradient(135deg,rgba(88,101,242,.04) 0,rgba(88,101,242,.08) 100%);border-radius:var(--radius-lg);border:1px solid rgba(88,101,242,.2)}.discord-compact-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.discord-compact-icon{width:44px;height:44px;background:rgba(88,101,242,.15);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.discord-compact-title{flex:1;min-width:140px}.discord-compact-title h4{font-size:var(--font-md);font-weight:700;color:var(--text-headings);margin:0 0 2px}.discord-compact-title span{font-size:var(--font-xs);color:var(--text-muted)}.discord-compact-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-left:auto}.btn-join-discord-compact{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,#5865f2 0,#4752c4 100%);color:#fff;font-size:var(--font-sm);font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(88,101,242,.3)}.btn-join-discord-compact:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(88,101,242,.4);color:#fff}.btn-link-account-text{display:inline-flex;align-items:center;gap:4px;background:0 0;border:none;padding:0;font-size:var(--font-xs);color:var(--text-muted);cursor:pointer;transition:color .2s}.btn-link-account-text:hover{color:#5865f2}.btn-link-account-text i{width:12px;height:12px}.btn-link-discord-compact{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,#5865f2 0,#4752c4 100%);color:#fff;font-size:var(--font-sm);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(88,101,242,.3);margin-left:auto}.btn-link-discord-compact:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(88,101,242,.4)}.btn-link-discord-compact i{width:14px;height:14px}.discord-compact-features{display:flex;flex-wrap:wrap;gap:10px;padding-top:14px;border-top:1px solid var(--border-color)}.discord-compact-features span{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-xs);color:var(--text-secondary);background:var(--bg-card);padding:6px 12px;border-radius:var(--radius-xl);border:1px solid var(--border-color)}.discord-compact-features span i{width:14px;height:14px;color:#5865f2}.level-premium-minimal{padding:24px 20px;background:linear-gradient(135deg,rgba(245,158,11,.04) 0,rgba(245,158,11,.08) 100%);border-radius:var(--radius-lg);border:1px solid rgba(245,158,11,.2)}.premium-minimal-content{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center}.premium-minimal-icon{width:52px;height:52px;background:linear-gradient(135deg,#eab308 0,#f59e0b 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(251,191,36,.3)}.premium-minimal-icon i{width:26px;height:26px;color:#78350f}.premium-minimal-info{flex:1;min-width:140px;text-align:left}.premium-minimal-info h4{font-size:var(--font-lg);font-weight:700;color:var(--text-headings);margin:0 0 4px}.premium-minimal-info p{font-size:var(--font-sm);color:var(--text-muted);margin:0}.premium-minimal-price{display:flex;flex-direction:column;align-items:center;padding:0 16px;border-left:1px solid var(--border-color)}.premium-minimal-price .price{font-size:var(--font-2xl);font-weight:800;color:#2554d6}.premium-minimal-price .label{font-size:var(--font-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.btn-premium-minimal{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#64748b 0,#475569 100%);color:#fff;font-size:var(--font-base);font-weight:600;border:none;border-radius:var(--radius-md);cursor:not-allowed}.btn-premium-minimal i{width:16px;height:16px}.level-discord-minimal{padding:24px 20px;background:linear-gradient(135deg,rgba(88,101,242,.04) 0,rgba(88,101,242,.08) 100%);border-radius:var(--radius-lg);border:1px solid rgba(88,101,242,.2)}.discord-minimal-content{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center}.discord-minimal-icon{width:52px;height:52px;background:rgba(88,101,242,.15);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.discord-minimal-info{flex:1;min-width:160px;text-align:left}.discord-minimal-info h4{font-size:var(--font-lg);font-weight:700;color:var(--text-headings);margin:0 0 4px}.discord-minimal-info p{font-size:var(--font-sm);color:var(--text-muted);margin:0}.discord-minimal-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-link-discord{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#5865f2 0,#4752c4 100%);color:#fff;font-size:var(--font-base);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(88,101,242,.3)}.btn-link-discord:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(88,101,242,.4)}.btn-link-discord i{width:16px;height:16px}.btn-join-discord-secondary{font-size:var(--font-xs);color:var(--text-muted);text-decoration:underline;transition:color .2s}.btn-join-discord-secondary:hover{color:#5865f2}.level-premium-overlay:not(.level-premium-minimal){padding:40px 24px;background:linear-gradient(180deg,rgba(245,158,11,.03) 0,rgba(245,158,11,.08) 100%);border-radius:var(--radius-lg);border:2px dashed rgba(245,158,11,.3)}.premium-overlay-content{max-width:500px;margin:0 auto;text-align:center}.premium-badge-large{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#eab308 0,#f59e0b 100%);color:#78350f;padding:12px 24px;border-radius:var(--radius-pill);font-size:var(--font-md);font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;box-shadow:0 4px 20px rgba(251,191,36,.3)}.premium-badge-large i{width:20px;height:20px}.premium-overlay-content h3{font-size:1.6rem;font-weight:800;color:var(--text-headings);margin:0 0 10px}.premium-overlay-content>p{font-size:var(--font-md);color:var(--text-secondary);margin:0 0 24px;line-height:1.6}.premium-features-list{list-style:none;padding:0;margin:0 0 28px;text-align:left}.premium-features-list li{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:8px;font-size:var(--font-base);color:var(--text-primary);border:1px solid var(--border-color);transition:all .2s}.premium-features-list li:hover{border-color:#2554d6;background:rgba(59,110,245,.05)}.premium-features-list li:last-child{margin-bottom:0}.premium-features-list li i{width:18px;height:18px;color:#10b981;flex-shrink:0}.premium-price-tag{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:20px}.premium-price-tag .price-amount{font-size:var(--font-4xl);font-weight:900;color:var(--text-headings);background:linear-gradient(135deg,#2554d6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-price-tag .price-period{font-size:var(--font-base);color:var(--text-muted);font-weight:500}.btn-unlock-premium{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:320px;padding:18px 32px;background:linear-gradient(135deg,#2554d6 0,#1d4ed8 100%);color:#fff;font-size:var(--font-lg);font-weight:700;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-slow);box-shadow:0 8px 30px rgba(59,110,245,.4);position:relative;overflow:hidden}.btn-unlock-premium::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-unlock-premium:hover::before{left:100%}.btn-unlock-premium:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 40px rgba(59,110,245,.5)}.btn-unlock-premium i{width:22px;height:22px}.btn-unlock-premium.coming-soon{background:linear-gradient(135deg,#64748b 0,#475569 100%);box-shadow:none;cursor:not-allowed}.btn-unlock-premium.coming-soon::before{display:none}.btn-unlock-premium.coming-soon:hover{transform:none;box-shadow:none}.premium-guarantee{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:var(--font-xs);color:var(--text-muted)}.premium-guarantee i{width:14px;height:14px;color:#10b981}.level-discord-overlay{padding:40px 24px;background:linear-gradient(180deg,rgba(88,101,242,.03) 0,rgba(88,101,242,.08) 100%);border-radius:var(--radius-lg);border:2px dashed rgba(88,101,242,.3)}.discord-overlay-content{max-width:500px;margin:0 auto;text-align:center}.discord-badge-large{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#5865f2 0,#4752c4 100%);color:#fff;padding:12px 24px;border-radius:var(--radius-pill);font-size:var(--font-md);font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;box-shadow:0 4px 20px rgba(88,101,242,.3)}.discord-badge-large i{width:20px;height:20px}.discord-overlay-content h3{font-size:1.6rem;font-weight:800;color:var(--text-headings);margin:0 0 10px}.discord-overlay-content>p{font-size:var(--font-md);color:var(--text-secondary);margin:0 0 24px;line-height:1.6}.discord-benefits-list{list-style:none;padding:0;margin:0 0 28px;text-align:left}.discord-benefits-list li{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:8px;font-size:var(--font-base);color:var(--text-primary);border:1px solid var(--border-color);transition:all .2s}.discord-benefits-list li:hover{border-color:#5865f2;background:rgba(88,101,242,.05)}.discord-benefits-list li:last-child{margin-bottom:0}.discord-benefits-list li i{width:18px;height:18px;color:#5865f2;flex-shrink:0}.btn-join-discord{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:320px;padding:18px 32px;background:linear-gradient(135deg,#5865f2 0,#4752c4 100%);color:#fff;font-size:var(--font-lg);font-weight:700;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-slow);box-shadow:0 8px 30px rgba(88,101,242,.4);position:relative;overflow:hidden}.btn-join-discord::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-join-discord:hover::before{left:100%}.btn-join-discord:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(88,101,242,.5);color:#fff}.btn-join-discord svg{flex-shrink:0}.level-discord-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#5865f2 0,#4752c4 100%);color:#fff;padding:6px 12px;border-radius:var(--radius-xl);font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.level-discord-badge i{width:14px;height:14px}.level-discord-status{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,rgba(88,101,242,.1) 0,rgba(88,101,242,.2) 100%);border-radius:50%;border:2px solid rgba(88,101,242,.3)}.level-discord-status i{width:24px;height:24px;color:#5865f2}.training-level.discord-locked .level-header{opacity:.85}@media (max-width:768px){.level-premium-overlay{padding:24px 16px;border-radius:var(--radius-md);margin:4px}.premium-badge-large{padding:8px 16px;font-size:var(--font-xs);gap:8px;margin-bottom:18px}.premium-badge-large i{width:16px;height:16px}.premium-overlay-content h3{font-size:1.2rem;margin-bottom:8px}.premium-overlay-content>p{font-size:var(--font-base);margin-bottom:18px}.premium-features-list{margin-bottom:20px}.premium-features-list li{padding:10px 12px;font-size:var(--font-sm);gap:10px;border-radius:var(--radius-md);margin-bottom:6px}.premium-features-list li i{width:16px;height:16px}.premium-price-tag{margin-bottom:16px}.premium-price-tag .price-amount{font-size:var(--font-3xl)}.premium-price-tag .price-period{font-size:var(--font-xs)}.btn-unlock-premium{padding:14px 20px;font-size:var(--font-base);border-radius:var(--radius-md);gap:10px}.btn-unlock-premium i{width:18px;height:18px}.premium-guarantee{margin-top:12px;font-size:var(--font-xs);gap:6px}.premium-guarantee i{width:12px;height:12px}.level-discord-overlay{padding:24px 16px;border-radius:var(--radius-md);margin:4px}.discord-badge-large{padding:8px 16px;font-size:var(--font-xs);gap:8px;margin-bottom:18px}.discord-badge-large i{width:16px;height:16px}.discord-overlay-content h3{font-size:1.2rem;margin-bottom:8px}.discord-overlay-content>p{font-size:var(--font-base);margin-bottom:18px}.discord-benefits-list{margin-bottom:20px}.discord-benefits-list li{padding:10px 12px;font-size:var(--font-sm);gap:10px;border-radius:var(--radius-md);margin-bottom:6px}.discord-benefits-list li i{width:16px;height:16px}.btn-join-discord{padding:14px 20px;font-size:var(--font-base);border-radius:var(--radius-md);gap:10px}.btn-join-discord svg{width:18px;height:18px}.level-discord-badge{padding:4px 8px;font-size:.65rem;gap:4px}.level-discord-badge i{width:12px;height:12px}.level-discord-status{width:40px;height:40px}.level-discord-status i{width:20px;height:20px}.level-discord-minimal,.level-premium-minimal{padding:16px}.discord-minimal-content,.premium-minimal-content{gap:14px}.discord-minimal-icon,.premium-minimal-icon{width:44px;height:44px;border-radius:var(--radius-md)}.premium-minimal-icon i{width:22px;height:22px}.discord-minimal-icon svg{width:24px;height:24px}.discord-minimal-info h4,.premium-minimal-info h4{font-size:var(--font-base)}.discord-minimal-info p,.premium-minimal-info p{font-size:var(--font-xs)}.premium-minimal-price{padding:0 12px}.premium-minimal-price .price{font-size:1.2rem}.btn-link-discord,.btn-premium-minimal{padding:10px 16px;font-size:var(--font-sm);gap:6px;width:100%;justify-content:center}.discord-minimal-actions{width:100%;flex-direction:column;gap:8px}.btn-join-discord-secondary{font-size:var(--font-xs)}.level-discord-compact,.level-premium-compact{padding:16px}.discord-compact-header,.premium-compact-header{gap:12px;margin-bottom:14px}.discord-compact-icon,.premium-compact-icon{width:40px;height:40px}.level-locked-content{padding:20px 16px;gap:10px}.locked-content-main h4{font-size:var(--font-md)}.locked-content-main p{font-size:var(--font-xs)}.btn-locked-action{width:100%;padding:12px 20px;font-size:var(--font-sm)}.locked-link{font-size:var(--font-xs)}.locked-features{gap:6px;padding-top:12px;margin-top:6px}.locked-features span{font-size:var(--font-2xs);padding:5px 10px}.locked-features span i{width:12px;height:12px}}@media (max-width:420px){.level-header{padding:14px 12px;gap:6px}.level-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-md)}.level-icon-wrapper i,.level-icon-wrapper svg{width:20px;height:20px}.level-title{font-size:var(--font-base)}.level-description{font-size:var(--font-2xs);max-width:220px}.level-price-tag{font-size:var(--font-xs);padding:5px 12px}.level-discord-btn,.level-stats .level-progress-text{font-size:var(--font-xs);padding:5px 12px}.level-locked-content{padding:16px 12px}.locked-features{flex-direction:column;align-items:center}.locked-features span{width:100%;justify-content:center}}.grades-progression-wrapper{margin-top:40px;width:100%;max-width:800px;margin-inline:auto}.grades-progress-bar{display:flex;align-items:center;justify-content:space-between;position:relative}.grade-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;gap:8px;opacity:.6;transition:all .3s}.grade-step.current,.grade-step.unlocked{opacity:1}.grade-step-dot{width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2);transition:all .3s;position:relative}.grade-step.current .grade-step-dot{background:#fff;color:var(--primary-accent);box-shadow:0 0 20px rgba(255,255,255,.4);transform:scale(1.1);border-color:#fff}.grade-step.unlocked:not(.current) .grade-step-dot{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4)}.grade-step-dot i{font-size:var(--font-md);color:#fff!important}.grade-step-dot i.fab,.grade-step-dot i.fas,.grade-step-dot i[class*=fa-]{color:#fff!important}.grade-step.current .grade-step-dot i,.grade-step.current .grade-step-dot i.fab,.grade-step.current .grade-step-dot i.fas,.grade-step.current .grade-step-dot i[class*=fa-]{color:var(--primary-accent)!important}.grade-step-label{display:flex;flex-direction:column;align-items:center;gap:2px}.g-name{font-weight:700;font-size:var(--font-sm);color:#fff}.g-req{font-size:var(--font-2xs);color:rgba(255,255,255,.6);text-transform:uppercase}.grade-connector{flex:1;height:2px;background:rgba(255,255,255,.1);margin:0 10px;margin-bottom:30px;position:relative;top:-24px}.grade-step.current+.grade-connector,.grade-step.unlocked+.grade-connector{background:rgba(255,255,255,.4)}.grade-restriction{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-sidebar);box-shadow:0 2px 5px rgba(0,0,0,.3);z-index:10}.grade-restriction i{font-size:11px;color:#fff}.grade-restriction.premium{background:linear-gradient(135deg,#f472b6 0,#db2777 100%)}.grade-restriction.discord{background:linear-gradient(135deg,#7289da 0,#4e5d94 100%)}@media (max-width:768px){.grades-progression-wrapper{margin-top:24px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.4) transparent;padding-bottom:12px}.grades-progression-wrapper::-webkit-scrollbar{height:5px}.grades-progression-wrapper::-webkit-scrollbar-track{background:0 0}.grades-progression-wrapper::-webkit-scrollbar-thumb{background:rgba(255,255,255,.4);border-radius:var(--radius-md)}.grades-progress-bar{min-width:600px;padding:0 8px}.grade-step-dot{width:34px;height:34px}.grade-step-dot i{font-size:var(--font-sm)}.g-name{font-size:var(--font-2xs)}.g-req{font-size:.6rem}.grade-connector{margin:0 4px}.grade-restriction{width:18px;height:18px;top:-4px;right:-4px}.grade-restriction i{font-size:9px}}@media (max-width:420px){.grades-progression-wrapper{margin-top:16px}.grades-progress-bar{min-width:520px;padding:0 4px}.grade-step-dot{width:30px;height:30px}.grade-step-dot i{font-size:var(--font-xs)}.grade-step.current .grade-step-dot{transform:scale(1.05)}.g-name{font-size:.65rem}.g-req{font-size:.55rem}.grade-connector{margin:0 2px;top:-18px;margin-bottom:22px}}.cert-exam-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;padding:16px}.cert-exam-overlay.active{opacity:1}.cert-exam-container{background:var(--bg-card,#1e293b);border:1px solid var(--border-color,#334155);border-radius:var(--radius-xl);width:100%;max-width:780px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.4);transform:scale(.95);animation:certModalIn .3s ease forwards}@keyframes certModalIn{to{transform:scale(1)}}.cert-exam-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color,#334155);gap:16px;flex-shrink:0}.cert-exam-title-wrap{display:flex;align-items:center;gap:14px}.cert-exam-title-wrap>i{width:40px;height:40px;color:var(--color-gold,#eab308)}.cert-exam-title-wrap h2{margin:0;font-size:1.2rem;color:var(--text-headings)}.cert-exam-subtitle{font-size:var(--font-xs);color:var(--text-secondary)}.cert-exam-header-right{display:flex;align-items:center;gap:12px}.cert-exam-timer{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);background:var(--bg-element,rgba(255,255,255,.05));font-weight:700;font-size:var(--font-lg);color:var(--text-headings);font-variant-numeric:tabular-nums}.cert-exam-timer i{width:18px;height:18px}.cert-exam-timer.warning{background:var(--color-warning-light);color:var(--color-warning)}.cert-exam-timer.danger{background:var(--color-error-light);color:var(--color-error);animation:timerPulse 1s ease infinite}@keyframes timerPulse{0%,100%{opacity:1}50%{opacity:.6}}.cert-exam-quit{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:0 0;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.cert-exam-quit:hover{background:var(--color-error-light);color:var(--color-error);border-color:var(--color-error)}.cert-exam-quit i{width:18px;height:18px}.cert-exam-admin-toggle{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:0 0;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.cert-exam-admin-toggle:hover{background:rgba(16,185,129,.15);color:#10b981;border-color:#10b981}.cert-exam-admin-toggle i{width:18px;height:18px}.cert-exam-option.admin-correct{border:2px solid #10b981!important;background:rgba(16,185,129,.15)!important}.cert-exam-option.admin-correct .cert-exam-option-marker{background:#10b981;color:#fff}.cert-exam-dots{display:flex;flex-wrap:wrap;gap:6px;padding:12px 24px;border-bottom:1px solid var(--border-color,#334155);justify-content:center;flex-shrink:0}.cert-dot{width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--font-2xs);font-weight:600;background:var(--bg-element);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border:2px solid transparent}.cert-dot:hover{background:var(--primary-light);color:var(--primary-accent)}.cert-dot.active{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.cert-dot.answered{background:var(--color-success-light);color:var(--color-success);border-color:var(--color-success)}.cert-dot.active.answered{background:var(--color-success);color:#fff}.cert-exam-body{padding:24px;overflow-y:auto;flex:1}.cert-exam-question-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cert-exam-qnum{font-size:var(--font-sm);font-weight:700;color:var(--primary-accent)}.cert-exam-category{display:flex;align-items:center;gap:6px;font-size:var(--font-xs);color:var(--text-secondary);padding:4px 12px;background:var(--bg-element);border-radius:var(--radius-xl)}.cert-exam-category i{width:14px;height:14px}.cert-exam-question-text{font-size:1.15rem;color:var(--text-headings);margin:0 0 24px;line-height:1.6}.cert-exam-options{display:flex;flex-direction:column;gap:10px}.cert-exam-option{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:var(--radius-lg);border:2px solid var(--border-color);background:var(--bg-card);cursor:pointer;transition:all var(--transition)}.cert-exam-option:hover{border-color:var(--primary-accent);background:var(--primary-light)}.cert-exam-option.selected{border-color:var(--primary-accent);background:rgba(var(--primary-accent-rgb),.12)}.cert-exam-option-marker{width:34px;height:34px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-sm);background:var(--bg-element);color:var(--text-secondary);flex-shrink:0;transition:all var(--transition)}.cert-exam-option.selected .cert-exam-option-marker{background:var(--primary-accent);color:#fff}.cert-exam-option-text{font-size:var(--font-base);color:var(--text-primary);line-height:1.5}.cert-exam-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border-color);flex-shrink:0;gap:12px}.cert-exam-footer-center{flex:1;display:flex;justify-content:center}.cert-exam-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);border:none;font-weight:600;font-size:var(--font-base);cursor:pointer;transition:all var(--transition)}.cert-exam-btn i{width:16px;height:16px}.cert-exam-btn.primary{background:var(--gradient-primary);color:#fff}.cert-exam-btn.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.cert-exam-btn.secondary{background:var(--bg-element);color:var(--text-secondary);border:1px solid var(--border-color)}.cert-exam-btn.secondary:hover{background:var(--border-color)}.cert-exam-btn.submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:12px 28px;font-size:var(--font-md)}.cert-exam-btn.submit:hover{filter:brightness(1.1);transform:translateY(-1px)}.cert-exam-btn:disabled{opacity:.4;cursor:not-allowed}.cert-exam-results{display:flex;flex-direction:column;align-items:center;padding:48px 32px;text-align:center;overflow-y:auto;max-height:92vh}.cert-results-icon{font-size:4rem;margin-bottom:16px;animation:certBounce .6s ease}@keyframes certBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.cert-results-score-circle{width:140px;height:140px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:16px 0 24px;border:4px solid}.cert-results-score-circle.passed{border-color:var(--color-success);background:var(--color-success-light)}.cert-results-score-circle.failed{border-color:var(--color-error);background:var(--color-error-light)}.cert-score-value{font-size:var(--font-3xl);font-weight:800;color:var(--text-headings)}.cert-score-percent{font-size:var(--font-md);font-weight:600;color:var(--text-secondary)}.cert-exam-results h2{margin:0 0 8px;font-size:var(--font-2xl);color:var(--text-headings)}.cert-results-message{color:var(--text-secondary);max-width:480px;margin:0 0 24px;line-height:1.6}.cert-results-stats{display:flex;gap:24px;margin-bottom:24px}.cert-stat{display:flex;align-items:center;gap:8px;font-size:var(--font-base);color:var(--text-secondary)}.cert-stat i{width:18px;height:18px}.cert-results-rewards{display:flex;gap:20px;margin-bottom:32px}.cert-reward-item{display:flex;align-items:center;gap:10px;padding:12px 24px;border-radius:var(--radius-lg);font-weight:700;font-size:var(--font-md)}.cert-reward-item.gems{background:rgba(var(--primary-accent-rgb),.12);color:var(--primary-accent)}.cert-reward-item.points{background:var(--color-gold-light);color:var(--color-gold)}.cert-results-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cert-review-body{padding:24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px;max-height:calc(92vh - 80px)}.cert-review-question{padding:20px;border-radius:var(--radius-lg);border:2px solid var(--border-color);background:var(--bg-card)}.cert-review-question.correct{border-color:var(--color-success);background:rgba(16,185,129,.04)}.cert-review-question.incorrect{border-color:var(--color-error);background:rgba(239,68,68,.04)}.cert-review-qheader{display:flex;align-items:center;gap:12px;margin-bottom:10px}.cert-review-qnum{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-xs);background:var(--bg-element);color:var(--text-secondary)}.cert-review-status{font-size:1.2rem}.cert-review-question h4{margin:0 0 14px;color:var(--text-headings);font-size:var(--font-md);line-height:1.5}.cert-review-options{display:flex;flex-direction:column;gap:8px}.cert-review-option{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-md);font-size:var(--font-base);color:var(--text-primary);background:var(--bg-element)}.cert-review-option.correct{background:var(--color-success-light);color:var(--color-success);font-weight:600}.cert-review-option.incorrect{background:var(--color-error-light);color:var(--color-error);text-decoration:line-through}.cert-review-marker{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-xs);background:var(--bg-card);color:var(--text-secondary);flex-shrink:0}.cert-review-option.correct .cert-review-marker{background:var(--color-success);color:#fff}.cert-review-option.incorrect .cert-review-marker{background:var(--color-error);color:#fff}@media (max-width:640px){.cert-exam-container{border-radius:var(--radius-lg);max-height:100vh}.cert-exam-header{padding:14px 16px;flex-wrap:wrap}.cert-exam-title-wrap h2{font-size:var(--font-md)}.cert-exam-title-wrap>i{width:28px;height:28px}.cert-exam-dots{padding:8px 16px;gap:4px}.cert-dot{width:26px;height:26px;font-size:.65rem}.cert-exam-body{padding:16px}.cert-exam-question-text{font-size:var(--font-md)}.cert-exam-option{padding:12px 14px;gap:10px}.cert-exam-footer{padding:12px 16px}.cert-exam-btn{padding:8px 14px;font-size:var(--font-xs)}.cert-exam-results{padding:32px 20px}.cert-results-score-circle{width:110px;height:110px}.cert-score-value{font-size:1.4rem}.cert-results-stats{flex-direction:column;gap:8px}.cert-results-rewards{flex-direction:column;gap:10px}}.pam-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .25s ease}.pam-modal{background:var(--bg-card,#1a1a2e);border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-xl);padding:36px 32px 28px;max-width:480px;width:100%;box-shadow:0 0 60px rgba(245,158,11,.2),0 20px 60px rgba(0,0,0,.5);animation:slideUp .3s ease}.pam-header{text-align:center;margin-bottom:24px}.pam-crown-icon{width:64px;height:64px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:var(--font-3xl);color:#fff;box-shadow:0 0 24px rgba(245,158,11,.5)}.pam-header h2{font-size:var(--font-2xl);font-weight:700;color:#f59e0b;margin:0 0 6px}.pam-header p{color:var(--text-muted,#94a3b8);margin:0;font-size:var(--font-base)}.pam-content h3{font-size:var(--font-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#94a3b8);margin:0 0 14px}.pam-perks{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px}.pam-perks li{display:flex;align-items:center;gap:14px;padding:12px 14px;background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.15);border-radius:var(--radius-md)}.pam-perks li>i{width:32px;height:32px;flex-shrink:0;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm)}.pam-perks li>div{display:flex;flex-direction:column;gap:2px}.pam-perks li strong{font-size:var(--font-base);color:var(--text-headings,#f8fafc);font-weight:600}.pam-perks li span{font-size:var(--font-xs);color:var(--text-muted,#94a3b8)}.perk-badge-val{display:inline-block;margin-left:6px;padding:1px 7px;font-size:var(--font-2xs);font-style:normal;font-weight:600;color:#10b981;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-xl);vertical-align:middle}.pam-cta{width:100%;padding:14px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-md);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity .2s,transform .15s}.pam-cta:hover{opacity:.92;transform:translateY(-1px)}.pam-cta:active{transform:translateY(0)}.starter-pack-banner{display:flex;align-items:center;gap:14px;margin:12px 20px 4px;padding:14px 18px;background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(8,145,178,.12));border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);cursor:pointer;transition:background .2s,border-color .2s}.starter-pack-banner:hover{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(8,145,178,.2));border-color:rgba(16,185,129,.5)}.starter-pack-banner--owned{cursor:default;background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(99,102,241,.08));border-color:rgba(16,185,129,.25)}.starter-pack-banner--owned:hover{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(99,102,241,.08));border-color:rgba(16,185,129,.25)}.spb-icon{color:#10b981;display:flex;align-items:center;flex-shrink:0}.spb-icon svg{width:24px;height:24px}.spb-text{flex:1;min-width:0}.spb-text strong{display:block;font-size:.9rem;color:#e2e8f0}.spb-text span{font-size:.78rem;color:#94a3b8}.spb-price{font-size:var(--font-md);font-weight:700;color:#10b981;flex-shrink:0}.spb-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;background:#10b981;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s}.spb-btn:hover{background:#059669}.spb-btn--download{background:#6366f1}.spb-btn--download:hover{background:#4f46e5}.spb-btn svg{width:14px;height:14px}@media (max-width:600px){.starter-pack-banner{flex-wrap:wrap}.spb-price{order:3}.spb-btn{order:4;width:100%;justify-content:center}}.rmap-wrapper{padding:28px 20px 20px}.rmap-divider{text-align:center;font-size:.66rem;font-weight:800;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;margin-bottom:20px}.rmap-divider-premium{margin-top:28px;margin-bottom:20px}.rmap-list{display:flex;flex-direction:column;gap:0}.rmap-connector{width:3px;height:18px;border-radius:var(--radius-full);position:relative}.rmap-conn-done{background:linear-gradient(to bottom,#2554d6,#93c5fd)}.rmap-conn-gray{background:var(--border-color)}.rmap-conn-left{margin-left:24px}.rmap-conn-right{margin-left:calc(100% - 27px)}.rmap-item{display:flex;align-items:center;gap:16px}.rmap-item-left{flex-direction:row}.rmap-item-right{flex-direction:row-reverse}.rmap-node{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-lg);font-weight:800;flex-shrink:0;border:4px solid transparent;transition:transform .2s,box-shadow .2s}.rmap-node i,.rmap-node svg{width:16px;height:16px}.rmap-node-clickable{cursor:pointer;position:relative}.rmap-node-clickable:hover{transform:scale(1.08);box-shadow:0 6px 18px rgba(245,158,11,.45)}.rmap-node-buyhint{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.58rem;font-weight:800;letter-spacing:.2px;color:#b45309;background:#fff7ed;border:1px solid #fcd34d;padding:1px 7px;border-radius:999px;pointer-events:none;box-shadow:0 2px 6px rgba(245,158,11,.2);animation:rmapBuyHintBob 1.8s ease-in-out infinite}@keyframes rmapBuyHintBob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(2px)}}@media (prefers-reduced-motion:reduce){.rmap-node-buyhint{animation:none}}.rmap-node-clickable:focus-visible{outline:2px solid #f59e0b;outline-offset:2px}.rmap-node-alt{position:relative;width:100%;height:100%}.rmap-node-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;line-height:1}.rmap-node-num{animation:rmapNodeAltNum 4.5s ease-in-out infinite}.rmap-node-price{font-size:.6em;font-weight:800;letter-spacing:-.3px;animation:rmapNodeAltPrice 4.5s ease-in-out infinite}@keyframes rmapNodeAltNum{0%,40%{opacity:1}50%,90%{opacity:0}100%{opacity:1}}@keyframes rmapNodeAltPrice{0%,40%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}@media (prefers-reduced-motion:reduce){.rmap-node-num{animation:none;opacity:1}.rmap-node-price{animation:none;opacity:0}}.rmap-node-completed{background:#2554d6;border-color:#1d4ed8;color:#fff;box-shadow:0 4px 14px rgba(37,84,214,.4)}.rmap-node-in-progress{background:var(--bg-sidebar);border-color:#2554d6;color:#2554d6;font-size:var(--font-sm);box-shadow:0 0 0 6px rgba(37,84,214,.15),0 4px 14px rgba(37,84,214,.2);animation:pulsePath 2s infinite}.rmap-node-available{background:color-mix(in srgb,#94a3b8 15%,var(--bg-element));border-color:#cbd5e1;color:#94a3b8}.rmap-node-locked{background:color-mix(in srgb,#94a3b8 10%,var(--bg-element));border-color:#e2e8f0;color:#cbd5e1}.rmap-item.rmap-premium-locked .rmap-node{background:#fef9ec;border-color:#fbbf24;color:#f59e0b}.rmap-item.rmap-premium-locked .rmap-card{border:1px solid #fde68a;background:color-mix(in srgb,#f59e0b 4%,var(--bg-sidebar))}.rmap-item.rmap-premium-locked .rmap-card:hover{border-color:#fbbf24;box-shadow:0 4px 16px rgba(245,158,11,.15);transform:translateY(-2px)}.rmap-item.rmap-premium-locked .rmap-pct{color:#d97706;font-size:var(--font-2xs)}.rmap-item.rmap-premium-locked .rmap-bar{background:#fde68a}.rmap-item.rmap-premium-locked .rmap-meta{color:#b45309}.rmap-wrapper[data-track=build] .rmap-node-completed{background:var(--track-build);border-color:#7c3aed;box-shadow:0 4px 14px rgba(147,51,234,.4)}.rmap-wrapper[data-track=build] .rmap-node-in-progress{border-color:var(--track-build);color:var(--track-build);box-shadow:0 0 0 6px rgba(147,51,234,.15),0 4px 14px rgba(147,51,234,.2)}.rmap-wrapper[data-track=build] .rmap-node-available{background:color-mix(in srgb,var(--track-build) 15%,var(--bg-element));border-color:color-mix(in srgb,var(--track-build) 40%,transparent);color:var(--track-build)}.rmap-wrapper[data-track=build] .rmap-fill{background:linear-gradient(90deg,var(--track-build),#a855f7)}.rmap-wrapper[data-track=build] .rmap-conn-gray{background:color-mix(in srgb,var(--track-build) 30%,var(--border-color))}.rmap-wrapper[data-track=build] .rmap-conn-done{background:linear-gradient(to bottom,var(--track-build),#c4b5fd)}.rmap-wrapper[data-track=ugc] .rmap-node-completed{background:var(--track-ugc);border-color:#db2777;box-shadow:0 4px 14px rgba(236,72,153,.4)}.rmap-wrapper[data-track=ugc] .rmap-node-in-progress{border-color:var(--track-ugc);color:var(--track-ugc);box-shadow:0 0 0 6px rgba(236,72,153,.15),0 4px 14px rgba(236,72,153,.2)}.rmap-wrapper[data-track=ugc] .rmap-node-available{background:color-mix(in srgb,var(--track-ugc) 15%,var(--bg-element));border-color:color-mix(in srgb,var(--track-ugc) 40%,transparent);color:var(--track-ugc)}.rmap-wrapper[data-track=ugc] .rmap-fill{background:linear-gradient(90deg,var(--track-ugc),#f472b6)}.rmap-wrapper[data-track=ugc] .rmap-conn-gray{background:color-mix(in srgb,var(--track-ugc) 30%,var(--border-color))}.rmap-wrapper[data-track=ugc] .rmap-conn-done{background:linear-gradient(to bottom,var(--track-ugc),#fbcfe8)}@keyframes pulsePath{0%,100%{box-shadow:0 0 0 6px rgba(37,84,214,.15),0 4px 14px rgba(37,84,214,.2)}50%{box-shadow:0 0 0 10px rgba(37,84,214,.07),0 4px 14px rgba(37,84,214,.2)}}.rmap-card{flex:1;background:var(--bg-sidebar);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:0 2px 10px rgba(0,0,0,.07);cursor:pointer;transition:box-shadow .2s ease,transform .15s ease;min-width:0;border:1px solid transparent}.rmap-card:hover:not(.rmap-card-locked){box-shadow:0 10px 28px rgba(0,0,0,.13);transform:translateY(-3px)}.rmap-card-in-progress{border:2px solid #2554d6;background:color-mix(in srgb,#2554d6 4%,var(--bg-sidebar));box-shadow:0 2px 14px rgba(37,84,214,.15)}.rmap-card-locked{opacity:.6;cursor:pointer;background:color-mix(in srgb,#94a3b8 5%,var(--bg-sidebar))}.rmap-card-completed,.rmap-card-recommended{position:relative;overflow:hidden}.rmap-card-completed .rmap-badge,.rmap-card-recommended .rmap-badge{margin-right:78px}.rmap-ribbon-recommended,.rmap-ribbon-success{position:absolute;color:#fff;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.15);pointer-events:none;z-index:5;user-select:none;transform:rotate(35deg)}.rmap-ribbon-success{top:14px;right:-38px;padding:4px 44px;font-size:.68rem;letter-spacing:1.5px;background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);box-shadow:0 2px 8px rgba(34,197,94,.4)}.rmap-ribbon-recommended{top:18px;right:-52px;padding:3px 56px;font-size:.6rem;letter-spacing:.8px;background:linear-gradient(135deg,#f59e0b 0,#ea580c 100%);box-shadow:0 2px 8px rgba(234,88,12,.4)}.rmap-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:3px}.rmap-title{font-size:var(--font-base);font-weight:700;color:var(--text-headings);margin:0;line-height:1.3}.rmap-badge{font-size:.6rem;font-weight:800;padding:2px 8px;border-radius:4px;letter-spacing:.6px;white-space:nowrap;flex-shrink:0}.rmap-badge-free{background:#dcfce7;color:#15803d}.rmap-badge-premium{background:#fef3c7;color:#b45309}.rmap-desc{font-size:var(--font-xs);color:var(--text-secondary);margin:4px 0 8px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rmap-meta{font-size:.71rem;color:#94a3b8;margin:0 0 10px;line-height:1.4}.rmap-bar{height:4px;background:#e2e8f0;border-radius:var(--radius-full);overflow:hidden;margin-bottom:8px}.rmap-fill{height:100%;border-radius:var(--radius-full);background:#2554d6;transition:width .5s ease}.rmap-footer{display:flex;align-items:center;justify-content:space-between}.rmap-pct{font-size:var(--font-2xs);font-weight:700;color:#64748b}.rmap-btn{padding:10px 24px;border-radius:var(--radius-md);border:none;font-size:var(--font-sm);font-weight:700;cursor:pointer;transition:opacity .15s,transform .15s;letter-spacing:.01em}.rmap-btn:hover:not([disabled]){opacity:.88;transform:translateY(-1px)}.rmap-card-hint{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:700;color:#2554d6;opacity:.55;transform:translateX(-4px);transition:opacity .2s ease,transform .2s ease,color .2s ease;letter-spacing:.01em}.rmap-card-hint i{width:14px;height:14px;flex-shrink:0;transition:transform .2s ease}.rmap-card:hover .rmap-card-hint{opacity:1;transform:translateX(0)}.rmap-card:hover .rmap-card-hint i{transform:translateX(3px)}.rmap-card-completed .rmap-card-hint{color:#047857}.rmap-card-in-progress .rmap-card-hint{color:#2554d6;opacity:.75}.rmap-lock-hint{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:600;color:#94a3b8}.rmap-lock-hint i{width:13px;height:13px}.rmap-btn-premium{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;display:inline-flex;align-items:center;gap:5px;padding:8px 14px;font-size:var(--font-xs)}.rmap-btn-premium svg{width:12px;height:12px;flex-shrink:0}.rmap-unlock-hint{display:flex;align-items:center;gap:6px;font-size:var(--font-2xs);font-weight:600;color:#d97706;background:linear-gradient(90deg,rgba(251,191,36,.12) 0,transparent 100%);border-radius:6px;padding:5px 9px;margin:6px 0 8px}.rmap-unlock-icon{width:11px;height:11px;flex-shrink:0}.rmap-badge-premium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.rmap-footer-unlock{display:flex;align-items:center;gap:6px}.rmap-btn-solo{background:0 0;border:1px solid #d1d5db;color:#6b7280;font-size:var(--font-2xs);font-weight:500;padding:6px 10px}.rmap-btn-solo:hover:not([disabled]){border-color:#f59e0b;color:#f59e0b;opacity:1;transform:none}.rmap-cheatsheet-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;background:rgba(59,110,245,.06);border:1px solid rgba(59,110,245,.2);border-radius:7px;font-size:.78rem;font-weight:600;color:#2554d6;text-decoration:none;transition:color .15s,background .15s,border-color .15s,transform .15s}.rmap-cheatsheet-btn i{width:13px;height:13px;flex-shrink:0}.rmap-cheatsheet-btn:hover{color:#1d4ed8;background:rgba(59,110,245,.12);border-color:rgba(59,110,245,.4);transform:translateY(-1px)}.mpm-content{max-width:420px;padding:28px 28px 24px}.mpm-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.mpm-module-name{margin:0;font-size:var(--font-xs);color:var(--text-secondary);line-height:1.4;max-width:260px}.mpm-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.mpm-price{font-size:var(--font-3xl);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.mpm-once{font-size:var(--font-2xs);color:var(--text-secondary)}.mpm-upsell-notice{display:flex;align-items:flex-start;gap:8px;background:color-mix(in srgb,#3b6ef5 8%,var(--bg-sidebar));border:1px solid color-mix(in srgb,#3b6ef5 20%,transparent);border-radius:var(--radius-sm);padding:10px 12px;font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.mpm-upsell-notice i{width:14px;height:14px;flex-shrink:0;margin-top:1px;color:#3b6ef5}.mpm-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.rmap-premium-cta{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#fffbeb 0,#fef3c7 100%);border:1.5px solid #fcd34d;border-radius:var(--radius-lg);padding:14px 18px;margin:12px 0 20px;cursor:pointer;transition:box-shadow .2s,transform .15s}.rmap-premium-cta:hover{box-shadow:0 4px 20px rgba(245,158,11,.2);transform:translateY(-1px)}.rmap-pcta-crown{width:40px;height:40px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 3px 10px rgba(245,158,11,.35)}.rmap-pcta-crown i{width:18px;height:18px}.rmap-pcta-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rmap-pcta-body strong{font-size:var(--font-sm);font-weight:700;color:#92400e}.rmap-pcta-body span{font-size:.73rem;color:#b45309;line-height:1.4}.rmap-pcta-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.rmap-pcta-price{font-size:1.05rem;font-weight:800;color:#92400e}.rmap-pcta-price small{font-size:var(--font-2xs);font-weight:500;color:#b45309}.rmap-pcta-btn{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;border:none;border-radius:var(--radius-sm);padding:7px 16px;font-size:var(--font-xs);font-weight:700;cursor:pointer;white-space:nowrap}@media (max-width:540px){.rmap-premium-cta{flex-wrap:wrap;gap:10px}.rmap-pcta-right{flex-direction:row;align-items:center;width:100%;justify-content:space-between}}.rmap-wrapper .level-cert-card{margin-top:12px}@media (max-width:640px){.rmap-node{width:42px;height:42px;font-size:var(--font-base)}.rmap-node i,.rmap-node svg{width:14px;height:14px}.rmap-item{gap:12px}.rmap-card{padding:10px 13px}.rmap-title{font-size:var(--font-xs)}.rmap-conn-right{margin-left:calc(100% - 23px)}}.tuto-cats-container{display:flex;flex-direction:column;gap:40px;margin-top:24px}.tuto-cat-section{display:flex;flex-direction:column;gap:16px}.tuto-cat-header{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--border-color)}.tuto-cat-marker{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--primary-light);color:var(--primary-accent)}.tuto-cat-marker i,.tuto-cat-marker svg{width:18px;height:18px}.tuto-cat-info{flex:1;min-width:0}.tuto-cat-title{font-size:1.1rem;font-weight:700;color:var(--text-headings);margin:0 0 2px;letter-spacing:-.015em}.tuto-cat-desc{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.4}.tuto-cat-count{font-size:.72rem;font-weight:600;color:var(--text-secondary);background:var(--bg-element);padding:5px 11px;border-radius:100px;flex-shrink:0;white-space:nowrap}.tuto-cat-list{display:flex;flex-direction:column;gap:8px}.tuto-row{position:relative;display:grid;grid-template-columns:auto auto 1fr auto;gap:18px;align-items:center;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;text-decoration:none;color:inherit;transition:all .2s cubic-bezier(.4, 0, .2, 1);cursor:pointer}.tuto-row:hover{border-color:var(--primary-accent);background:var(--bg-card);transform:translateY(-1px);box-shadow:0 6px 16px -4px rgba(var(--primary-accent-rgb),.15)}.tuto-row:hover .tuto-row-action{background:var(--primary-accent);color:#fff}.tuto-row:hover .tuto-row-action i,.tuto-row:hover .tuto-row-action svg{transform:translateX(2px)}.tuto-row-index{font-family:'Fira Code',monospace;font-size:.78rem;font-weight:600;color:var(--text-muted);letter-spacing:.5px;user-select:none}.tuto-row-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--primary-light);color:var(--primary-accent);transition:transform .2s}.tuto-row-icon i,.tuto-row-icon svg{width:20px;height:20px}.tuto-row:hover .tuto-row-icon{transform:scale(1.05)}.tuto-row-icon[data-color="1"]{background:rgba(16,185,129,.12);color:#10b981}.tuto-row-icon[data-color="2"]{background:rgba(59,110,245,.12);color:#3b6ef5}.tuto-row-icon[data-color="3"]{background:rgba(139,92,246,.12);color:#8b5cf6}.tuto-row-icon[data-color="4"]{background:rgba(236,72,153,.12);color:#ec4899}.tuto-row-icon[data-color="5"]{background:rgba(245,158,11,.12);color:#f59e0b}.tuto-row-icon[data-color="6"]{background:rgba(239,68,68,.12);color:#ef4444}.tuto-row-body{display:flex;flex-direction:column;gap:4px;min-width:0}.tuto-row-title{font-size:.98rem;font-weight:600;color:var(--text-headings);margin:0;letter-spacing:-.015em}.tuto-row-level{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:500;color:var(--text-muted)}.tuto-row-level-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:currentColor}.tuto-row-level.is-beg{color:#10b981}.tuto-row-level.is-inter{color:#3b6ef5}.tuto-row-level.is-pro{color:#f59e0b}[data-theme=dark] .tuto-row-level.is-beg{color:#34d399}[data-theme=dark] .tuto-row-level.is-inter{color:#60a5fa}[data-theme=dark] .tuto-row-level.is-pro{color:#fbbf24}.tuto-row-desc{font-size:.84rem;color:var(--text-secondary);margin:0;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.tuto-row-meta{display:flex;align-items:center;gap:7px;margin-top:4px;flex-wrap:wrap}.tuto-row-meta-item{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:500;color:var(--text-muted)}.tuto-row-meta-item i,.tuto-row-meta-item svg{width:11px;height:11px}.tuto-row-meta-dot{color:var(--text-muted);opacity:.5;font-size:.7rem}.tuto-row-meta-item.difficulty-easy{color:#10b981}.tuto-row-meta-item.difficulty-medium{color:#f59e0b}.tuto-row-meta-item.difficulty-hard{color:#ef4444}[data-theme=dark] .tuto-row-meta-item.difficulty-easy{color:#34d399}[data-theme=dark] .tuto-row-meta-item.difficulty-medium{color:#fbbf24}[data-theme=dark] .tuto-row-meta-item.difficulty-hard{color:#f87171}.tuto-row-meta-lock{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:#b45309}[data-theme=dark] .tuto-row-meta-lock{color:#fbbf24}.tuto-row-meta-lock i,.tuto-row-meta-lock svg{width:11px;height:11px}.tuto-row-action{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-element);color:var(--text-secondary);transition:all .2s cubic-bezier(.4, 0, .2, 1)}.tuto-row-action i,.tuto-row-action svg{width:14px;height:14px;transition:transform .2s}.tuto-row.is-locked{background:var(--bg-card);position:relative}.tuto-row.is-locked .tuto-row-icon{background:var(--bg-element);color:var(--text-muted)}.tuto-row.is-locked .tuto-row-title{color:var(--text-primary)}.tuto-row.is-locked .tuto-row-desc{color:var(--text-muted)}.tuto-row.is-locked:hover{border-color:rgba(245,158,11,.4);box-shadow:0 6px 16px -4px rgba(245,158,11,.15)}.tuto-row.is-locked:hover .tuto-row-action{background:#f59e0b;color:#fff}@media (max-width:768px){.tuto-row{grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;gap:12px 14px;padding:14px 16px}.tuto-row-index{grid-row:1;grid-column:1}.tuto-row-icon{grid-row:1;grid-column:2}.tuto-row-body{grid-row:1/span 2;grid-column:3}.tuto-row-action{grid-row:2;grid-column:1/span 2;width:auto;height:32px;padding:0 12px;border-radius:8px;align-self:start;justify-self:start}.tuto-cat-header{flex-wrap:wrap}.tuto-cat-info{flex:1 1 calc(100% - 60px)}.tuto-cat-count{order:3;margin-left:auto}}@media (max-width:480px){.tuto-row-desc{-webkit-line-clamp:2}.tuto-row{padding:14px}.tuto-row-icon{width:38px;height:38px}}
.course-container{max-width:var(--container-wide);width:100%;margin:0 auto;padding:0 30px 60px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px}@media (min-width:640px){.course-container{gap:20px}}#courseContent{width:100%}.lesson-view-all{display:flex;flex-direction:column;gap:16px}@media (min-width:640px){.lesson-view-all{gap:20px}}.course-header-unified{position:relative;overflow:hidden;border-radius:18px;padding:20px;color:#fff;background:radial-gradient(120% 140% at 0 0,rgba(255,255,255,.1) 0,transparent 45%),linear-gradient(135deg,#4f6ff5 0,var(--primary-accent) 45%,#3556d6 100%);box-shadow:0 18px 40px -12px rgba(59,110,245,.55)}@media (min-width:640px){.course-header-unified{border-radius:26px;padding:32px}}.course-header-unified::after,.course-header-unified::before{content:"";position:absolute;border-radius:9999px;filter:blur(40px);pointer-events:none}.course-header-unified::before{left:-40px;top:-40px;width:192px;height:192px;background:rgba(255,255,255,.1)}.course-header-unified::after{right:40px;bottom:0;width:128px;height:128px;background:rgba(255,255,255,.06)}.course-header-main{position:relative;display:flex;align-items:flex-start;gap:12px}@media (min-width:640px){.course-header-main{gap:20px}}.course-back-btn{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border:none;border-radius:12px;background:rgba(255,255,255,.15);color:#fff;cursor:pointer;transition:background .15s ease}.course-back-btn:hover{background:rgba(255,255,255,.25)}.course-back-btn [data-lucide],.course-back-btn i{width:16px;height:16px}@media (min-width:640px){.course-back-btn{width:40px;height:40px}}.course-title-section{min-width:0;flex:1}.course-title-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.course-module-pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:9999px;background:rgba(255,255,255,.15);font-family:var(--font-ui);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.course-title-section h1{margin:8px 0 0;font-family:var(--font-headings);font-size:20px;font-weight:800;line-height:1.15;color:#fff}.course-title-section p{margin:8px 0 0;max-width:48rem;font-size:13px;line-height:1.6;color:rgba(255,255,255,.85)}@media (min-width:640px){.course-title-section h1{margin-top:12px;font-size:28px}.course-title-section p{font-size:14.5px}}.course-header-actions{display:none;flex-shrink:0;align-items:center;gap:8px}@media (min-width:1024px){.course-header-actions{display:flex}}.course-editor-btn,.course-fullscreen-btn{position:relative;display:grid;place-items:center;width:40px;height:40px;border:none;border-radius:12px;background:rgba(255,255,255,.15);color:#fff;cursor:pointer;transition:background .15s ease}.course-editor-btn:hover,.course-fullscreen-btn:hover{background:rgba(255,255,255,.25)}.course-editor-btn [data-lucide],.course-editor-btn i,.course-fullscreen-btn [data-lucide],.course-fullscreen-btn i{width:16px;height:16px}.editor-btn-tooltip{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:4px 8px;border-radius:6px;background:rgba(15,23,42,.92);color:#fff;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}.course-editor-btn:hover .editor-btn-tooltip{opacity:1}.fullscreen-icon-exit{display:none}body.course-fullscreen-mode .fullscreen-icon-enter{display:none}body.course-fullscreen-mode .fullscreen-icon-exit{display:block}.course-progress-badge{position:relative;flex-shrink:0;display:grid;place-items:center;width:48px;height:48px;border-radius:9999px;background:rgba(255,255,255,.15);font-family:var(--font-ui);font-size:13px;font-weight:700}.course-progress-badge::before{content:"";position:absolute;inset:-3px;border-radius:9999px;background:conic-gradient(#34d399 var(--progress,0),rgba(255,255,255,.18) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));transition:background .6s ease;z-index:0}.course-progress-badge>span{position:relative;z-index:1}.course-progress-badge.pulse{animation:cpbPulse .65s ease}@keyframes cpbPulse{0%{transform:scale(1)}40%{transform:scale(1.18)}100%{transform:scale(1)}}@media (max-width:1023px){.course-progress-badge{display:none}}.xp-float-chip{position:fixed;z-index:9999;display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:9999px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-family:var(--font-ui);font-weight:800;font-size:13.5px;white-space:nowrap;box-shadow:0 8px 24px rgba(249,115,22,.45);pointer-events:none;transform:translate(-50%,0);animation:xpFloat 1.7s cubic-bezier(.22,1,.36,1) forwards}.xp-float-chip i{font-size:12px}@keyframes xpFloat{0%{opacity:0;transform:translate(-50%,6px) scale(.7)}15%{opacity:1;transform:translate(-50%,-2px) scale(1.08)}30%{opacity:1;transform:translate(-50%,-6px) scale(1)}100%{opacity:0;transform:translate(-50%,-62px) scale(.95)}}.section-confetti-burst{position:fixed;z-index:9998;width:0;height:0;pointer-events:none;transform:translate(-50%,-50%)}.section-confetti-burst i{position:absolute;left:0;top:0;width:8px;height:8px;border-radius:2px;animation:scBurst .9s ease-out forwards}@keyframes scBurst{0%{opacity:1;transform:translate(0,0) scale(1) rotate(0)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3) rotate(220deg)}}@media (prefers-reduced-motion:reduce){.course-progress-badge.pulse,.section-confetti-burst i,.xp-float-chip{animation:none}}.course-steps{position:relative;margin-top:20px;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.course-steps::-webkit-scrollbar{display:none}@media (min-width:640px){.course-steps{margin-top:24px;gap:8px;overflow:visible}}.course-step{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.85);font-family:var(--font-ui);font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}@media (min-width:640px){.course-step{flex:1;padding:12px 16px;gap:10px;font-size:13.5px}}.course-step:hover{background:rgba(255,255,255,.2)}.course-step [data-lucide],.course-step i{width:16px;height:16px;flex-shrink:0}.course-step-label{white-space:nowrap}.course-step-count{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;background:rgba(255,255,255,.15);color:#fff;font-size:10.5px;font-weight:700}.course-step.active{background:#fff;color:var(--primary-accent);box-shadow:0 4px 12px rgba(0,0,0,.12),inset 0 0 0 1px rgba(255,255,255,.6)}.course-step.active .course-step-count{background:rgba(var(--primary-rgb),.12);color:var(--primary-accent)}.course-step.locked{opacity:.5;cursor:not-allowed}.course-step-line{flex-shrink:0;width:24px;height:1px;background:rgba(255,255,255,.25)}@media (max-width:639px){.course-step-line{display:none}}.lesson-content-wrapper{display:flex;flex-direction:column;gap:16px}@media (min-width:640px){.lesson-content-wrapper{gap:20px}}.lesson-section-block{display:none}.lesson-section-block.is-current{display:flex;flex-direction:column;gap:16px}@media (min-width:640px){.lesson-section-block.is-current{gap:20px}}.lesson-shead{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 1px 3px rgba(15,23,42,.05),0 10px 30px -18px rgba(15,23,42,.25)}.lesson-shead-actions{margin-left:auto}@media (min-width:640px){.lesson-shead{padding:18px 24px}}.lesson-shead-num{flex-shrink:0;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--color-success);color:#fff;font-family:var(--font-headings);font-size:18px;font-weight:700;box-shadow:0 2px 6px rgba(16,185,129,.25)}.lesson-shead-num [data-lucide],.lesson-shead-num i{width:22px;height:22px}.lesson-shead-text{display:flex;flex-direction:column}.lesson-shead-text h2{margin:0;font-family:var(--font-headings);font-size:20px;font-weight:800;letter-spacing:-.01em;color:var(--text-headings);line-height:1.2}.lesson-shead-text span{margin-top:2px;font-family:var(--font-ui);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.lesson-shead-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.lesson-shead-bloxi,.lesson-shead-listen{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:9999px;font-family:var(--font-ui);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .15s}.lesson-shead-bloxi [data-lucide],.lesson-shead-bloxi i,.lesson-shead-listen [data-lucide],.lesson-shead-listen i{width:15px;height:15px}.lesson-shead-bloxi{border:1px solid rgba(var(--primary-rgb),.2);background:rgba(var(--primary-rgb),.08);color:var(--primary-accent)}.lesson-shead-bloxi:hover{background:rgba(var(--primary-rgb),.14);transform:translateY(-1px)}.lesson-shead-bloxi.is-on{background:var(--primary-accent);border-color:var(--primary-accent);color:#fff}@media (max-width:639px){.lesson-shead-bloxi{display:none}}.lesson-shead-listen{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary)}.lesson-shead-listen:hover{background:var(--bg-hover);color:var(--text-primary)}.lesson-shead.is-done .lesson-shead-num{background:var(--color-success)}.lesson-section-content{border-radius:16px;border:1px solid var(--border-color);background:var(--bg-card);padding:20px;box-shadow:0 1px 3px rgba(15,23,42,.05),0 10px 30px -18px rgba(15,23,42,.25)}@media (min-width:640px){.lesson-section-content{padding:28px}}.lesson-course-content>*{margin-top:26px}.lesson-course-content>:first-child{margin-top:0}.lesson-course-content p{font-size:14.5px;line-height:1.7;color:color-mix(in srgb,var(--text-primary) 92%,transparent)}.lesson-course-content h3{font-family:var(--font-headings);font-size:18px;font-weight:800;color:var(--text-headings);margin-top:36px;margin-bottom:0}.lesson-course-content h3+.bloxi-ctx-target,.lesson-course-content h3+p{margin-top:12px}.lesson-course-content strong{font-weight:700;color:var(--text-headings)}.lesson-course-content a{color:var(--primary-accent);font-weight:600;text-decoration:none}.lesson-course-content a:hover{text-decoration:underline}.lesson-course-content ul{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.lesson-course-content ul li{position:relative;padding-left:24px;font-size:14.5px;line-height:1.65;color:color-mix(in srgb,var(--text-primary) 92%,transparent)}.lesson-course-content ul li::before{content:"";position:absolute;left:5px;top:10px;width:6px;height:6px;border-radius:9999px;background:var(--primary-accent)}.section-objective{position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:16px;border:1px solid rgba(var(--primary-rgb),.15);background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.04));box-shadow:0 1px 3px rgba(15,23,42,.04)}@media (min-width:640px){.section-objective{padding:20px}}.section-objective::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:rgba(var(--primary-rgb),.6)}.section-objective-icon{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(var(--primary-rgb),.1);color:var(--primary-accent)}.section-objective-icon [data-lucide],.section-objective-icon i{width:18px;height:18px}.section-objective-text{min-width:0;flex:1;font-size:13.5px;line-height:1.6;color:color-mix(in srgb,var(--text-primary) 92%,transparent)}@media (min-width:640px){.section-objective-text{font-size:14px}}.section-objective-text strong{color:var(--text-headings);font-weight:700}.section-objective-text::before{content:"Objectif de la section";display:block;margin-bottom:4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--primary-rgb),.8)}.lesson-course-content .course-intro{padding:12px 16px;border-radius:12px;border:1px solid rgba(var(--primary-rgb),.15);background:rgba(var(--primary-rgb),.06);font-size:13.5px;font-weight:600;color:var(--primary-accent)}.lesson-course-content .course-tags{display:flex;flex-wrap:wrap;gap:8px}.lesson-course-content .course-tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;border:1px solid var(--border-color);background:var(--bg-hover);font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--text-secondary)}.lesson-course-content .course-grid>.bloxi-explain,.lesson-course-content .course-step-grid>.bloxi-explain{grid-column:1/-1}.lesson-course-content .course-grid:has(> .bloxi-explain),.lesson-course-content .course-step-grid:has(> .bloxi-explain){align-items:start}.lesson-course-content .course-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:640px){.lesson-course-content .course-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.lesson-course-content .course-grid{grid-template-columns:repeat(3,1fr)}}.lesson-course-content .course-card{position:relative;overflow:hidden;padding:20px 20px 20px 24px;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:0 1px 3px rgba(15,23,42,.04);transition:background .15s ease,border-color .15s ease,transform .15s ease}.lesson-course-content .course-card:hover{border-color:rgba(var(--primary-rgb),.35);transform:translateY(-2px)}.lesson-course-content .course-card::before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:rgba(var(--primary-rgb),.65)}.lesson-course-content .course-card-title{font-family:var(--font-headings);font-size:15px;font-weight:800;color:var(--text-headings)}.lesson-course-content .course-card-meta{margin-top:2px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary-accent)}.lesson-course-content .course-card-desc{margin-top:10px;font-size:13px;line-height:1.6;color:var(--text-secondary)}.lesson-course-content .course-callout{position:relative;overflow:hidden;padding:18px 20px 18px 24px;border-radius:16px;border:1px solid rgba(245,158,11,.2);background:linear-gradient(135deg,rgba(245,158,11,.14),rgba(245,158,11,.04));font-size:14px;line-height:1.7;color:color-mix(in srgb,var(--text-primary) 92%,transparent)}@media (min-width:640px){.lesson-course-content .course-callout{padding:22px 24px 22px 28px}}.lesson-course-content .course-callout p{margin:0}.lesson-course-content .course-callout p+p{margin-top:10px}.lesson-course-content .course-callout ul{margin-top:10px}.lesson-course-content .course-callout::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:rgba(245,158,11,.7)}.lesson-course-content .course-callout strong{color:var(--text-headings)}.lesson-course-content .course-callout[data-variant=info],.lesson-course-content .course-callout[data-variant=note]{border-color:rgba(var(--primary-rgb),.18);background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.03))}.lesson-course-content .course-callout[data-variant=info]::before,.lesson-course-content .course-callout[data-variant=note]::before{background:rgba(var(--primary-rgb),.65)}.lesson-course-content .course-callout[data-variant=success],.lesson-course-content .course-callout[data-variant=tip]{border-color:rgba(16,185,129,.2);background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(16,185,129,.03))}.lesson-course-content .course-callout[data-variant=success]::before,.lesson-course-content .course-callout[data-variant=tip]::before{background:rgba(16,185,129,.7)}.lesson-course-content .hl{padding:.5px 5px;border-radius:6px;font-weight:700;background:rgba(var(--primary-rgb),.12);color:var(--primary-accent);box-decoration-break:clone;-webkit-box-decoration-break:clone}.lesson-course-content .hl-success{background:rgba(16,185,129,.14);color:var(--color-success)}.lesson-course-content .hl-warning{background:rgba(245,158,11,.16);color:#b45309}.lesson-course-content .course-step-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:20px}@media (min-width:768px){.lesson-course-content .course-step-grid{grid-template-columns:repeat(3,1fr)}}.lesson-course-content .course-step{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:0 1px 3px rgba(15,23,42,.04)}.lesson-course-content .course-step-num{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border-radius:9999px;background:rgba(var(--primary-rgb),.12);color:var(--primary-accent);font-family:var(--font-ui);font-size:13px;font-weight:700}.lesson-course-content .course-step-body{min-width:0;display:flex;flex-direction:column;gap:2px}.lesson-course-content .course-step-title{font-family:var(--font-ui);font-size:13.5px;font-weight:700;color:var(--text-headings);line-height:1.25}.lesson-course-content .course-step-desc{font-size:12.5px;line-height:1.5;color:var(--text-secondary)}.lesson-course-content .course-visuals{margin-top:20px;padding:18px 20px;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:0 1px 3px rgba(15,23,42,.04)}.lesson-course-content .course-visuals-label{display:block;margin-bottom:12px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.lesson-course-content .course-visuals-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.lesson-course-content .course-visuals .course-image-link.is-primary{border:none;background:linear-gradient(90deg,rgba(var(--primary-rgb),.92),var(--primary-accent));color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb),.35)}.lesson-course-content .course-visuals .course-image-link.is-primary:hover{filter:brightness(1.05);color:#fff}.lesson-course-content .course-image-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;border:1px solid var(--border-color);background:var(--bg-card);font-size:12.5px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.lesson-course-content .course-image-link:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:rgba(var(--primary-rgb),.05)}.lesson-course-content .course-image-wrap{margin-top:12px}.lesson-course-content .course-image-wrap[hidden]{display:none}.lesson-course-content .course-image{display:block;width:100%;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 4px 14px rgba(15,23,42,.08)}.lesson-course-content .course-image-full{max-width:100%;height:auto}.lesson-course-content code{font-family:"JetBrains Mono","Fira Code",ui-monospace,monospace;font-size:.88em;padding:2px 6px;border-radius:6px;background:rgba(var(--primary-rgb),.08);color:var(--primary-accent)}.lesson-course-content .code-block{margin-top:16px;border-radius:14px;border:1px solid var(--border-color);background:#0f172a;overflow:hidden}.lesson-course-content .code-block pre{margin:0;padding:16px 18px;overflow-x:auto}.lesson-course-content .code-block code{display:block;padding:0;background:0 0;color:#e2e8f0;font-family:"JetBrains Mono","Fira Code",ui-monospace,monospace;font-size:13px;line-height:1.7;white-space:pre}.code-block .cb-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#1e293b;border-bottom:1px solid #334155}.code-block .cb-header-left{display:flex;align-items:center;gap:12px}.code-block .cb-header-right{display:flex;align-items:center;gap:8px}.code-block .cb-dots{display:flex;gap:6px}.code-block .cb-dot{width:11px;height:11px;border-radius:9999px}.code-block .cb-dot-r{background:#ef4444}.code-block .cb-dot-y{background:#f59e0b}.code-block .cb-dot-g{background:#10b981}.code-block .cb-filename{font-family:ui-monospace,monospace;font-size:12px;color:#94a3b8}.code-block .cb-lang{display:inline-flex;align-items:center;padding:3px 9px;border-radius:9999px;background:rgba(96,165,250,.12);color:#60a5fa;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.code-block .cb-btn{display:grid;place-items:center;width:30px;height:30px;border:1px solid #334155;border-radius:8px;background:0 0;color:#94a3b8;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.code-block .cb-btn:hover{background:#334155;color:#e2e8f0;border-color:#475569}.code-block .cb-btn.cb-copied{color:#10b981;border-color:#10b981}.code-block .cb-btn [data-lucide],.code-block .cb-btn i{width:14px;height:14px}.code-block .cb-pre{margin:0;padding:16px 18px;overflow-x:auto;background:#0f172a}.code-block .cb-code-block{display:block;font-family:"JetBrains Mono","Fira Code",ui-monospace,monospace;font-size:13px;line-height:1.7;color:#e2e8f0;white-space:pre}.code-block .cb-line{display:flex;gap:14px}.code-block .cb-gutter{flex-shrink:0;min-width:1.8em;text-align:right;color:#475569;user-select:none}.code-block .cb-code{white-space:pre}.code-block .cb-keyword{color:#c084fc;font-weight:600}.code-block .cb-builtin{color:#38bdf8}.code-block .cb-global{color:#38bdf8;font-weight:600}.code-block .cb-string{color:#4ade80}.code-block .cb-number{color:#fb923c}.code-block .cb-comment{color:#64748b;font-style:italic}.cb-overlay{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.code-block.cb-expanded{position:fixed;inset:40px;z-index:9999;border-radius:16px;max-height:calc(100vh - 80px);overflow-y:auto}body.cb-expanded-open{overflow:hidden}[data-theme=light] .code-block .cb-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0}[data-theme=light] .code-block .cb-filename{color:#64748b}[data-theme=light] .code-block .cb-lang{background:rgba(59,110,245,.08);color:#3b6ef5}[data-theme=light] .code-block .cb-btn{border-color:#e2e8f0;color:#64748b}[data-theme=light] .code-block .cb-btn:hover{background:#e2e8f0;color:#1e293b;border-color:#cbd5e1}[data-theme=light] .code-block .cb-pre{background:#f8fafc}[data-theme=light] .code-block .cb-code-block{color:#1e293b}[data-theme=light] .code-block .cb-gutter{color:#94a3b8}[data-theme=light] .code-block .cb-keyword{color:#7c3aed;font-weight:600}[data-theme=light] .code-block .cb-builtin{color:#0284c7}[data-theme=light] .code-block .cb-global{color:#0284c7;font-weight:600}[data-theme=light] .code-block .cb-string{color:#16a34a}[data-theme=light] .code-block .cb-number{color:#ea580c}[data-theme=light] .code-block .cb-comment{color:#94a3b8;font-style:italic}[data-theme=light] .lesson-course-content .code-block{background:#f8fafc;border-color:#e2e8f0}.lesson-course-content .course-kbd{display:inline-flex;align-items:center;margin:0 4px;min-width:22px;justify-content:center;padding:3px 9px;border-radius:6px;border:1px solid var(--border-color);border-bottom-width:2px;background:var(--bg-hover);font-family:var(--font-ui);font-size:12px;font-weight:700;color:var(--text-primary)}.lesson-course-content .course-kbd:first-child{margin-left:0}.lesson-course-content .course-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:9999px;background:rgba(var(--primary-rgb),.1);font-size:12px;font-weight:600;color:var(--primary-accent)}.lesson-course-content .course-steps-list{margin:12px 0 0;padding:0;list-style:none;counter-reset:cstep;display:flex;flex-direction:column;gap:10px}.lesson-course-content .course-steps-list li{position:relative;padding-left:38px;min-height:26px;display:block;padding-top:3px;font-size:14px;line-height:1.55;color:color-mix(in srgb,var(--text-primary) 92%,transparent)}.lesson-course-content .course-steps-list li::before{counter-increment:cstep;content:counter(cstep);position:absolute;left:0;top:0;display:grid;place-items:center;width:26px;height:26px;border-radius:9999px;background:rgba(var(--primary-rgb),.12);color:var(--primary-accent);font-size:12px;font-weight:700}.lesson-course-content .course-table{width:100%;margin-top:16px;border-collapse:separate;border-spacing:0;border:1px solid var(--border-color);border-radius:14px;overflow:hidden;font-size:13.5px}.lesson-course-content .course-table td,.lesson-course-content .course-table th{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border-color)}.lesson-course-content .course-table thead th{background:var(--bg-hover);font-family:var(--font-ui);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.lesson-course-content .course-table tbody tr:last-child td{border-bottom:none}.lesson-course-content .course-table tbody tr:hover{background:rgba(var(--primary-rgb),.03)}.lesson-section-help{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}.btn-not-understood-inline{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:9999px;border:1px solid var(--border-color);background:var(--bg-card,#fff);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.btn-not-understood-inline:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:var(--primary-light,rgba(59,110,245,.06))}.btn-not-understood-inline i{width:15px;height:15px}.section-help-bloxi{width:100%;display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:var(--radius-lg,14px);background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(139,92,246,.04));border:1px solid rgba(139,92,246,.26)}.section-help-bloxi .shb-icon{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#8b5cf6;color:#fff}.section-help-bloxi .shb-icon i{width:18px;height:18px}.section-help-bloxi .shb-txt{font-size:12.5px;line-height:1.4;color:var(--text-secondary)}.section-help-bloxi .shb-txt strong{color:#7c3aed;font-weight:700}.btn-reset-inline{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:none;background:0 0;color:var(--text-muted,#94a3b8);font-size:12.5px;font-weight:600;cursor:pointer;border-radius:8px;transition:color .15s ease,background .15s ease}.btn-reset-inline:hover{color:var(--text-primary);background:var(--bg-alt-section,#f0f9ff)}.btn-reset-inline i{width:14px;height:14px}.section-help-discord{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 18px;border-radius:var(--radius-lg,14px);background:linear-gradient(135deg,rgba(88,101,242,.1),rgba(88,101,242,.04));border:1px solid rgba(88,101,242,.28)}.section-help-discord .shd-info{display:flex;align-items:center;gap:13px;flex:1;min-width:220px}.section-help-discord .shd-icon{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#5865f2;color:#fff}.section-help-discord .shd-icon i{width:20px;height:20px}.section-help-discord .shd-txt{display:flex;flex-direction:column;gap:2px}.section-help-discord .shd-txt strong{font-size:14.5px;font-weight:700;color:var(--text-headings)}.section-help-discord .shd-txt span{font-size:12.5px;color:var(--text-secondary);line-height:1.35}.section-help-discord .shd-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md,12px);background:#5865f2;color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 10px 22px -10px rgba(88,101,242,.7);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.section-help-discord .shd-btn:hover{background:#4752c4;transform:translateY(-1px);box-shadow:0 14px 30px -12px rgba(88,101,242,.85)}.section-help-discord .shd-btn i{width:17px;height:17px}@media (max-width:560px){.section-help-discord{flex-direction:column;align-items:stretch;text-align:left}.section-help-discord .shd-btn{justify-content:center}}.lesson-bottom-action{display:flex;flex-direction:column;gap:12px;padding:16px 20px;border-radius:18px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:0 1px 3px rgba(15,23,42,.05),0 10px 30px -18px rgba(15,23,42,.25)}@media (min-width:640px){.lesson-bottom-action{flex-direction:row;align-items:center;justify-content:space-between;padding:18px 24px}}.lesson-bottom-info{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.lesson-bottom-info i{width:16px;height:16px;color:var(--primary-accent)}.lesson-bottom-hint{display:inline-flex;align-items:center;gap:8px}.lesson-prev-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:1px solid var(--border-color);border-radius:9999px;background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-ui);font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.lesson-prev-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-accent)}.lesson-prev-btn i{width:15px;height:15px}.lesson-bottom-btn{display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 20px;border:none;border-radius:9999px;background:var(--primary-accent);color:#fff;font-family:var(--font-ui);font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:0 12px 24px -10px rgba(59,110,245,.6);transition:opacity .15s ease}.lesson-bottom-btn:hover{opacity:.95}.lesson-bottom-btn .lesson-bottom-btn-num{display:grid;place-items:center;width:24px;height:24px;border-radius:9999px;background:rgba(255,255,255,.2);font-size:11px;font-weight:700}.lesson-bottom-btn i{width:16px;height:16px;transition:transform .15s ease}.lesson-bottom-btn:hover i{transform:translateX(2px)}.lesson-bottom-btn .truncate{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:760px){.lesson-shead-actions{width:100%}.lesson-shead-listen{flex:1;justify-content:center}.lesson-shead-text{flex:1 1 auto;min-width:0}.lesson-shead-text h2{overflow-wrap:anywhere}}@media (max-width:640px){.course-container{padding:0 12px 40px;gap:12px}.lesson-view-all{gap:12px}.lesson-content-wrapper{gap:12px}.lesson-section-block.is-current{gap:12px}.course-header-unified{padding:14px;border-radius:16px}.course-header-main{gap:10px}.course-header-unified::before{width:120px;height:120px;left:-30px;top:-30px}.course-header-unified::after{width:80px;height:80px;right:16px}.course-back-btn{width:32px;height:32px;border-radius:10px}.course-back-btn [data-lucide],.course-back-btn i{width:15px;height:15px}.course-module-pill{font-size:9.5px;padding:2px 8px}.course-title-section h1{font-size:17px;margin-top:6px;line-height:1.2}.course-title-section p{font-size:12px;margin-top:6px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-steps{margin-top:14px;gap:5px}.course-step{padding:8px 10px;gap:5px;font-size:11.5px;border-radius:10px}.course-step [data-lucide],.course-step i{width:14px;height:14px}.course-step-count{padding:1px 6px;font-size:9.5px}.course-step-line{display:none}.lesson-shead{padding:12px;gap:10px;border-radius:14px}.lesson-shead-num{width:40px;height:40px;font-size:15px;border-radius:10px}.lesson-shead-text h2{font-size:16px}.lesson-shead-text span{font-size:10.5px}.lesson-shead-listen{height:36px;padding:0 12px;font-size:12px}.lesson-section-content{padding:16px 14px;border-radius:14px}.lesson-course-content p,.lesson-course-content ul li{font-size:13.5px;line-height:1.6}.lesson-course-content h3{font-size:16px;margin-top:28px}.lesson-course-content>*{margin-top:20px}.lesson-bottom-action{padding:14px;gap:10px;border-radius:16px}.lesson-bottom-btn,.lesson-prev-btn{width:100%;justify-content:center}.lesson-bottom-btn{height:46px}.lesson-bottom-btn .truncate{max-width:200px}}@media (max-width:360px){.course-step{padding:8px;gap:4px}.course-step-label{display:none}.course-title-section h1{font-size:16px}}body.course-fullscreen-mode .sidebar,body.course-fullscreen-mode .topbar{display:none}body.course-fullscreen-mode .main-wrapper{margin-left:0;width:100%}body.course-fullscreen-mode .main-content{padding:0!important;height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important}body.course-fullscreen-mode .course-container{padding:0!important;max-width:100%!important;gap:0}body.course-fullscreen-mode .course-header-unified{display:none}body.course-fullscreen-mode .lesson-pills-container{bottom:84px;z-index:1001}body.course-fullscreen-mode .exercises-section,body.course-fullscreen-mode .lesson-content-wrapper{max-width:100%;padding:20px 60px 160px;margin:20px 0 0}body.course-fullscreen-mode .lesson-bottom-action{position:fixed;bottom:0;left:0;right:0;z-index:1000;border:none;border-top:1px solid var(--border-color);border-radius:0;background:var(--bg-card);padding:16px 40px;box-shadow:0 -4px 20px rgba(0,0,0,.05)}body.course-fullscreen-mode .module-complete,body.course-fullscreen-mode .project-section,body.course-fullscreen-mode .quiz-container{max-width:100%;margin:84px 60px 120px}.fullscreen-exit-btn{display:none;position:fixed;top:20px;right:20px;z-index:9999;align-items:center;gap:8px;padding:12px 20px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);color:var(--text-primary);font-family:var(--font-ui);font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:0 4px 24px rgba(0,0,0,.15);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}body.course-fullscreen-mode .fullscreen-exit-btn{display:flex}.fullscreen-exit-btn:hover{background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 6px 28px rgba(0,0,0,.2)}.fullscreen-exit-btn i{width:18px;height:18px}@media (max-width:1200px){body.course-fullscreen-mode .exercises-section,body.course-fullscreen-mode .lesson-content-wrapper{max-width:100%;padding:20px 30px 140px}body.course-fullscreen-mode .module-complete,body.course-fullscreen-mode .project-section,body.course-fullscreen-mode .quiz-container{margin:84px 30px 120px}}@media (max-width:768px){body.course-fullscreen-mode .exercises-section,body.course-fullscreen-mode .lesson-content-wrapper{padding:20px 16px 120px;margin-top:72px}body.course-fullscreen-mode .module-complete,body.course-fullscreen-mode .project-section,body.course-fullscreen-mode .quiz-container{margin:72px 16px 110px}body.course-fullscreen-mode .lesson-bottom-action{padding:14px 16px}.fullscreen-exit-btn{top:12px;right:12px;padding:10px 14px;font-size:12.5px}.fullscreen-exit-btn span{display:none}}#tutorialContainer{display:flex;flex-direction:column;gap:0;width:100%}#tutorialContainer .lesson-view-all{display:flex;flex-direction:column;gap:0}#tutorialContainer .lesson-pills-container{position:sticky;top:0;left:auto;right:auto;bottom:auto;transform:none;max-width:none;width:100%;box-sizing:border-box;z-index:80;padding:14px 20px;margin-bottom:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:none;backdrop-filter:none}#tutorialContainer .lesson-pills{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;width:100%}#tutorialContainer .lesson-pills::-webkit-scrollbar{display:none}#tutorialContainer .lesson-pill{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-ui);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;min-width:0}#tutorialContainer .lesson-pill:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:rgba(var(--primary-rgb),.04)}#tutorialContainer .lesson-pill.active{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent);box-shadow:0 4px 14px rgba(var(--primary-rgb),.35)}#tutorialContainer .lesson-pill .pill-number{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(0,0,0,.06);font-size:11px;font-weight:800;flex-shrink:0}#tutorialContainer .lesson-pill.active .pill-number{background:rgba(255,255,255,.2)}#tutorialContainer .lesson-pill .pill-label{overflow:hidden;text-overflow:ellipsis}#tutorialContainer .lesson-content-wrapper{display:flex;flex-direction:column;gap:24px}#tutorialContainer .lesson-section-block{display:flex;flex-direction:column;gap:0;scroll-margin-top:100px;border:1px solid var(--border-color);border-radius:18px;background:var(--bg-card);box-shadow:var(--shadow-card);overflow:hidden}#tutorialContainer .lesson-section-divider{display:flex;align-items:center;gap:14px;padding:18px 24px;background:rgba(var(--primary-rgb),.03);border-bottom:1px solid var(--border-color)}#tutorialContainer .lesson-section-divider-bg{display:none}#tutorialContainer .lesson-section-number{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--primary-accent);color:#fff;font-family:var(--font-headings);font-size:17px;font-weight:800;flex-shrink:0;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}#tutorialContainer .lesson-section-divider-text{display:flex;flex-direction:column;gap:2px}#tutorialContainer .lesson-section-divider-title{margin:0;font-family:var(--font-headings);font-size:17px;font-weight:700;color:var(--text-headings)}#tutorialContainer .lesson-section-divider-badge{font-family:var(--font-ui);font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}#tutorialContainer .lesson-section-divider-inner{display:flex;align-items:center;gap:14px}#tutorialContainer .lesson-section-content{padding:24px 28px 28px}#tutorialContainer .lesson-course-content{font-size:14.5px;line-height:1.75;color:var(--text-primary)}#tutorialContainer .lesson-course-content h4{margin:24px 0 10px;font-size:15.5px;font-weight:700;color:var(--text-headings);padding-bottom:6px;border-bottom:1px solid var(--border-color)}#tutorialContainer .lesson-course-content p{margin:10px 0}#tutorialContainer .lesson-course-content ol,#tutorialContainer .lesson-course-content ul{margin:10px 0;padding-left:24px}#tutorialContainer .lesson-course-content li{margin-bottom:8px;padding-left:4px}#tutorialContainer .lesson-course-content ol>li::marker{color:var(--primary-accent);font-weight:700}#tutorialContainer .lesson-course-content ul>li::marker{color:var(--text-muted)}#tutorialContainer .lesson-course-content ul{list-style:disc}#tutorialContainer .lesson-course-content code{padding:2px 8px;border-radius:6px;background:rgba(var(--primary-rgb),.08);color:var(--primary-accent);font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12.5px;font-weight:600}#tutorialContainer .lesson-course-content strong{font-weight:700;color:var(--text-headings)}#tutorialContainer .lesson-course-content a{color:var(--primary-accent);font-weight:600;text-decoration:none;border-bottom:1px dashed rgba(var(--primary-rgb),.3)}#tutorialContainer .lesson-course-content a:hover{border-bottom-style:solid}.tuto-success,.tuto-tip,.tuto-warning{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:12px;margin:16px 0;font-size:13.5px;line-height:1.6}.tuto-tip{background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.15);color:var(--text-primary)}.tuto-tip i{color:var(--primary-accent);flex-shrink:0;width:18px;height:18px;margin-top:2px}.tuto-warning{background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.2);color:var(--text-primary)}.tuto-warning i{color:#f59e0b;flex-shrink:0;width:18px;height:18px;margin-top:2px}.tuto-success{background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.2);color:var(--text-primary)}.tuto-success i{color:var(--color-success);flex-shrink:0;width:18px;height:18px;margin-top:2px}.tuto-code{display:block;margin:16px 0;padding:16px 20px;border-radius:14px;background:#0f172a;color:#e2e8f0;font-family:"JetBrains Mono","Fira Code",ui-monospace,monospace;font-size:13px;line-height:1.7;overflow-x:auto;white-space:pre;border:1px solid #334155}[data-theme=light] .tuto-code{background:#f8fafc;color:#1e293b;border-color:var(--border-color)}.tuto-table{width:100%;margin:16px 0;border-collapse:separate;border-spacing:0;border:1px solid var(--border-color);border-radius:14px;overflow:hidden;font-size:13.5px}.tuto-table td,.tuto-table th{padding:11px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.tuto-table th{background:var(--bg-hover);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.tuto-table tbody tr:last-child td{border-bottom:none}.tuto-table tbody tr:hover{background:rgba(var(--primary-rgb),.02)}#tutorialContainer .lesson-bottom-action{margin-top:28px;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-card)}#tutorialContainer .lesson-bottom-btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 24px;border:none;border-radius:var(--radius-full);background:var(--primary-accent);color:#fff;font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 10px 24px -8px rgba(var(--primary-rgb),.5);transition:opacity .15s ease,transform .15s ease}#tutorialContainer .lesson-bottom-btn:hover{opacity:.92;transform:translateY(-1px)}#tutorialContainer .lesson-bottom-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}#tutorialContainer .lesson-bottom-btn [data-lucide],#tutorialContainer .lesson-bottom-btn i{width:17px;height:17px}#tutorialContainer .lesson-bottom-info{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}#tutorialContainer .lesson-bottom-info i{width:16px;height:16px;color:var(--primary-accent)}@media (max-width:639px){#tutorialContainer .lesson-pills-container{padding:10px 14px;border-radius:12px}#tutorialContainer .lesson-pill{padding:8px 12px;font-size:11.5px;flex:none}#tutorialContainer .lesson-section-block{border-radius:14px}#tutorialContainer .lesson-section-divider{padding:14px 16px}#tutorialContainer .lesson-section-content{padding:18px 16px 20px}#tutorialContainer .lesson-bottom-action{flex-direction:column;gap:12px;padding:14px 16px}}.btn-report-issue{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:36px;height:36px;border:1px solid var(--border-color);border-radius:9999px;background:var(--bg-card);color:var(--text-muted);font-size:var(--font-xs, .75rem);font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.btn-report-issue:hover{background:var(--color-error-light,rgba(239,68,68,.08));color:var(--color-error,#ef4444);border-color:var(--color-error,#ef4444)}.btn-report-issue i{width:14px;height:14px}.btn-report-issue span{display:none}@media (min-width:768px){.btn-report-issue{width:auto;padding:0 14px;height:36px}.btn-report-issue span{display:inline}}.report-issue-popover{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);animation:fadeIn .15s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.report-issue-card{background:var(--bg-card);border-radius:16px;width:90%;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden;animation:modalSlideIn .2s ease-out}.report-issue-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-color)}.report-issue-header span{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;color:var(--text-headings)}.report-issue-header span i{width:16px;height:16px;color:var(--color-error,#ef4444)}.report-issue-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:var(--bg-hover);color:var(--text-secondary);cursor:pointer}.report-issue-close:hover{background:var(--color-error-light,rgba(239,68,68,.08));color:var(--color-error)}.report-issue-close i{width:14px;height:14px}#reportIssueForm{padding:18px;display:flex;flex-direction:column;gap:14px}.report-issue-field label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);margin-bottom:5px}.report-issue-field select,.report-issue-field textarea{width:100%;padding:9px 12px;border:1px solid var(--border-color);border-radius:10px;font-size:.82rem;background:var(--bg-body);color:var(--text-primary);transition:border-color .15s}.report-issue-field select:focus,.report-issue-field textarea:focus{outline:0;border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(var(--primary-accent-rgb,59,110,245),.1)}.report-issue-field textarea{resize:vertical;min-height:60px}.report-issue-context{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text-muted);padding:6px 10px;background:var(--bg-hover);border-radius:8px}.report-issue-context i{width:12px;height:12px}.report-issue-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.report-issue-cancel{padding:8px 16px;border:1px solid var(--border-color);border-radius:9px;background:0 0;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer}.report-issue-submit{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:9px;background:var(--color-error,#ef4444);color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;transition:opacity .15s}.report-issue-submit:hover{opacity:.9}.report-issue-submit:disabled{opacity:.6;cursor:wait}.report-issue-submit i{width:13px;height:13px}.course-notes-btn{position:relative;display:grid;place-items:center;width:40px;height:40px;border:none;border-radius:12px;background:rgba(255,255,255,.15);color:#fff;cursor:pointer;transition:background .15s ease,transform .15s ease}.course-notes-btn:hover{background:rgba(255,255,255,.25);transform:scale(1.05)}.course-notes-btn.active{background:rgba(245,158,11,.35);box-shadow:0 0 0 2px rgba(245,158,11,.5)}.course-notes-btn [data-lucide],.course-notes-btn i{width:16px;height:16px}.lb-notes-overlay{position:fixed;inset:0;z-index:998;background:rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .25s ease}.lb-notes-overlay.open{opacity:1;pointer-events:auto}.lb-notes-panel{position:fixed;top:0;right:0;bottom:0;z-index:999;width:min(400px,90vw);background:var(--bg-card,#fff);border-left:1px solid var(--border-color,#e5e9f0);box-shadow:-8px 0 32px rgba(0,0,0,.12);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1)}.lb-notes-panel.open{transform:translateX(0)}.lb-notes-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color,#e5e9f0);background:var(--bg-element,#f8fafc);flex-shrink:0}.lb-notes-title{display:flex;align-items:center;gap:10px;flex:1}.lb-notes-title [data-lucide],.lb-notes-title i{width:18px;height:18px;color:#f59e0b}.lb-notes-header h4{margin:0;font-size:.9rem;font-weight:800;color:var(--text-headings,#111827)}.lb-notes-status{font-size:.7rem;color:var(--text-muted,#9ca3af);font-weight:600;white-space:nowrap}.lb-notes-close{display:grid;place-items:center;width:32px;height:32px;background:0 0;border:none;color:var(--text-muted,#9ca3af);cursor:pointer;border-radius:8px;transition:all .15s ease}.lb-notes-close:hover{background:var(--bg-hover,#f1f5f9);color:var(--text-headings,#111827)}.lb-notes-close [data-lucide],.lb-notes-close i{width:16px;height:16px}#lb-notes-textarea{flex:1;width:100%;padding:20px;border:none;resize:none;background:var(--bg-card,#fff);color:var(--text-headings,#111827);font-size:.88rem;line-height:1.7;font-family:inherit}#lb-notes-textarea:focus{outline:0}#lb-notes-textarea::placeholder{color:var(--text-muted,#9ca3af);opacity:.7}.lb-notes-footer{padding:10px 20px;border-top:1px solid var(--border-color,#e5e9f0);display:flex;justify-content:flex-end;font-size:.7rem;color:var(--text-muted,#9ca3af);flex-shrink:0}@media (max-width:640px){.lb-notes-panel{width:100vw}}.course-notes-mobile-fab{position:fixed;bottom:0;left:var(--sidebar-width-collapsed);z-index:900;width:48px;height:48px;border:none;padding:0;background:0 0;cursor:pointer;display:grid;place-items:center;transition:left .3s cubic-bezier(.4, 0, .2, 1),transform .2s ease}.course-notes-mobile-fab:hover{transform:scale(1.08)}.course-notes-mobile-fab:active{transform:scale(.92)}.notes-fab-badge{display:grid;place-items:center;width:48px;height:48px;border-radius:0 12px 0 0;background:#fff;border:1px solid var(--border-color,#e5e7eb);border-left:none;border-bottom:none;box-shadow:2px -2px 8px rgba(0,0,0,.06);color:var(--primary-accent,#f59e0b)}.notes-fab-badge [data-lucide],.notes-fab-badge i{width:26px;height:26px}.course-notes-mobile-fab.active .notes-fab-badge,.course-notes-mobile-fab:hover .notes-fab-badge{background:var(--primary-accent,#f59e0b);color:#fff}@media (max-width:768px){.course-notes-mobile-fab{left:0!important}}.module-summary-card{margin:24px auto;max-width:640px;width:100%;padding:22px 24px;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;box-shadow:var(--shadow-card,0 4px 16px rgba(0,0,0,.06));text-align:left}.module-summary-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.module-summary-icon{font-size:1.35rem;line-height:1}.module-summary-header h3{margin:0;font-size:1.02rem;font-weight:800;color:var(--text-headings,#111827)}.module-summary-empty{margin:0 0 14px;font-size:.9rem;color:var(--text-muted,#6b7280)}.module-summary-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}.module-summary-list li{position:relative;padding:10px 14px 10px 38px;background:rgba(var(--primary-rgb,245,158,11),.06);border:1px solid var(--border-color,#e5e7eb);border-left:3px solid var(--primary-accent,#f59e0b);border-radius:10px;font-size:.9rem;line-height:1.45;color:var(--text-body,#374151)}.module-summary-list li::before{content:"✓";position:absolute;left:12px;top:10px;font-weight:800;color:var(--primary-accent,#f59e0b)}.module-summary-actions{display:flex;justify-content:flex-end;gap:10px}.module-summary-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;background:var(--primary-accent,#f59e0b);color:#fff;font-family:inherit;font-size:.88rem;font-weight:700;cursor:pointer;transition:filter .2s ease,transform .15s ease,opacity .2s ease}.module-summary-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.module-summary-btn:disabled{opacity:.7;cursor:default}.module-summary-btn--regen{background:0 0;color:var(--primary-accent,#f59e0b)}.module-summary-btn [data-lucide],.module-summary-btn i{width:16px;height:16px}.module-summary-card--loading .module-summary-empty{display:flex;align-items:center;gap:8px}
.quiz-launcher{display:flex;flex-direction:column;gap:0;width:100%}.quiz-launcher-card{display:flex;flex-direction:column;gap:28px;padding:32px 36px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-card);box-shadow:var(--shadow-card)}.quiz-launcher-header{display:flex;align-items:flex-start;gap:16px}.quiz-launcher-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(var(--primary-rgb),.08);flex-shrink:0}.quiz-launcher-icon [data-lucide],.quiz-launcher-icon i{width:22px;height:22px;color:var(--primary-accent)}.quiz-launcher-header h2{margin:0;font-family:var(--font-headings);font-size:22px;font-weight:800;color:var(--text-headings)}.quiz-launcher-header p{margin:4px 0 0;font-size:13.5px;color:var(--text-secondary)}.quiz-mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:639px){.quiz-mode-cards{grid-template-columns:1fr}}.quiz-mode-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:28px;border:2px solid var(--border-color);border-radius:18px;background:var(--bg-card);cursor:pointer;min-height:160px;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.quiz-mode-card:hover{border-color:var(--primary-accent);box-shadow:0 8px 24px rgba(var(--primary-rgb),.12);transform:translateY(-2px)}.quiz-mode-card.selected{border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15),0 8px 24px rgba(var(--primary-rgb),.12)}.quiz-mode-card-header{display:flex;align-items:flex-start;justify-content:space-between}.quiz-mode-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(var(--primary-rgb),.08);color:var(--primary-accent)}.quiz-mode-icon [data-lucide],.quiz-mode-icon i{width:22px;height:22px}.quiz-mode-card.chrono .quiz-mode-icon{background:rgba(245,158,11,.1);color:#f59e0b}.quiz-mode-pts{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:var(--radius-full);background:rgba(var(--primary-rgb),.08);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--primary-accent);white-space:nowrap}.quiz-mode-card.chrono .quiz-mode-pts{background:rgba(245,158,11,.1);color:#f59e0b}.quiz-mode-card-body h3{margin:0;font-family:var(--font-headings);font-size:15.5px;font-weight:700;color:var(--text-headings)}.quiz-mode-card-body p{margin:4px 0 0;font-size:13px;color:var(--text-secondary);line-height:1.5}.quiz-mode-card.selected::after{content:"";position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;background:var(--primary-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:14px;background-repeat:no-repeat;background-position:center;box-shadow:0 2px 8px rgba(var(--primary-rgb),.4)}.quiz-launcher-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.quiz-launcher-info{margin:0;font-size:13px;color:var(--text-muted);line-height:1.5}.quiz-launcher-bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:18px 24px;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-card)}.btn-launch-quiz{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 24px;border:none;border-radius:var(--radius-full);background:var(--primary-accent);color:#fff;font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 12px 24px -10px rgba(var(--primary-rgb),.55);transition:opacity .15s ease,transform .15s ease}.btn-launch-quiz:hover{opacity:.92;transform:translateY(-1px)}.btn-launch-quiz [data-lucide],.btn-launch-quiz i{width:18px;height:18px}.quiz-container{display:flex;flex-direction:column;gap:20px;width:100%}.quiz-top-card{display:flex;flex-direction:column;gap:16px;padding:20px 24px;border-radius:18px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-card)}.quiz-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.quiz-header h2{margin:0;display:flex;align-items:center;gap:10px;font-family:var(--font-headings);font-size:18px;font-weight:700;color:var(--text-headings)}.quiz-header h2 [data-lucide],.quiz-header h2 i{width:20px;height:20px;color:var(--primary-accent)}.quiz-header-actions{display:flex;align-items:center;gap:6px}.quiz-header-actions button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.quiz-header-actions button:hover{background:var(--bg-hover);color:var(--primary-accent);border-color:var(--primary-accent)}.quiz-header-actions button [data-lucide],.quiz-header-actions button i{width:16px;height:16px}.quiz-info-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.quiz-info-left{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary)}.quiz-info-left [data-lucide],.quiz-info-left i{width:16px;height:16px;color:var(--primary-accent)}.quiz-info-score{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);background:rgba(var(--primary-rgb),.08);font-size:12.5px;font-weight:700;color:var(--primary-accent)}.quiz-info-score [data-lucide],.quiz-info-score i{width:14px;height:14px}.quiz-progress-dots{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.quiz-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--border-color);background:0 0;cursor:pointer;transition:all .2s ease;font-size:0;padding:0}.quiz-dot.active{width:28px;border-radius:var(--radius-full);background:var(--primary-accent);border-color:var(--primary-accent)}.quiz-dot.answered{background:var(--color-success);border-color:var(--color-success)}.quiz-dot.active.answered{background:var(--primary-accent);border-color:var(--primary-accent)}.quiz-question{display:flex;flex-direction:column;gap:20px;padding:28px;border:1px solid var(--border-color);border-radius:18px;background:var(--bg-card);box-shadow:var(--shadow-card)}.quiz-question-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.quiz-question-header-left{display:flex;align-items:center;gap:14px}.quiz-question-num{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(var(--primary-rgb),.08);color:var(--primary-accent);font-family:var(--font-headings);font-size:16px;font-weight:800}.quiz-question-meta{display:flex;flex-direction:column;gap:4px}.quiz-question-meta h3{margin:0;font-family:var(--font-headings);font-size:16px;font-weight:700;color:var(--text-headings)}.quiz-question-badges{display:flex;align-items:center;gap:6px}.quiz-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.quiz-badge.type{background:var(--bg-hover);color:var(--text-secondary)}.quiz-badge.points{background:rgba(var(--primary-rgb),.08);color:var(--primary-accent)}.quiz-badge.points [data-lucide],.quiz-badge.points i{width:12px;height:12px}.quiz-badge.multiplier{background:rgba(245,158,11,.1);color:#f59e0b}.quiz-badge.multiplier [data-lucide],.quiz-badge.multiplier i{width:12px;height:12px}.quiz-timer{display:flex;align-items:center;gap:10px}.quiz-timer-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(245,158,11,.1);color:#f59e0b}.quiz-timer-icon [data-lucide],.quiz-timer-icon i{width:14px;height:14px}.quiz-timer-bar{position:relative;width:80px;height:6px;border-radius:var(--radius-full);background:var(--bg-hover);overflow:hidden}.quiz-timer-fill{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-full);background:#f59e0b;transition:width .3s linear}.quiz-timer-fill.low{background:var(--color-error)}.quiz-timer-seconds{font-size:13px;font-weight:700;color:var(--text-secondary);min-width:24px}.quiz-timer-seconds.low{color:var(--color-error)}.quiz-question>h3{margin:0;font-family:var(--font-headings);font-size:17px;font-weight:700;color:var(--text-headings);line-height:1.45}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:560px){.quiz-options{grid-template-columns:1fr}}.quiz-option{display:flex;align-items:center;gap:14px;padding:18px 20px;border:2px solid var(--border-color);border-radius:14px;background:var(--bg-card);cursor:pointer;transition:all .2s ease;min-height:56px}.quiz-option:hover{border-color:var(--primary-accent);background:rgba(var(--primary-rgb),.03);transform:translateY(-1px)}.quiz-option.selected{border-color:var(--primary-accent);background:rgba(var(--primary-rgb),.06);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.quiz-option.admin-correct{border-color:var(--color-success);background:rgba(16,185,129,.06)}.quiz-option.revealed-correct{border-color:var(--color-success);background:rgba(16,185,129,.08)}.quiz-option-marker{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--bg-hover);font-family:var(--font-ui);font-size:13px;font-weight:700;color:var(--text-secondary);flex-shrink:0;transition:background .2s,color .2s}.quiz-option.selected .quiz-option-marker{background:var(--primary-accent);color:#fff}.quiz-option.correct{border-color:var(--color-success);background:rgba(16,185,129,.06)}.quiz-option.correct .quiz-option-marker{background:var(--color-success);color:#fff}.quiz-option.wrong{border-color:var(--color-error);background:rgba(239,68,68,.06)}.quiz-option.wrong .quiz-option-marker{background:var(--color-error);color:#fff}.quiz-options.is-locked .quiz-option{cursor:default;pointer-events:none;opacity:.7}.quiz-options.is-locked .quiz-option.correct,.quiz-options.is-locked .quiz-option.wrong{opacity:1}.quiz-feedback{display:flex;flex-direction:column;gap:12px;padding:18px 20px;border-radius:14px;border:1px solid rgba(var(--primary-rgb),.2);background:linear-gradient(135deg,rgba(var(--primary-rgb),.04),rgba(var(--primary-rgb),.01));animation:bloxiFeedbackIn .2s ease-out}@keyframes bloxiFeedbackIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.quiz-feedback.correct{border-color:rgba(16,185,129,.25);background:linear-gradient(135deg,rgba(16,185,129,.04),rgba(16,185,129,.01))}.quiz-feedback.wrong{border-color:rgba(245,158,11,.25);background:linear-gradient(135deg,rgba(245,158,11,.04),rgba(245,158,11,.01))}.quiz-feedback-header{display:flex;align-items:center;gap:10px}.quiz-feedback-bloxi-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--primary-accent);color:#fff;font-family:var(--font-headings);font-size:15px;font-weight:800;flex-shrink:0;box-shadow:0 3px 8px rgba(var(--primary-rgb),.4);transform:rotate(-8deg);animation:bloxiTilt 1.8s ease-in-out infinite}@keyframes bloxiTilt{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.quiz-feedback-name{font-family:var(--font-ui);font-size:13.5px;font-weight:700;color:var(--text-headings)}.quiz-feedback-tag{display:inline-flex;align-items:center;padding:2px 9px;border-radius:9999px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.quiz-feedback.correct .quiz-feedback-tag{background:rgba(16,185,129,.12);color:var(--color-success)}.quiz-feedback.wrong .quiz-feedback-tag{background:rgba(245,158,11,.12);color:var(--color-warning)}.quiz-feedback-body{margin-left:38px;padding:12px 14px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-color);border-bottom-left-radius:5px}.quiz-feedback-text{margin:0;font-size:13.5px;color:var(--text-primary);line-height:1.6}.quiz-feedback-typing{display:inline-flex;gap:5px;align-items:center;padding:2px 0}.quiz-feedback-typing span{width:7px;height:7px;border-radius:9999px;background:var(--primary-accent);opacity:.4;animation:bloxiExplainPulse 1s infinite ease-in-out}.quiz-feedback-typing span:nth-child(2){animation-delay:.15s}.quiz-feedback-typing span:nth-child(3){animation-delay:.3s}@keyframes bloxiExplainPulse{0%,100%,60%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.quiz-option.revealed-correct .quiz-option-marker{background:var(--color-success);color:#fff}.quiz-option-text{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4}.quiz-reveal-footer{display:flex;align-items:center;justify-content:flex-start}.btn-reveal-answer{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-card);color:var(--text-secondary);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-reveal-answer:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:rgba(var(--primary-rgb),.04)}.btn-reveal-answer [data-lucide],.btn-reveal-answer i{width:14px;height:14px}.reveal-cost{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);background:var(--bg-hover);font-size:11px;font-weight:700;color:var(--text-muted)}.reveal-cost [data-lucide],.reveal-cost i{width:12px;height:12px}.quiz-hint-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:rgba(var(--primary-rgb),.06);font-size:12px;font-weight:600;color:var(--primary-accent)}.quiz-hint-badge [data-lucide],.quiz-hint-badge i{width:14px;height:14px}.reveal-explanation-box{display:flex;flex-direction:column;gap:8px;padding:14px 18px;border-radius:12px;background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.12);width:100%}.reveal-explanation-header{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--primary-accent)}.reveal-explanation-header [data-lucide],.reveal-explanation-header i{width:15px;height:15px}.reveal-explanation-text{margin:0;font-size:13px;color:var(--text-primary);line-height:1.55}.quiz-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:18px 24px;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-card)}.quiz-answered-count{font-size:13px;font-weight:600;color:var(--text-secondary)}.quiz-submit{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 22px;border:none;border-radius:var(--radius-full);background:var(--primary-accent);color:#fff;font-family:var(--font-ui);font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px -8px rgba(var(--primary-rgb),.5);transition:opacity .15s ease,transform .15s ease}.quiz-submit:hover{opacity:.92;transform:translateY(-1px)}.quiz-submit:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.quiz-submit [data-lucide],.quiz-submit i{width:16px;height:16px}.quiz-results{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 28px;border:1px solid var(--border-color);border-radius:18px;background:var(--bg-card);text-align:center}.quiz-score-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;border:4px solid var(--color-error);background:rgba(239,68,68,.06)}.quiz-score-circle.passed{border-color:var(--color-success);background:rgba(16,185,129,.06)}.quiz-score-value{font-family:var(--font-headings);font-size:28px;font-weight:800;color:var(--text-headings)}.quiz-score-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.quiz-results h3{margin:0;font-family:var(--font-headings);font-size:22px;font-weight:800;color:var(--text-headings)}.quiz-results p{margin:0;font-size:14px;color:var(--text-secondary);max-width:400px;line-height:1.55}.quiz-rewards-summary{display:flex;align-items:center;gap:16px;margin-top:8px}.quiz-reward-item{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600}.quiz-reward-item.points{background:rgba(var(--primary-rgb),.08);color:var(--primary-accent)}.quiz-reward-item.gems{background:rgba(16,185,129,.08);color:var(--color-success)}.quiz-reward-item [data-lucide],.quiz-reward-item i{width:16px;height:16px}.quiz-results-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.boost-badge{display:inline-flex;align-items:center;padding:2px 6px;margin-left:4px;border-radius:var(--radius-full);background:rgba(245,158,11,.15);font-size:10.5px;font-weight:700;color:#f59e0b}.quiz-review-container{display:flex;flex-direction:column;gap:24px;width:100%}.quiz-review-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border:1px solid var(--border-color);border-radius:18px;background:var(--bg-card)}.quiz-review-title h2{margin:0;display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--text-headings)}.quiz-review-title h2 [data-lucide],.quiz-review-title h2 i{width:20px;height:20px;color:var(--primary-accent)}.quiz-review-title p{margin:4px 0 0;font-size:13px;color:var(--text-secondary)}.quiz-review-score{display:flex;flex-direction:column;align-items:center}.quiz-review-score .score-value{font-family:var(--font-headings);font-size:22px;font-weight:800;color:var(--text-headings)}.quiz-review-score .score-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.quiz-review-questions{display:flex;flex-direction:column;gap:16px}.review-question{padding:20px 24px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);display:flex;flex-direction:column;gap:14px}.review-question.correct{border-left:4px solid var(--color-success)}.review-question.incorrect{border-left:4px solid var(--color-error)}.review-question.unanswered{border-left:4px solid var(--color-warning)}.review-question-header{display:flex;align-items:center;justify-content:space-between}.review-question-number{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.review-question-status{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.review-question-status.correct{color:var(--color-success)}.review-question-status.incorrect{color:var(--color-error)}.review-question-status.unanswered{color:var(--color-warning)}.review-question-status [data-lucide],.review-question-status i{width:14px;height:14px}.review-question h4{margin:0;font-size:15px;font-weight:700;color:var(--text-headings);line-height:1.4}.review-options{display:flex;flex-direction:column;gap:8px}.review-option{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card);font-size:13.5px;color:var(--text-primary)}.review-option.correct-answer{border-color:var(--color-success);background:rgba(16,185,129,.05)}.review-option.user-wrong{border-color:var(--color-error);background:rgba(239,68,68,.05)}.review-option.user-correct{border-color:var(--color-success);background:rgba(16,185,129,.08)}.review-option-marker{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--bg-hover);font-size:12px;font-weight:700;color:var(--text-secondary);flex-shrink:0}.review-option.correct-answer .review-option-marker{background:var(--color-success);color:#fff}.review-option.user-wrong .review-option-marker{background:var(--color-error);color:#fff}.review-option-text{flex:1}.quiz-review-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 24px;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-card)}.review-option .correct-icon{color:var(--color-success);width:16px;height:16px}.review-option .wrong-icon{color:var(--color-error);width:16px;height:16px}.review-explanation{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;background:rgba(var(--primary-rgb),.04);border:1px solid rgba(var(--primary-rgb),.1);font-size:13px;color:var(--text-primary);line-height:1.55}.review-explanation [data-lucide],.review-explanation i{width:16px;height:16px;color:var(--primary-accent);flex-shrink:0;margin-top:1px}.module-complete{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 28px;border:1px solid var(--border-color);border-radius:18px;background:var(--bg-card);text-align:center}.complete-celebration{position:relative}.complete-icon{font-size:48px}.module-complete h2{margin:0;font-family:var(--font-headings);font-size:24px;font-weight:800;color:var(--text-headings)}.complete-subtitle{margin:0;font-size:14px;color:var(--text-secondary);max-width:400px}.complete-rewards{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;justify-content:center}.reward-card{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-card)}.reward-icon-box{display:grid;place-items:center;width:40px;height:40px;border-radius:10px}.reward-icon-box.gems{background:rgba(16,185,129,.1);color:var(--color-success)}.reward-icon-box.points{background:rgba(var(--primary-rgb),.1);color:var(--primary-accent)}.reward-icon-box.project-done{background:rgba(16,185,129,.1);color:var(--color-success)}.reward-icon-box.project-skipped{background:rgba(245,158,11,.1);color:#f59e0b}.reward-icon-box [data-lucide],.reward-icon-box i{width:20px;height:20px}.reward-info{display:flex;flex-direction:column;text-align:left}.reward-value{font-family:var(--font-headings);font-size:16px;font-weight:800;color:var(--text-headings)}.reward-value.gems{color:var(--color-success)}.reward-value.points{color:var(--primary-accent)}.reward-value.project-done{color:var(--color-success)}.reward-value.project-skipped{color:#f59e0b}.reward-label{font-size:11.5px;font-weight:600;color:var(--text-muted)}.complete-grade-section{width:100%;max-width:400px;margin-top:8px}.complete-grade-section h3{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--text-headings)}.grade-display{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-card)}.grade-icon-large{font-size:28px}.grade-info{display:flex;flex-direction:column}.grade-name-large{font-size:15px;font-weight:700;color:var(--text-headings)}.grade-description{font-size:12px;color:var(--text-muted)}.next-grade-progress{margin-top:12px;padding:12px 16px;border-radius:12px;border:1px solid var(--border-color)}.next-grade-header{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--text-secondary);margin-bottom:8px}.modules-needed{font-weight:600;color:var(--text-muted)}.next-grade-bar{height:6px;border-radius:var(--radius-full);background:var(--bg-hover);overflow:hidden}.next-grade-fill{height:100%;border-radius:var(--radius-full);background:var(--primary-accent);transition:width .4s ease}.max-grade-reached{margin-top:8px;font-size:13px;font-weight:600;color:var(--color-warning)}.complete-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.complete-cheatsheet-link{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:10px 16px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-size:12.5px;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s}.complete-cheatsheet-link:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.complete-cheatsheet-link [data-lucide],.complete-cheatsheet-link i{width:15px;height:15px}.complete-actions button{text-decoration:none;outline:0}.btn-next-module{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 24px;border:none;border-radius:var(--radius-full);background:var(--primary-accent);color:#fff;font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 12px 24px -10px rgba(var(--primary-rgb),.55);transition:opacity .15s ease}.btn-next-module:hover{opacity:.92}.btn-next-module [data-lucide],.btn-next-module i{width:16px;height:16px}.module-complete .section-nav-btn,.quiz-container .section-nav-btn,.quiz-launcher .section-nav-btn,.quiz-results .section-nav-btn,.quiz-review-container .section-nav-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-ui);font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.module-complete .section-nav-btn:hover,.quiz-container .section-nav-btn:hover,.quiz-launcher .section-nav-btn:hover,.quiz-results .section-nav-btn:hover,.quiz-review-container .section-nav-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-accent)}.quiz-container .section-nav-btn:disabled,.quiz-results .section-nav-btn:disabled{opacity:.4;cursor:not-allowed}.module-complete .section-nav-btn i,.quiz-container .section-nav-btn i,.quiz-launcher .section-nav-btn i,.quiz-results .section-nav-btn i,.quiz-review-container .section-nav-btn i{width:15px;height:15px}.quiz-container .section-nav-btn.primary,.quiz-results .section-nav-btn.primary{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.quiz-container .section-nav-btn.primary:hover,.quiz-results .section-nav-btn.primary:hover{opacity:.9}.btn-understood{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;border:none;border-radius:var(--radius-full);background:var(--primary-accent);color:#fff;font-family:var(--font-ui);font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px -8px rgba(var(--primary-rgb),.5);transition:opacity .15s ease,transform .15s ease}.btn-understood:hover{opacity:.92;transform:translateY(-1px)}.btn-understood [data-lucide],.btn-understood i{width:16px;height:16px}.admin-answer-toggle{background:rgba(245,158,11,.1)!important;border-color:rgba(245,158,11,.3)!important;color:#f59e0b!important}.quiz-quit-header-btn{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(239,68,68,.25);border-radius:10px;background:var(--bg-card);color:var(--color-error);cursor:pointer;transition:background .15s,border-color .15s}.quiz-quit-header-btn:hover{background:rgba(239,68,68,.06);border-color:var(--color-error)}.quiz-quit-header-btn [data-lucide],.quiz-quit-header-btn i{width:16px;height:16px}@media (max-width:639px){.quiz-top-card{padding:16px}.quiz-question{padding:20px 16px}.quiz-nav{padding:12px 14px;flex-wrap:wrap;justify-content:center;gap:8px}.quiz-results{padding:28px 16px}.quiz-review-header{flex-direction:column;align-items:flex-start}.quiz-launcher-card{padding:20px 18px;gap:20px}.quiz-launcher-header{flex-direction:column;gap:12px}.quiz-launcher-footer{flex-direction:column;align-items:stretch;gap:12px}.quiz-launcher-bottom-bar{flex-direction:column;gap:10px}.quiz-mode-cards{grid-template-columns:1fr}.quiz-mode-card{padding:20px;min-height:auto}.quiz-question-header{flex-direction:column;align-items:flex-start;gap:12px}.module-complete{padding:28px 16px}.complete-rewards{flex-direction:column;align-items:stretch}}body.course-fullscreen-mode .quiz-launcher{width:100%;max-width:100%;margin:84px 60px 120px}@keyframes quiz-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.quiz-option.shake{animation:quiz-shake .4s ease}@keyframes timer-pulse{0%,100%{opacity:1}50%{opacity:.5}}.quiz-timer.urgent .quiz-timer-icon{animation:timer-pulse .6s ease infinite}.quiz-timer.urgent .quiz-timer-seconds{color:var(--color-error);animation:timer-pulse .6s ease infinite}
.exercises-section{display:flex;flex-direction:column;gap:16px}@media (min-width:640px){.exercises-section{gap:20px}}.ex-card{position:relative;overflow:hidden;border:1px solid var(--border-color);border-radius:18px;background:var(--bg-card);box-shadow:0 1px 3px rgba(15,23,42,.05),0 10px 30px -18px rgba(15,23,42,.25);transition:box-shadow .2s ease}.ex-card:hover{box-shadow:0 18px 40px -16px rgba(15,23,42,.25)}.ex-card::before{content:"";position:absolute;inset-block:0;left:0;width:6px;background:rgba(245,158,11,.6)}.ex-card.is-completed::before{background:var(--color-success)}.ex-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:18px 22px}.ex-card-num{flex-shrink:0;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-secondary);font-family:var(--font-headings);font-size:17px;font-weight:800;box-shadow:0 1px 2px rgba(15,23,42,.06)}.ex-card-num.is-done{background:var(--color-success);color:#fff;border-color:var(--color-success)}.ex-card-num [data-lucide],.ex-card-num i{width:20px;height:20px}.ex-card-titles{flex:1;min-width:0}.ex-points{margin-left:auto}.ex-card-titles h3{margin:0;font-family:var(--font-headings);font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--text-headings);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}.ex-diff{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:9999px;background:color-mix(in srgb,var(--diff-color) 14%,transparent);color:var(--diff-color);border:1px solid color-mix(in srgb,var(--diff-color) 35%,transparent);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.ex-diff i{width:12px;height:12px}.ex-index-tag,.ex-type-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:9999px;border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-secondary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.ex-points{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:9999px;background:linear-gradient(90deg,var(--color-success),#15b87f);color:#fff;font-family:var(--font-ui);font-size:12px;font-weight:800;box-shadow:0 4px 12px rgba(16,185,129,.3)}.ex-points i{width:14px;height:14px;fill:currentColor}.ex-points .boost-badge{margin-left:2px;padding:1px 6px;border-radius:9999px;background:rgba(255,255,255,.25);font-size:10px}.ex-card-body{display:flex;flex-direction:column;gap:20px;padding:20px 22px 22px;border-top:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-hover) 30%,transparent)}@media (min-width:640px){.ex-card-body{padding:24px}}.ex-consigne{padding:16px 18px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-card)}.ex-consigne-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(var(--primary-rgb),.1);color:var(--primary-accent)}.ex-consigne-icon i{width:15px;height:15px}.ex-consigne-text{min-width:0}.ex-consigne-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.ex-consigne{display:flex;flex-direction:column}.ex-consigne .ex-consigne-icon{order:0}.ex-consigne-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ex-consigne-text p{margin:0;font-size:13.5px;line-height:1.6;color:color-mix(in srgb,var(--text-primary) 90%,transparent)}@media (min-width:640px){.ex-consigne-text p{font-size:14px}}.ex-card code,.ex-consigne-text code{font-family:ui-monospace,monospace;font-size:.9em;padding:1px 6px;border-radius:5px;background:var(--bg-hover);color:var(--primary-accent)}.ex-qcm{padding:18px 20px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-body)}.ex-qcm-question{margin:0 0 16px;font-size:14.5px;font-weight:600;color:var(--text-headings);line-height:1.5}.ex-qcm-options{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width:720px){.ex-qcm-options{grid-template-columns:repeat(2,1fr)}}.ex-qcm-option{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-card);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.ex-qcm-option:hover{border-color:rgba(var(--primary-rgb),.4);background:rgba(var(--primary-rgb),.03)}.ex-qcm-radio{flex-shrink:0;margin-top:1px;width:20px;height:20px;border-radius:9999px;border:2px solid var(--border-color);transition:border-color .15s ease,background .15s ease;position:relative}.ex-qcm-option.is-selected{border-color:var(--primary-accent);background:rgba(var(--primary-rgb),.05)}.ex-qcm-option.is-selected .ex-qcm-radio{border-color:var(--primary-accent)}.ex-qcm-option.is-selected .ex-qcm-radio::after{content:"";position:absolute;inset:3px;border-radius:9999px;background:var(--primary-accent)}.ex-qcm-opt-text{min-width:0;display:flex;flex-direction:column;gap:2px}.ex-qcm-opt-label{font-family:ui-monospace,monospace;font-size:14px;font-weight:700;color:var(--text-headings)}.ex-qcm-opt-desc{font-size:12.5px;color:var(--text-secondary);line-height:1.4}.ex-qcm-option.is-correct{border-color:var(--color-success);background:rgba(16,185,129,.08)}.ex-qcm-option.is-correct .ex-qcm-radio{border-color:var(--color-success);background:var(--color-success)}.ex-qcm-option.is-correct .ex-qcm-radio::after{content:"";position:absolute;inset:3px;border-radius:9999px;background:#fff}.ex-qcm-option.is-wrong{border-color:#ef4444;background:rgba(239,68,68,.07);animation:exShake .4s ease}@keyframes exShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.ex-editor,.ex-reorder{border:1px solid var(--border-color);border-radius:14px;overflow:hidden;background:var(--bg-body)}.cb-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-hover);border-bottom:1px solid var(--border-color)}.cb-header-left{display:flex;align-items:center;gap:12px}.cb-dots{display:flex;gap:6px}.cb-dot{width:11px;height:11px;border-radius:9999px}.cb-dot-r{background:#ef4444}.cb-dot-y{background:#f59e0b}.cb-dot-g{background:#10b981}.cb-filename{font-family:ui-monospace,monospace;font-size:12.5px;color:var(--text-secondary)}.cb-lang{display:inline-flex;align-items:center;padding:3px 10px;border-radius:9999px;background:rgba(var(--primary-rgb),.1);color:var(--primary-accent);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.ex-fib-pre{margin:0;padding:14px 16px;overflow-x:auto;background:var(--bg-card)}.ex-fib-code{display:block;font-family:ui-monospace,monospace;font-size:13px;color:var(--text-primary)}.ex-fib-code .cb-line{display:flex;align-items:baseline;gap:14px;line-height:1.9}.ex-fib-code .cb-gutter{flex-shrink:0;width:1.4em;text-align:right;color:var(--text-muted);opacity:.6;user-select:none}.ex-fib-code .cb-code{white-space:pre}.ex-fib-code .cb-keyword{color:#8b5cf6;font-weight:600}.ex-fib-code .cb-builtin{color:#0ea5e9}.ex-fib-code .cb-global{color:#0ea5e9;font-weight:600}.ex-fib-code .cb-string{color:#16a34a}.ex-fib-code .cb-number{color:#ea580c}.ex-fib-code .cb-comment{color:var(--text-muted);font-style:italic}.ex-fib-code .ex-blank-solved{padding:1px 6px;border-radius:5px;background:rgba(16,185,129,.12);color:var(--color-success);font-weight:600}.ex-fib-code .ex-blank{display:inline-block;min-width:90px;padding:2px 8px;border:1px solid rgba(var(--primary-rgb),.4);border-radius:6px;background:rgba(var(--primary-rgb),.06);color:var(--primary-accent);font-family:ui-monospace,monospace;font-size:13px;font-weight:600;outline:0}.ex-fib-code .ex-blank:focus{border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.ex-fib-code .ex-blank-success{border-color:var(--color-success);background:rgba(16,185,129,.1);color:var(--color-success)}.ex-fib-code .ex-blank-error{border-color:#ef4444;background:rgba(239,68,68,.08)}.ex-extra-actions{display:flex;flex-wrap:wrap;gap:10px}.ex-editor-btn,.ex-solution-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border:1px solid var(--border-color);border-radius:9999px;background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-ui);font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.ex-editor-btn:hover,.ex-solution-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.ex-editor-btn i,.ex-solution-btn i{width:15px;height:15px}.ex-reorder-list{margin:0;padding:0;list-style:none;background:var(--bg-card)}.ex-reorder-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-left:4px solid transparent;border-bottom:1px solid color-mix(in srgb,var(--border-color) 60%,transparent);background:var(--bg-card);transition:background .15s ease,border-left-color .15s ease}.ex-reorder-row:last-child{border-bottom:none}.ex-reorder-row:hover{background:var(--bg-hover);border-left-color:rgba(var(--primary-rgb),.4)}.ex-reorder-num{flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--bg-hover);color:var(--text-secondary);font-size:11px;font-weight:700}.ex-reorder-code{flex:1;min-width:0}.ex-reorder-code code{display:block;font-family:ui-monospace,monospace;font-size:12.5px;color:var(--text-headings);background:0 0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-reorder-comment{display:block;margin-top:2px;font-size:10.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-reorder-moves{flex-shrink:0;display:flex;gap:4px}.ex-reorder-down,.ex-reorder-up{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border-color);border-radius:7px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.ex-reorder-down:hover:not(:disabled),.ex-reorder-up:hover:not(:disabled){border-color:var(--primary-accent);color:var(--primary-accent);background:rgba(var(--primary-rgb),.05)}.ex-reorder-down:disabled,.ex-reorder-up:disabled{opacity:.35;cursor:not-allowed}.ex-reorder-down i,.ex-reorder-up i{width:16px;height:16px}.ex-card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.ex-bloxi-info{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:11.5px;font-weight:600;color:var(--text-muted);cursor:default;user-select:none}.ex-bloxi-info i{width:13px;height:13px;color:var(--primary-accent)}.ex-card-footer-actions{display:flex;align-items:center;gap:10px}.ex-hint-btn{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border:1px solid var(--border-color);border-radius:9999px;background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-ui);font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease}.ex-hint-btn:hover{border-color:var(--color-warning);color:var(--color-warning)}.ex-hint-btn i{width:15px;height:15px}.ex-verify-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 22px;border:none;border-radius:9999px;background:var(--primary-accent);color:#fff;font-family:var(--font-ui);font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px -8px rgba(59,110,245,.6);transition:opacity .15s ease}.ex-verify-btn:hover:not(:disabled){opacity:.93}.ex-verify-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ex-verify-btn i{width:16px;height:16px}.ex-output{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;font-size:13.5px;font-weight:600}.ex-output[hidden]{display:none}.ex-output i{width:18px;height:18px;flex-shrink:0}.ex-output.is-success{border:1px solid rgba(16,185,129,.3);background:rgba(16,185,129,.1);color:var(--color-success)}.ex-output.is-error{border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.08);color:#ef4444}.exercise-output{padding:14px 18px;border-radius:12px;font-size:13.5px;margin-top:12px}.exercise-output.success{border:1px solid rgba(16,185,129,.3);background:rgba(16,185,129,.1);color:var(--color-success)}.exercise-output.error{border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.08);color:#ef4444}.exercise-verdict{font-weight:700}.exercise-console{margin-bottom:8px;font-family:ui-monospace,monospace;font-size:12.5px}.exercise-console-label{display:flex;align-items:center;gap:6px;color:var(--text-muted);margin-bottom:6px}.ex-out-line{padding:2px 0}.ex-out-error{color:#ef4444}.ex-out-muted{color:var(--text-muted);font-style:italic}.ex-spin{animation:exSpin 1s linear infinite}@keyframes exSpin{to{transform:rotate(360deg)}}.ex-pager{display:flex;align-items:center;justify-content:space-between;gap:12px}.ex-pager-btn{display:inline-flex;align-items:center;gap:10px;max-width:46%;height:46px;padding:0 18px;border-radius:9999px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-ui);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease,transform .15s ease}.ex-pager-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-pager-btn:hover:not(:disabled){border-color:var(--primary-accent);color:var(--text-primary)}.ex-pager-btn:disabled{opacity:.4;cursor:not-allowed}.ex-pager-btn i{width:16px;height:16px;flex-shrink:0}.ex-pager-next{border:none;background:var(--primary-accent);color:#fff;box-shadow:0 8px 18px -8px rgba(59,110,245,.6)}.ex-pager-next:hover:not(:disabled){color:#fff;transform:translateX(2px)}.ex-pager-count{font-size:13px;font-weight:600;color:var(--text-muted)}.ex-pager-spacer{width:1px}.ex-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border:1px solid var(--border-color);border-radius:18px;background:var(--bg-card);box-shadow:0 1px 3px rgba(15,23,42,.05)}.ex-footer-back{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border:1px solid var(--border-color);border-radius:9999px;background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-ui);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease}.ex-footer-back:hover{border-color:var(--primary-accent);color:var(--text-primary)}.ex-footer-back i{width:16px;height:16px}.ex-footer-next{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 22px;border:none;border-radius:9999px;background:var(--primary-accent);color:#fff;font-family:var(--font-ui);font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 10px 22px -10px rgba(59,110,245,.6);transition:opacity .15s ease}.ex-footer-next:hover:not(:disabled){opacity:.93}.ex-footer-next.is-locked{opacity:.5;cursor:not-allowed;box-shadow:none}.ex-footer-next i{width:16px;height:16px}@media (max-width:640px){.ex-card-head{flex-wrap:wrap;padding:16px}.ex-points{order:3}.ex-card-body{padding:16px}.ex-pager-btn span{display:none}.ex-pager-btn{padding:0 14px}.ex-footer-back span{display:none}}.ex-code-challenge-actions{padding:0 22px 8px}.ex-code-open-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 20px;background:linear-gradient(135deg,var(--primary-accent) 0,var(--primary-accent-dark) 100%);color:#fff;border:none;border-radius:14px;font-size:var(--font-base);font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 6px 20px rgba(var(--primary-accent-rgb),.3)}.ex-code-open-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(var(--primary-accent-rgb),.4)}.ex-code-open-btn i{width:20px;height:20px}.ex-code-done{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:var(--color-success-light);color:var(--color-success);border:1px solid rgba(16,185,129,.3);border-radius:14px;font-size:var(--font-base);font-weight:700}.ex-code-done i{width:20px;height:20px}.ex-code-review-btn{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:10px 18px;border:1px solid var(--border-color);border-radius:9999px;background:var(--bg-card);color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.ex-code-review-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.ex-code-review-btn i{width:15px;height:15px}.ex-code-studio-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;margin-top:8px;background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:14px;font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all .15s}.ex-code-studio-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:var(--primary-light)}.ex-code-studio-btn i{width:18px;height:18px}.studio-hint-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.studio-hint-box{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:32px 28px;width:420px;max-width:92vw;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.2)}.studio-hint-close{position:absolute;top:12px;right:12px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:0 0;color:var(--text-muted);cursor:pointer}.studio-hint-close:hover{background:var(--bg-hover)}.studio-hint-close i{width:16px;height:16px}.studio-hint-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--primary-light);color:var(--primary-accent);margin:0 auto 14px}.studio-hint-icon i{width:24px;height:24px}.studio-hint-box h3{font-size:1.05rem;font-weight:700;color:var(--text-headings);margin:0 0 8px}.studio-hint-box>p{font-size:.82rem;color:var(--text-secondary);margin:0 0 18px;line-height:1.5}.studio-hint-steps{display:flex;flex-direction:column;gap:8px;text-align:left;margin-bottom:20px}.studio-hint-step{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);background:var(--bg-hover);font-size:.8rem;color:var(--text-primary)}.studio-hint-num{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--primary-accent);color:#fff;font-size:.68rem;font-weight:800;flex-shrink:0}.studio-hint-download{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-hover);color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:not-allowed;opacity:.6}.studio-hint-download i{width:16px;height:16px}.ex-studio-waiting{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.ex-studio-waiting-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--primary-light);color:var(--primary-accent);margin-bottom:16px}.ex-studio-waiting-icon i{width:28px;height:28px}.ex-studio-spin-slow{animation:studioSpin 3s linear infinite}@keyframes studioSpin{to{transform:rotate(360deg)}}.ex-studio-waiting h3{font-size:1.1rem;font-weight:700;color:var(--text-headings);margin:0 0 8px}.ex-studio-waiting>p{font-size:.85rem;color:var(--text-secondary);margin:0 0 20px;max-width:340px;line-height:1.5}.ex-studio-waiting-loader{display:flex;gap:6px;margin-bottom:24px}.ex-studio-waiting-loader span{width:8px;height:8px;border-radius:50%;background:var(--primary-accent);animation:studioWaitDot 1.4s ease-in-out infinite}.ex-studio-waiting-loader span:nth-child(2){animation-delay:.2s}.ex-studio-waiting-loader span:nth-child(3){animation-delay:.4s}@keyframes studioWaitDot{0%,100%,80%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.ex-studio-cancel-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-card);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;margin-bottom:16px}.ex-studio-cancel-btn:hover{border-color:var(--primary-accent);color:var(--text-headings)}.ex-studio-cancel-btn i{width:14px;height:14px}.ex-studio-hint-link{font-size:.72rem;color:var(--text-muted);margin:0}.ex-studio-hint-link a{color:var(--primary-accent);text-decoration:none;font-weight:600}.ex-studio-hint-link a:hover{text-decoration:underline}.ex-studio-check-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-full);background:var(--primary-accent);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;margin-bottom:16px}.ex-studio-check-btn:hover:not(:disabled){opacity:.9}.ex-studio-check-btn:disabled{opacity:.6;cursor:not-allowed}.ex-studio-check-btn i{width:14px;height:14px}
.pj-wrap{display:flex;flex-direction:column;gap:16px}@media (min-width:640px){.pj-wrap{gap:20px}}.pj-meta{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width:768px){.pj-meta{grid-template-columns:repeat(3,1fr)}}.pj-meta-card{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);box-shadow:0 1px 3px rgba(15,23,42,.04)}.pj-meta-icon{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(var(--primary-rgb),.1);color:var(--primary-accent)}.pj-meta-icon i{width:17px;height:17px}.pj-meta-text{min-width:0}.pj-meta-label{display:block;margin-bottom:4px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.pj-meta-text p{margin:0;font-size:13px;line-height:1.5;color:var(--text-primary)}.pj-card{position:relative;overflow:hidden;border:1px solid var(--border-color);border-radius:18px;background:var(--bg-card);box-shadow:0 1px 3px rgba(15,23,42,.05),0 10px 30px -18px rgba(15,23,42,.25)}.pj-card::before{content:"";position:absolute;inset-block:0;left:0;width:6px;background:rgba(var(--primary-rgb),.6)}.pj-card.is-done::before{background:var(--color-success)}.pj-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:18px 22px}.pj-card-num{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid rgba(var(--primary-rgb),.2);background:rgba(var(--primary-rgb),.08);color:var(--primary-accent);font-family:var(--font-headings);font-size:16px;font-weight:800}.pj-card-num.is-done{background:var(--color-success);border-color:var(--color-success);color:#fff}.pj-card-num i{width:20px;height:20px}.pj-card-titles{flex:1;min-width:0}.pj-card-titles h2{margin:0;font-family:var(--font-headings);font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--text-headings);line-height:1.2}.pj-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pj-step-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:9999px;border:1px solid var(--border-color);background:var(--bg-hover);font-size:10.5px;font-weight:600;color:var(--text-secondary)}.pj-mark-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:1px solid var(--border-color);border-radius:9999px;background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-ui);font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.pj-mark-btn:hover{border-color:var(--color-success);color:var(--color-success)}.pj-mark-btn.is-done{background:rgba(16,185,129,.1);border-color:var(--color-success);color:var(--color-success)}.pj-mark-btn i{width:15px;height:15px}.pj-card-body{display:flex;flex-direction:column;gap:16px;padding:20px 22px 22px;border-top:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-hover) 30%,transparent)}@media (min-width:640px){.pj-card-body{padding:22px 24px}}.pj-todo{padding:18px 20px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-card)}.pj-todo-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.pj-todo-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(var(--primary-rgb),.1);color:var(--primary-accent)}.pj-todo-icon i{width:15px;height:15px}.pj-todo-label{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.pj-todo-content{font-size:13.5px;line-height:1.65;color:var(--text-primary)}.pj-todo-content p{margin:0 0 10px}.pj-todo-content strong{color:var(--text-headings);font-weight:700}.pj-todo-content code{font-family:ui-monospace,monospace;font-size:.88em;padding:1px 6px;border-radius:5px;background:var(--bg-hover);color:var(--primary-accent)}.pj-todo-content ol,.pj-todo-content ul{margin:10px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:8px}.pj-todo-content ol ul,.pj-todo-content ul ul{margin-top:8px}.pj-todo-content li{line-height:1.6}.pj-todo-content .project-step-todo{margin-top:4px}.pj-todo-content .project-step-why{margin-top:14px;padding:12px 14px;border-radius:10px;border-left:3px solid rgba(var(--primary-rgb),.5);background:rgba(var(--primary-rgb),.05);font-size:13px;color:var(--text-secondary)}.pj-tip{padding:14px 18px;border-radius:14px;border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.06)}.pj-tip-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-warning)}.pj-tip-head i{width:15px;height:15px}.pj-tip p{margin:0;font-size:13px;line-height:1.6;color:color-mix(in srgb,var(--text-primary) 88%,transparent)}.pj-code-block{--code-bg:var(--bg-card);--code-header-bg:var(--bg-hover);--code-border:var(--border-color);--code-fg:var(--text-primary);--code-muted:var(--text-muted);--code-kw:#8b5cf6;--code-fn:#0ea5e9;--code-str:#16a34a;--code-num:#ea580c;--code-com:var(--text-muted);border:1px solid var(--code-border);border-radius:14px;overflow:hidden;background:var(--code-bg);box-shadow:0 8px 24px -16px rgba(15,23,42,.25)}.pj-code-block .cb-header{background:var(--code-header-bg);border-bottom:1px solid var(--code-border);padding:10px 14px}.pj-code-block .cb-filename{color:var(--code-muted)}.pj-code-block .cb-lang{background:rgba(var(--primary-rgb),.12);color:var(--primary-accent)}.pj-code-copy-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border:1px solid var(--code-border);border-radius:8px;background:0 0;color:var(--code-muted);font-family:var(--font-ui);font-size:11.5px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.pj-code-copy-btn:hover{background:rgba(var(--primary-rgb),.08);border-color:var(--primary-accent);color:var(--primary-accent)}.pj-code-copy-btn.pj-code-copy-btn--done{border-color:var(--color-success);color:var(--color-success)}.pj-code-copy-btn i{width:13px;height:13px}.pj-code-pre{margin:0;padding:14px 18px;overflow-x:auto;background:var(--code-bg)}.pj-code-pre code{font-family:ui-monospace,"JetBrains Mono",monospace;font-size:13px;line-height:1.7;color:var(--code-fg);white-space:pre}.pj-code-pre .cb-keyword{color:var(--code-kw);font-weight:600}.pj-code-pre .cb-builtin{color:var(--code-fn)}.pj-code-pre .cb-global{color:var(--code-fn);font-weight:600}.pj-code-pre .cb-string{color:var(--code-str)}.pj-code-pre .cb-number{color:var(--code-num)}.pj-code-pre .cb-comment{color:var(--code-com);font-style:italic}[data-theme=dark] .pj-code-block{--code-bg:#0f172a;--code-header-bg:#111c30;--code-border:#1e293b;--code-fg:#e2e8f0;--code-muted:#94a3b8;--code-kw:#c084fc;--code-fn:#38bdf8;--code-str:#86efac;--code-num:#fdba74;--code-com:#64748b;box-shadow:0 8px 24px -14px rgba(0,0,0,.5)}[data-theme=dark] .pj-code-block .cb-lang{background:rgba(96,165,250,.15);color:#93c5fd}.pj-unlock-row{display:flex}.pj-unlock-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:1px dashed var(--border-color);border-radius:9999px;background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-ui);font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease}.pj-unlock-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.pj-unlock-btn i{width:15px;height:15px}.pj-card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.pj-bloxi-info{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:11.5px;font-weight:600;color:var(--text-muted);cursor:default;user-select:none}.pj-bloxi-info i{width:13px;height:13px;color:var(--primary-accent)}.pj-hint-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:none;border-radius:9999px;background:linear-gradient(90deg,rgba(var(--primary-rgb),.92),var(--primary-accent));color:#fff;font-family:var(--font-ui);font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px -8px rgba(59,110,245,.6);transition:opacity .15s ease}.pj-hint-btn:hover{opacity:.93}.pj-hint-btn i{width:15px;height:15px}.pj-card-footer-actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.pj-editor-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:1px solid var(--border-color);border-radius:9999px;background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-ui);font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.pj-editor-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:rgba(var(--primary-rgb),.05)}.pj-editor-btn i{width:15px;height:15px}.pj-done-banner{display:flex;align-items:center;gap:14px;padding:20px 22px;border:1px solid var(--border-color);border-radius:18px;background:var(--bg-card);box-shadow:0 1px 3px rgba(15,23,42,.05)}.pj-done-banner.is-success{border-color:rgba(16,185,129,.3);background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.03))}.pj-done-banner>i{width:28px;height:28px;color:var(--color-success);flex-shrink:0}.pj-done-banner strong{display:block;font-size:15px;color:var(--text-headings)}.pj-done-banner span{font-size:13px;color:var(--text-secondary)}.pj-done-banner>div{flex:1;min-width:0}.pj-done-banner.is-review{border-color:rgba(99,102,241,.3);background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(99,102,241,.03))}.pj-done-banner.is-review>i{color:var(--primary-accent,#6366f1)}.pj-review-btn{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:8px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);color:var(--text-headings);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.pj-review-btn:hover{background:var(--primary-accent,#6366f1);border-color:var(--primary-accent,#6366f1);color:#fff;transform:translateY(-1px)}.pj-review-btn i{width:16px;height:16px}@media (max-width:640px){.pj-review-btn span{display:none}.pj-review-btn{padding:8px}}.pj-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 20px;color:var(--text-muted)}.pj-empty i{width:32px;height:32px}@media (max-width:640px){.pj-card-head{padding:16px}.pj-mark-btn{width:100%;justify-content:center}.pj-card-body{padding:16px}.pj-bloxi-info span{display:none}}
.lesson-pills-container{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:60;max-width:calc(100vw - 32px);padding:8px;border:1px solid var(--border-color);border-radius:9999px;background:color-mix(in srgb,var(--bg-card) 88%,transparent);box-shadow:0 1px 3px rgba(15,23,42,.08),0 12px 32px -8px rgba(15,23,42,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mplan{width:100%;box-sizing:border-box}.mplan-head{display:none}.mplan-track{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.mplan-track::-webkit-scrollbar{display:none}.mplan-item{flex-shrink:0;display:flex;align-items:center;gap:0;max-width:40px;padding:4px;border:none;border-radius:9999px;background:0 0;cursor:pointer;text-align:left;overflow:hidden;transition:max-width .28s ease,gap .28s ease,background .15s ease,padding .28s ease}.mplan-item:hover{background:var(--bg-hover)}.mplan-num{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border-radius:9999px;background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success);font-family:var(--font-ui);font-size:13px;font-weight:700}.mplan-num [data-lucide],.mplan-num i{width:15px;height:15px}.mplan-body{min-width:0;display:flex;flex-direction:column;opacity:0;transition:opacity .2s ease .05s}.mplan-title{font-family:var(--font-ui);font-size:13px;font-weight:600;color:color-mix(in srgb,var(--text-primary) 88%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.mplan-meta{display:inline-flex;align-items:center;gap:4px;margin-top:3px;font-family:var(--font-ui);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.mplan-meta [data-lucide],.mplan-meta i{width:10px;height:10px}.mplan-item.is-active,.mplan-item:hover{max-width:260px;gap:10px;padding:4px 14px 4px 4px}.mplan-item.is-active .mplan-body,.mplan-item:hover .mplan-body{opacity:1}.mplan-item.is-active{background:var(--primary-accent);box-shadow:0 1px 2px rgba(0,0,0,.08)}.mplan-item.is-active .mplan-title{color:#fff}.mplan-item.is-active .mplan-meta{color:rgba(255,255,255,.82)}.mplan-item.is-active .mplan-meta .opacity-50{opacity:.5}.mplan-item.is-active .mplan-num{background:rgba(255,255,255,.22);color:#fff}.mplan-item.is-done .mplan-num{background:color-mix(in srgb,var(--color-success) 18%,transparent);color:var(--color-success)}.lesson-content-wrapper{padding-bottom:96px}@media (max-width:639px){.lesson-pills-container{bottom:12px;max-width:calc(100vw - 12px);padding:6px}.mplan-track{gap:4px}.mplan-item{max-width:30px;padding:3px}.mplan-num{width:24px;height:24px;font-size:11px}.mplan-num [data-lucide],.mplan-num i{width:12px;height:12px}.mplan-item.is-active,.mplan-item:hover{max-width:200px;gap:8px;padding:3px 12px 3px 3px}}
.bloxi-ctx-target{position:relative;transition:background .15s ease,box-shadow .15s ease;outline:0}.lesson-course-content>h3.bloxi-ctx-target,.lesson-course-content>p.bloxi-ctx-target,.lesson-course-content>ul.bloxi-ctx-target{border-radius:10px;padding-left:10px;padding-right:10px;margin-left:-10px;margin-right:-10px}.code-block.bloxi-ctx-target,.course-callout.bloxi-ctx-target,.course-card.bloxi-ctx-target,.course-intro.bloxi-ctx-target,.course-steps-list.bloxi-ctx-target,.course-table.bloxi-ctx-target{border-radius:16px}.bloxi-ctx-target:hover{background:rgba(var(--primary-rgb),.05);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.18);cursor:help}.bloxi-ctx-target::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:3px;background:var(--primary-accent);opacity:0;transform:scaleY(.4);transform-origin:center;transition:opacity .15s ease,transform .15s ease;pointer-events:none}.bloxi-ctx-target:focus-visible::before,.bloxi-ctx-target:hover::before{opacity:.8;transform:scaleY(1)}.bloxi-ctx-target>.bloxi-ctx-badge{cursor:pointer}.code-block.bloxi-ctx-target:hover{background:rgba(var(--primary-rgb),.08);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.4)}.code-block.bloxi-ctx-target>.bloxi-ctx-badge{top:48px;right:12px}.bloxi-ctx-target:focus-visible{box-shadow:0 0 0 2px var(--primary-accent)}.bloxi-ctx-target.bloxi-explained{background:rgba(var(--primary-rgb),.04);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.15)}.bloxi-ctx-badge{position:absolute;top:8px;right:8px;z-index:6;display:inline-flex;align-items:center;padding:3px;border:1px solid var(--border-color);border-radius:9999px;background:var(--bg-card);white-space:nowrap;box-shadow:0 6px 18px rgba(15,23,42,.16);opacity:0;transform:translateY(-3px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.bloxi-ctx-badge-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 4px;border-radius:9999px;background:linear-gradient(135deg,var(--primary-accent,#3b6ef5),var(--primary-accent-dark,#2554d6));color:#fff;font-family:var(--font-ui);font-size:11px;font-weight:700}.bloxi-ctx-badge-mark{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;background:rgba(255,255,255,.2);color:#fff;font-family:var(--font-headings);font-size:10px;font-weight:800;transform:rotate(-8deg);animation:bloxiTilt 1.8s ease-in-out infinite}.bloxi-ctx-target.bloxi-selected>.bloxi-ctx-badge{display:none}.bloxi-ctx-target:focus-visible>.bloxi-ctx-badge,.bloxi-ctx-target:hover>.bloxi-ctx-badge{opacity:1;transform:translateY(0);pointer-events:auto}.bloxi-ctx-target.bloxi-explained>.bloxi-ctx-badge{display:none}.bloxi-lasso-box{position:fixed;z-index:9998;pointer-events:none;border:2px dashed var(--primary-accent);border-radius:10px;background:rgba(var(--primary-rgb),.1);transition:none}.bloxi-lasso-box.is-done{border-style:solid;background:rgba(var(--primary-rgb),.12)}.lesson-course-content.bloxi-ctx-ready,.lesson-course-content.bloxi-ctx-ready *{user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none}body.bloxi-lasso-active{touch-action:none}body.bloxi-lasso-active,body.bloxi-lasso-active *{cursor:crosshair!important}.bloxi-sel-actions{position:fixed;z-index:9999;display:inline-flex;align-items:center;gap:6px;animation:bloxiSelIn .14s cubic-bezier(.34,1.56,.64,1)}.bloxi-sel-actions,.bloxi-sel-actions *{cursor:pointer!important}.bloxi-sel-ask{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 6px;border:none;border-radius:9999px;background:var(--primary-accent);color:#fff;font-family:var(--font-ui);font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 8px 24px rgba(var(--primary-rgb),.4),0 2px 6px rgba(15,23,42,.2);transition:transform .12s ease,box-shadow .12s ease}.bloxi-sel-ask:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(var(--primary-rgb),.48),0 3px 8px rgba(15,23,42,.24)}.bloxi-sel-ask:active{transform:translateY(0)}.bloxi-sel-clear{display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:9999px;background:var(--bg-card);color:var(--text-muted);font-size:12px;cursor:pointer;box-shadow:0 4px 14px rgba(15,23,42,.16);transition:background .12s ease,color .12s ease,transform .12s ease}.bloxi-sel-clear:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.bloxi-sel-ask-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.18);color:#fff;font-family:var(--font-headings);font-size:13px;font-weight:800;transform:rotate(-8deg);animation:bloxiTilt 1.8s ease-in-out infinite}@keyframes bloxiSelIn{from{opacity:0;transform:translateY(4px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.bloxi-ctx-target.bloxi-multi-selected{background:rgba(var(--primary-rgb),.1)!important;box-shadow:0 0 0 2px var(--primary-accent)!important}.bloxi-ctx-target.bloxi-multi-selected::before{opacity:1!important;transform:scaleY(1)!important}.bloxi-multi-bar{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9999;display:inline-flex;align-items:center;gap:8px;padding:6px;border-radius:9999px;background:var(--bg-card,#fff);border:1px solid var(--border-color);box-shadow:0 14px 34px rgba(15,23,42,.24);animation:bloxiSelIn .15s ease}.bloxi-multi-bar .bloxi-multi-ask{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:none;border-radius:9999px;cursor:pointer;background:linear-gradient(135deg,var(--primary-accent,#3b6ef5),var(--primary-accent-dark,#2554d6));color:#fff;font-family:var(--font-ui);font-size:13.5px;font-weight:700;transition:transform .12s ease,box-shadow .12s ease}.bloxi-multi-bar .bloxi-multi-ask:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(var(--primary-rgb),.45)}.bloxi-multi-bar .bloxi-multi-clear{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:none;border-radius:50%;cursor:pointer;background:var(--bg-alt-section,#f0f9ff);color:var(--text-secondary);font-size:13px;transition:background .12s ease,color .12s ease}.bloxi-multi-bar .bloxi-multi-clear:hover{background:var(--border-color);color:var(--text-headings)}.bloxi-explain{margin-top:14px;border:1px solid rgba(var(--primary-rgb),.22);border-radius:16px;background:radial-gradient(120% 100% at 0 0,rgba(var(--primary-rgb),.1),transparent 60%),linear-gradient(135deg,rgba(var(--primary-rgb),.06),rgba(var(--primary-rgb),.015));box-shadow:0 6px 22px rgba(var(--primary-rgb),.1),0 1px 3px rgba(15,23,42,.06);overflow:hidden;cursor:default;animation:bloxiExplainIn .2s cubic-bezier(.16,1,.3,1)}@keyframes bloxiExplainIn{from{opacity:0;transform:translateY(-6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.bloxi-explain-quote{display:flex;align-items:flex-start;gap:8px;margin:10px 12px 0;padding:8px 12px;border-radius:10px;border-left:3px solid var(--primary-accent);background:rgba(var(--primary-rgb),.06);color:var(--text-secondary);font-size:12.5px;font-style:italic;line-height:1.5}.bloxi-explain-quote svg{flex-shrink:0;margin-top:2px;color:var(--primary-accent)}.bloxi-explain-quote span{overflow:hidden}.bloxi-explain-head{display:flex;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid rgba(var(--primary-rgb),.12);background:linear-gradient(180deg,rgba(var(--primary-rgb),.05),transparent)}.bloxi-explain-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--primary-accent);color:#fff;font-family:var(--font-headings);font-size:15px;font-weight:800;flex-shrink:0;box-shadow:0 3px 8px rgba(var(--primary-rgb),.4);transform:rotate(-8deg);animation:bloxiTilt 1.8s ease-in-out infinite}@keyframes bloxiTilt{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.bloxi-explain-name{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-ui);font-size:13px;font-weight:700;color:var(--text-headings)}.bloxi-explain-sparkle{color:var(--primary-accent);animation:bloxiSparkle 2.4s ease-in-out infinite}@keyframes bloxiSparkle{0%,100%{opacity:.55;transform:scale(.9) rotate(0)}50%{opacity:1;transform:scale(1.08) rotate(12deg)}}.bloxi-explain-kind{display:inline-flex;align-items:center;padding:2px 9px;border-radius:9999px;background:rgba(var(--primary-rgb),.12);color:var(--primary-accent);font-size:10.5px;font-weight:700;text-transform:capitalize}.bloxi-explain-editor-btn{margin-left:auto;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 11px;border:1px solid rgba(var(--primary-rgb),.25);border-radius:9999px;background:rgba(var(--primary-rgb),.07);color:var(--primary-accent);font-family:var(--font-ui);font-size:11px;font-weight:700;cursor:pointer;transition:background .15s ease}.bloxi-explain-editor-btn:hover{background:rgba(var(--primary-rgb),.14)}.bloxi-explain-editor-btn~.bloxi-explain-close{margin-left:8px}.bloxi-explain-close{margin-left:auto;width:24px;height:24px;border:none;border-radius:7px;background:0 0;color:var(--text-muted);font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease}.bloxi-explain-close:hover{background:var(--bg-hover);color:var(--text-primary)}.bloxi-explain-thread{display:flex;flex-direction:column;gap:12px;padding:16px;max-height:380px;overflow-y:auto;scrollbar-width:thin}.bloxi-explain-msg{max-width:88%;padding:11px 14px;border-radius:14px;font-size:13.5px;line-height:1.6;word-wrap:break-word}.bloxi-explain-msg.is-bloxi{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:5px}.bloxi-explain-msg.is-user{align-self:flex-end;background:var(--primary-accent);color:#fff;border-bottom-right-radius:5px}.bloxi-explain-msg p{margin:0 0 8px}.bloxi-explain-msg p:last-child{margin-bottom:0}.bloxi-explain-msg .bloxi-inline-code{font-family:ui-monospace,monospace;font-size:.9em;padding:1px 5px;border-radius:5px;background:rgba(var(--primary-rgb),.1);color:var(--primary-accent)}.bloxi-explain-msg.is-user .bloxi-inline-code{background:rgba(255,255,255,.2);color:#fff}.bloxi-explain-msg .bloxi-code-block{margin:8px 0;border-radius:10px;background:#0f172a;overflow:hidden}.bloxi-explain-msg .bloxi-code-block pre{margin:0;padding:10px 12px;overflow-x:auto}.bloxi-explain-msg .bloxi-code-block code{color:#e2e8f0;font-family:ui-monospace,monospace;font-size:12px;line-height:1.6;white-space:pre}.bloxi-explain-msg .bloxi-code-lang{display:block;padding:4px 12px;background:rgba(255,255,255,.06);color:#94a3b8;font-size:10px;font-weight:700;text-transform:uppercase}.bloxi-explain-msg .bloxi-md-list{margin:4px 0;padding-left:18px}.bloxi-explain-error{color:var(--text-secondary);font-style:italic;margin:0}.bloxi-explain-typing-bubble{padding:12px 14px}.bloxi-explain-composer{display:flex;align-items:flex-end;gap:8px;margin:0 14px 14px;padding:6px 6px 6px 8px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-card);box-shadow:0 1px 2px rgba(15,23,42,.04);transition:border-color .15s ease,box-shadow .15s ease}.bloxi-explain-composer:focus-within{border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.bloxi-explain-input{flex:1;resize:none;max-height:110px;padding:8px 4px;border:none;background:0 0;color:var(--text-primary);font-family:var(--font-ui);font-size:13px;line-height:1.5;outline:0}.bloxi-explain-input::placeholder{color:var(--text-muted)}.bloxi-explain-input:disabled{opacity:.6}.bloxi-explain-send{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border:none;border-radius:10px;background:var(--primary-accent);color:#fff;cursor:pointer;transition:opacity .15s ease,transform .12s ease}.bloxi-explain-send:hover{opacity:.92;transform:translateY(-1px)}.bloxi-explain-send:active{transform:translateY(0)}.bloxi-explain-send:disabled{opacity:.5;cursor:not-allowed;transform:none}.bloxi-explain-typing{display:inline-flex;gap:5px;align-items:center;padding:2px 0}.bloxi-explain-typing span{width:7px;height:7px;border-radius:9999px;background:var(--primary-accent);opacity:.4;animation:bloxiExplainPulse 1s infinite ease-in-out}.bloxi-explain-typing span:nth-child(2){animation-delay:.15s}.bloxi-explain-typing span:nth-child(3){animation-delay:.3s}@keyframes bloxiExplainPulse{0%,100%,60%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.bloxi-explain-reveal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 14px 12px;padding:10px 14px;border-radius:12px;border:1px dashed rgba(245,158,11,.4);background:rgba(245,158,11,.07)}.bloxi-reveal-note{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--text-secondary)}.bloxi-reveal-note i{width:14px;height:14px;border-radius:4px;background:var(--color-warning);flex-shrink:0}.bloxi-reveal-btn{flex-shrink:0;height:32px;padding:0 14px;border:none;border-radius:9999px;background:var(--color-warning);color:#fff;font-family:var(--font-ui);font-size:12px;font-weight:700;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.bloxi-reveal-btn:hover{opacity:.93;transform:translateY(-1px)}.bloxi-explain-msg.bloxi-explain-solution{max-width:100%;padding:0;overflow:hidden;border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.06)}.bloxi-solution-head{display:flex;align-items:center;gap:7px;padding:9px 14px;background:var(--color-success);color:#fff;font-family:var(--font-ui);font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.bloxi-solution-head svg{flex-shrink:0}.bloxi-solution-body{padding:12px 14px}.bloxi-solution-body>:first-child{margin-top:0}.bloxi-solution-body .bloxi-code-block{margin:0}.bloxi-explain-msg .bloxi-code-block,.bloxi-explain-msg .bloxi-code-block pre{background:#0f172a}.bloxi-explain-msg .bloxi-code-block code,.bloxi-explain-msg .bloxi-code-block code *{color:#e2e8f0!important;background:0 0!important;-webkit-text-fill-color:#e2e8f0}.lesson-shead-hint{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:9999px;border:1px solid rgba(var(--primary-rgb),.2);background:rgba(var(--primary-rgb),.09);color:var(--primary-accent);font-family:var(--font-ui);font-size:11px;font-weight:600;white-space:nowrap;cursor:default}.lesson-shead-hint [data-lucide],.lesson-shead-hint i{width:14px;height:14px}@media (max-width:860px){.lesson-shead-hint span{display:none}}@media (prefers-reduced-motion:reduce){.bloxi-explain{animation:none}.bloxi-explain-typing span{animation:none}.bloxi-ctx-target:hover::before,.bloxi-explain-avatar,.bloxi-sel-ask,.bloxi-sel-ask-mark{animation:none}}
body:not(.course-fullscreen-mode) .course-header-unified.is-clean{position:relative;display:flex;align-items:flex-start;gap:16px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.06),transparent 55%),var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:18px;padding:18px 22px;box-shadow:0 1px 3px rgba(15,23,42,.04),0 16px 40px -28px rgba(15,23,42,.35);overflow:visible}.course-header-unified.is-clean::after,.course-header-unified.is-clean::before{display:none}.course-header-unified.is-clean .course-back-btn{flex-shrink:0;align-self:flex-start;background:var(--bg-hover);color:var(--text-primary)}.course-header-unified.is-clean .course-back-btn:hover{background:var(--border-color)}.course-head-body{flex:1;min-width:0}.course-header-unified.is-clean .course-title-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.course-header-unified.is-clean .course-module-pill{background:var(--primary-accent);color:#fff}.course-header-unified.is-clean h1{margin:8px 0 0;font-family:var(--font-headings);font-size:26px;font-weight:800;line-height:1.12;color:var(--text-headings)}.course-header-unified.is-clean p{margin:6px 0 0;max-width:90ch;font-size:14.5px;line-height:1.6;color:var(--text-secondary)}.course-head-right{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.course-header-unified.is-clean .course-header-actions{display:flex;gap:8px}.course-header-unified.is-clean .course-editor-btn,.course-header-unified.is-clean .course-fullscreen-btn{background:var(--bg-hover);color:var(--text-secondary)}.course-header-unified.is-clean .course-editor-btn:hover,.course-header-unified.is-clean .course-fullscreen-btn:hover{background:var(--border-color);color:var(--text-primary)}.course-head-right>:not(.course-header-actions){align-self:flex-end}@media (max-width:640px){body:not(.course-fullscreen-mode) .course-header-unified.is-clean{padding:16px;border-radius:16px;gap:12px}.course-header-unified.is-clean h1{font-size:20px}.course-header-unified.is-clean p{font-size:13.5px}}.course-shell{display:block}@media (min-width:1024px){body:not(.course-fullscreen-mode) .course-shell{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:28px}}@media (min-width:1440px){body:not(.course-fullscreen-mode) .course-shell{grid-template-columns:320px minmax(0,1fr);gap:36px}}.course-nav{margin-bottom:16px}@media (min-width:1024px){body:not(.course-fullscreen-mode) .course-nav{position:sticky;top:16px;margin-bottom:0;max-height:calc(100vh - 32px);overflow-y:auto;scrollbar-width:thin}body:not(.course-fullscreen-mode) .course-nav::-webkit-scrollbar{width:6px}body:not(.course-fullscreen-mode) .course-nav::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb),.25);border-radius:999px}}.cnav{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:20px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:0 1px 3px rgba(15,23,42,.05),0 18px 40px -24px rgba(15,23,42,.35)}.cnav-module{display:flex;flex-direction:column;gap:7px;padding-bottom:14px;border-bottom:1px solid var(--border-color)}.cnav-module-pill{align-self:flex-start;padding:3px 10px;border-radius:999px;background:rgba(var(--primary-rgb),.1);color:var(--primary-accent);font-family:var(--font-ui);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.cnav-module-title{font-family:var(--font-headings);font-size:15px;font-weight:800;line-height:1.25;color:var(--text-headings)}.cnav-progress{display:flex;flex-direction:column;gap:7px}.cnav-progress-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-ui);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.cnav-progress-pct{color:var(--primary-accent);font-size:13px}.cnav-progress-bar{height:8px;border-radius:999px;background:var(--bg-hover);overflow:hidden}.cnav-progress-bar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary-accent),#34d399);transition:width .5s cubic-bezier(.22, 1, .36, 1)}.cnav-steps{display:flex;flex-direction:column;gap:4px}.cnav-step{display:flex;align-items:center;gap:11px;width:100%;padding:9px 11px;border:none;border-radius:12px;background:0 0;color:var(--text-secondary);font-family:var(--font-ui);font-size:13.5px;font-weight:600;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.cnav-step:hover{background:var(--bg-hover);color:var(--text-primary)}.cnav-step-ic{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--bg-hover);color:var(--text-secondary)}.cnav-step-ic [data-lucide],.cnav-step-ic i{width:16px;height:16px}.cnav-step-label{flex:1;min-width:0}.cnav-step-count{flex-shrink:0;display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;background:var(--bg-hover);color:var(--text-muted);font-size:10.5px;font-weight:700}.cnav-step-count [data-lucide],.cnav-step-count i{width:11px;height:11px}.cnav-step.is-done .cnav-step-ic{background:color-mix(in srgb,var(--color-success) 16%,transparent);color:var(--color-success)}.cnav-step.is-done .cnav-step-count{background:color-mix(in srgb,var(--color-success) 14%,transparent);color:var(--color-success)}.cnav-step.is-active{background:var(--primary-accent);color:#fff;box-shadow:0 8px 20px -10px rgba(var(--primary-rgb),.8)}.cnav-step.is-active .cnav-step-ic{background:rgba(255,255,255,.22);color:#fff}.cnav-step.is-active .cnav-step-count{background:rgba(255,255,255,.22);color:#fff}.cnav-step.is-locked{opacity:.5;cursor:not-allowed}.cnav-step.is-locked:hover{background:0 0;color:var(--text-secondary)}.cnav-plan{padding-top:12px;border-top:1px solid var(--border-color)}@media (min-width:1024px){body:not(.course-fullscreen-mode) .course-nav .mplan-head{display:flex;flex-direction:column;gap:9px;padding:0 4px 12px;margin-bottom:8px;border-bottom:1px solid var(--border-color)}.course-nav .mplan-head-title{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-headings);font-size:13px;font-weight:800;color:var(--text-headings)}.course-nav .mplan-head-title [data-lucide],.course-nav .mplan-head-title i{width:15px;height:15px;color:var(--primary-accent)}.course-nav .mplan-head-count{color:var(--text-muted);font-weight:700}.course-nav .mplan-segs{display:flex;gap:4px}.course-nav .mplan-seg{flex:1;height:5px;border-radius:999px;background:var(--border-color);transition:background .3s ease}.course-nav .mplan-seg.is-done{background:var(--color-success)}.course-nav .mplan-seg.is-active{background:var(--primary-accent)}body:not(.course-fullscreen-mode) .course-nav .mplan-track{flex-direction:column;align-items:stretch;gap:5px;overflow:visible}body:not(.course-fullscreen-mode) .course-nav .mplan-item{width:100%;max-width:none;gap:11px;padding:8px 11px;border-radius:11px;overflow:visible}body:not(.course-fullscreen-mode) .course-nav .mplan-item:hover{transform:translateX(2px)}body:not(.course-fullscreen-mode) .course-nav .mplan-item.is-active{max-width:none;padding:8px 11px}body:not(.course-fullscreen-mode) .course-nav .mplan-item.is-active:hover{transform:none}.course-nav .mplan-item .mplan-body{opacity:1}.course-nav .mplan-num{width:28px;height:28px;font-size:12px}.course-nav .mplan-item.is-done:not(.is-active) .mplan-num{color:transparent;position:relative}.course-nav .mplan-item.is-done:not(.is-active) .mplan-num::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:15px 15px}}@media (max-width:1023px){.cnav-steps{flex-direction:row;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.cnav-steps::-webkit-scrollbar{display:none}.cnav-step{flex-direction:column;align-items:center;gap:3px;min-width:60px;padding:6px 5px;font-size:10.5px;text-align:center}.cnav-step-label{flex:none}.cnav-step .cnav-step-ic{width:24px;height:24px;border-radius:7px}.cnav-step .cnav-step-ic [data-lucide],.cnav-step .cnav-step-ic i{width:13px;height:13px}.cnav-step .cnav-step-count{padding:1px 6px;font-size:9.5px}.cnav{padding:11px 12px;gap:9px;border-radius:16px}#courseNav .cnav-complete{display:none!important}.course-header-unified.is-clean{margin-bottom:8px}.course-nav{margin-bottom:12px}.cnav{box-shadow:0 1px 3px rgba(15,23,42,.06);border-color:var(--border-color)}.cnav-module-pill,.cnav-module-title{display:none}.cnav-module{align-items:flex-start;gap:0;padding-bottom:10px}.cnav-progress-head{font-size:11px}.cnav-plan{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:60;width:auto;max-width:calc(100vw - 12px);margin:0;padding:6px;border:1px solid var(--border-color);border-radius:9999px;background:color-mix(in srgb,var(--bg-card) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 3px rgba(15,23,42,.08),0 12px 32px -8px rgba(15,23,42,.28)}#courseContent .exercises-section,#courseContent .lesson-content-wrapper,#courseContent .project-section{padding-bottom:88px}}#courseContent .bloxi-ctx-target{transition:background .15s ease}#courseContent .bloxi-ctx-target.bloxi-explained,#courseContent .bloxi-ctx-target:focus-visible,#courseContent .bloxi-ctx-target:hover{background:rgba(var(--primary-rgb),.05);box-shadow:none;border-radius:8px}#courseContent .code-block.bloxi-ctx-target:hover{box-shadow:none;background:rgba(var(--primary-rgb),.1)}#courseContent .bloxi-ctx-target:focus-visible{box-shadow:0 0 0 2px var(--primary-accent)}#courseContent .bloxi-ctx-target:not(.code-block)>.bloxi-ctx-badge{top:-34px;right:6px}#courseContent .bloxi-ctx-badge{height:30px;border-color:rgba(var(--primary-rgb),.25);box-shadow:0 8px 20px -8px rgba(15,23,42,.3)}.lesson-shead-hint{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;gap:0;border-radius:9999px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:help;transition:background .15s ease,color .15s ease,border-color .15s ease}.lesson-shead-hint:focus-visible,.lesson-shead-hint:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:var(--bg-card)}.lesson-shead-hint [data-lucide],.lesson-shead-hint i{width:16px;height:16px}.lesson-shead-hint-tip{position:absolute;top:calc(100% + 8px);right:0;width:max-content;max-width:260px;padding:9px 12px;border-radius:10px;background:rgba(15,23,42,.96);color:#fff;font-family:var(--font-ui);font-size:12px;font-weight:500;line-height:1.5;white-space:normal;text-align:left;box-shadow:0 12px 32px -10px rgba(0,0,0,.55);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:60}.lesson-shead-hint-tip strong{color:#93c5fd;font-weight:700}.lesson-shead-hint:focus-visible .lesson-shead-hint-tip,.lesson-shead-hint:hover .lesson-shead-hint-tip{opacity:1;transform:translateY(0)}@media (max-width:860px){.lesson-shead-hint-tip{display:none}}@media (prefers-reduced-motion:reduce){.lesson-shead-hint-tip{transition:none}}#courseContent .lesson-content-wrapper{padding-bottom:0;min-width:0}#courseContent .lesson-section-block.is-current{animation:sectionSlideIn .38s cubic-bezier(.22,1,.36,1) both}@keyframes sectionSlideIn{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}#courseContent .lesson-course-content p{line-height:1.75}#courseContent .lesson-course-content h3{padding-left:0}#courseContent .lesson-course-content h3::before{display:none}body.course-fullscreen-mode .course-shell{display:block}body.course-fullscreen-mode .course-nav{display:none}@media (min-width:640px){#courseContent .lesson-section-block.is-current{gap:18px}}#courseContent .lesson-shead{align-items:flex-start;border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.04)}#courseContent .lesson-shead-text{flex:1;min-width:0}#courseContent .lesson-shead-num{border-radius:13px;background:rgba(var(--primary-rgb),.1);color:var(--primary-accent);box-shadow:none}#courseContent .lesson-shead.is-done .lesson-shead-num{background:color-mix(in srgb,var(--color-success) 16%,transparent);color:var(--color-success)}#courseContent .lesson-shead-sub{order:-1;margin:0 0 3px;color:var(--text-muted)}#courseContent .lesson-shead-obj{display:inline-flex;align-items:center;gap:6px;margin-top:7px;font-family:var(--font-ui);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;line-height:1.4;color:var(--text-secondary)}#courseContent .lesson-shead-obj [data-lucide],#courseContent .lesson-shead-obj i{width:14px;height:14px;flex-shrink:0;color:var(--primary-accent)}#courseContent .lesson-section-content{border-radius:18px;box-shadow:0 1px 2px rgba(15,23,42,.04)}#courseContent .lesson-course-content p{font-size:15px}#courseContent .lesson-course-content ul li{font-size:15px}#courseContent .lesson-course-content h3{margin-top:32px;font-size:18.5px;font-weight:800;color:var(--primary-accent);letter-spacing:-.01em}#courseContent .lesson-course-content .course-tags{display:none}#courseContent .lesson-course-content .course-intro{position:relative;overflow:visible;padding:2px 0 2px 16px;border:none;border-left:3px solid #8b5cf6;border-radius:0;background:0 0;color:var(--text-primary);font-weight:400}#courseContent .lesson-course-content .course-intro::before{content:"Objectif";position:static;display:block;width:auto;height:auto;margin:0 0 3px;padding:0;background:0 0;writing-mode:horizontal-tb;color:#8b5cf6;font-family:var(--font-ui);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:1;transform:none;transition:none;pointer-events:none}#courseContent .lesson-course-content .course-callout{position:relative;overflow:visible;padding:2px 0 2px 16px;border:none;border-left:3px solid #8b5cf6;border-radius:0;background:0 0;box-shadow:none}#courseContent .lesson-course-content .course-callout::before{content:"Info";position:static;display:block;width:auto;height:auto;margin:0 0 3px;padding:0;background:0 0;writing-mode:horizontal-tb;color:#8b5cf6;font-family:var(--font-ui);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;opacity:1;transform:none;transition:none}#courseContent .lesson-course-content .course-callout::after{display:none}#courseContent .lesson-course-content .course-callout[data-variant=success]::before,#courseContent .lesson-course-content .course-callout[data-variant=tip]::before{content:"Astuce"}#courseContent .lesson-course-content .course-callout[data-variant=warning]::before{content:"Attention"}#courseContent .lesson-course-content .course-callout[data-variant=info]::before,#courseContent .lesson-course-content .course-callout[data-variant=note]::before{content:"Info"}#courseContent .lesson-course-content .course-card{padding:16px 18px;border:none;border-radius:14px;background:var(--bg-hover);box-shadow:none;overflow:visible;transition:background .15s ease}#courseContent .lesson-course-content .course-card::before{display:none}#courseContent .lesson-course-content .course-card:hover{background:color-mix(in srgb,var(--bg-hover) 55%,var(--border-color))}#courseContent .lesson-course-content .course-card-title{font-size:15px;font-weight:800;color:var(--text-headings)}#courseContent .lesson-course-content .course-card-meta{display:block;margin-top:3px;padding:0;background:0 0;color:var(--text-muted);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}#courseContent .lesson-course-content .course-card-desc{margin-top:11px;font-size:13px;line-height:1.6;color:var(--text-secondary)}#courseContent .lesson-course-content .course-step-grid{grid-template-columns:1fr;gap:14px;margin-top:14px}#courseContent .lesson-course-content .course-step-grid .course-step{justify-content:flex-start;align-items:flex-start;gap:12px;padding:0;border:none;border-radius:0;background:0 0;box-shadow:none}#courseContent .lesson-course-content .course-step-grid .course-step-num{width:24px;height:24px;background:var(--primary-accent);color:#fff;font-size:12px;font-weight:700}#courseContent .lesson-course-content .course-step-title{font-size:14px;font-weight:700;color:var(--text-headings)}#courseContent .lesson-course-content .course-step-desc{margin-top:2px;font-size:12.5px;line-height:1.5;color:var(--text-secondary)}#courseContent .lesson-course-content h3{margin-top:38px;padding-top:26px;border-top:1px solid var(--border-color)}#courseContent .lesson-course-content>h3:first-child{margin-top:0;padding-top:0;border-top:none}#courseContent .lesson-course-content ul li{line-height:1.7}#courseContent .lesson-course-content ul li strong{color:var(--text-headings)}#courseContent .lesson-course-content .hl,#courseContent .lesson-course-content .hl-success,#courseContent .lesson-course-content .hl-warning{background:rgba(var(--primary-rgb),.1);color:var(--text-headings)}#courseContent .lesson-course-content .course-image-link{gap:9px;padding:10px 15px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-primary);font-size:13px;font-weight:600}#courseContent .lesson-course-content .course-image-link:hover{border-color:var(--primary-accent);background:rgba(var(--primary-rgb),.07);color:var(--primary-accent)}#courseContent .lesson-course-content .course-image-link [data-lucide],#courseContent .lesson-course-content .course-image-link i{width:15px;height:15px}#courseContent .ex-card{border:1px solid var(--border-color);border-radius:20px;background:var(--bg-card);box-shadow:0 1px 3px rgba(15,23,42,.04),0 22px 44px -32px rgba(15,23,42,.4);overflow:hidden}#courseContent .ex-card:hover{box-shadow:0 1px 3px rgba(15,23,42,.04),0 22px 44px -30px rgba(15,23,42,.4)}#courseContent .ex-card::before{display:none}#courseContent .ex-card-head{gap:14px;padding:20px 22px 14px}#courseContent .ex-index-tag,#courseContent .ex-type-tag{display:none}#courseContent .ex-card-num{width:42px;height:42px;border:none;border-radius:12px;background:rgba(var(--primary-rgb),.1);color:var(--primary-accent);box-shadow:none;font-size:16px}#courseContent .ex-card-num.is-done{background:color-mix(in srgb,var(--color-success) 16%,transparent);color:var(--color-success);border:none}#courseContent .ex-card-titles h3{font-size:18px}#courseContent .ex-diff{padding:0;border:none;background:0 0}#courseContent .ex-points{padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--color-success) 14%,transparent);color:var(--color-success);box-shadow:none;font-size:12px}#courseContent .ex-points i{fill:currentColor}#courseContent .ex-card-body{padding:6px 22px 22px;border-top:none;background:0 0;gap:18px}#courseContent .ex-consigne{padding:2px 0 2px 16px;border:none;border-left:3px solid #8b5cf6;border-radius:0;background:0 0}#courseContent .ex-consigne-icon{display:none}#courseContent .ex-consigne-head{margin-bottom:4px}#courseContent .ex-consigne-label{color:#8b5cf6}#courseContent .ex-consigne-text p{color:var(--text-secondary)}#courseContent .ex-qcm{padding:0;border:none;background:0 0}#courseContent .ex-qcm-question{font-size:16.5px;font-weight:700;color:var(--text-headings);line-height:1.45;margin-bottom:14px}#courseContent .ex-qcm-options{gap:10px}#courseContent .ex-qcm-option{padding:14px 16px;border:1.5px solid transparent;border-radius:14px;background:var(--bg-hover);transition:background .15s ease,border-color .15s ease}#courseContent .ex-qcm-option:hover{border-color:transparent;background:color-mix(in srgb,var(--bg-hover) 55%,var(--border-color))}#courseContent .ex-qcm-option.is-selected{border-color:var(--primary-accent);background:rgba(var(--primary-rgb),.08)}#courseContent .ex-qcm-option.is-correct{border-color:var(--color-success);background:rgba(16,185,129,.12)}#courseContent .ex-qcm-option.is-wrong{border-color:#ef4444;background:rgba(239,68,68,.1)}#courseContent .ex-bloxi-info{display:none}#courseContent .ex-head-actions{margin-left:auto;display:flex;align-items:center;gap:8px}#courseContent .ex-head-actions .ex-points{margin-left:0}#courseContent .ex-head-actions .btn-report-issue{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border-color);border-radius:9999px;background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}#courseContent .ex-head-actions .btn-report-issue:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--bg-hover)}#courseContent .ex-head-actions .btn-report-issue i{width:15px;height:15px}#courseContent .ex-card-footer{margin-top:6px;padding-top:16px;border-top:1px solid var(--border-color);justify-content:flex-end}#courseContent .ex-card-footer-actions{gap:10px}#courseContent .ex-verify-btn{padding:0 22px;height:46px}#courseContent .ex-pager-next{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);box-shadow:none}#courseContent .ex-pager-next:hover{background:var(--bg-hover);color:var(--text-primary);box-shadow:none}#courseContent .pj-card{border:1px solid var(--border-color);border-radius:20px;background:var(--bg-card);box-shadow:0 1px 3px rgba(15,23,42,.04),0 22px 44px -32px rgba(15,23,42,.4);overflow:hidden}#courseContent .pj-card::before{display:none}#courseContent .pj-card-num{border:none;background:rgba(var(--primary-rgb),.1);color:var(--primary-accent);box-shadow:none}#courseContent .pj-card-num.is-done{background:color-mix(in srgb,var(--color-success) 16%,transparent);color:var(--color-success)}#courseContent .pj-todo{padding:0;border:none;border-radius:0;background:0 0}#courseContent .pj-todo-label{color:var(--text-muted)}#courseContent .pj-tip{padding:2px 0 2px 16px;border:none;border-left:3px solid #8b5cf6;border-radius:0;background:0 0}#courseContent .pj-tip-head{color:#8b5cf6}#courseContent .pj-tip-head [data-lucide],#courseContent .pj-tip-head i{color:#8b5cf6}#courseContent .pj-step-eyebrow{display:block;margin-bottom:3px;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}#courseContent .pj-done-chip{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--color-success) 14%,transparent);color:var(--color-success);font-family:var(--font-ui);font-size:12px;font-weight:700}#courseContent .pj-done-chip i{width:14px;height:14px}#courseContent .pj-bloxi-info{display:none}#courseContent .pj-card-footer{margin-top:6px;padding-top:16px;border-top:1px solid var(--border-color);justify-content:flex-end}#courseContent .pj-next-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border:none;border-radius:12px;background:var(--primary-accent);color:#fff;font-family:var(--font-ui);font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:0 10px 24px -12px rgba(var(--primary-rgb),.85);transition:filter .15s ease,transform .15s ease}#courseContent .pj-next-btn:hover{filter:brightness(1.05);transform:translateX(1px)}#courseContent .pj-next-btn i{width:16px;height:16px}.cnav-notes{padding-top:0;border-top:none}.cnav-notes:empty{display:none}.cnav-notes-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-ui);font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;line-height:1}.cnav-notes-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:rgba(var(--primary-rgb),.04)}.cnav-notes-btn [data-lucide],.cnav-notes-btn i,.cnav-notes-btn svg{width:13px!important;height:13px!important;flex-shrink:0}.course-notes-mobile-fab{display:none}#courseNav .cnav-complete{margin-top:4px;padding-top:12px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px}#courseNav .cnav-complete-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--color-success) 14%,transparent);color:var(--color-success);font-family:var(--font-ui);font-size:11px;font-weight:800;letter-spacing:.03em}#courseNav .cnav-complete-badge i{width:13px;height:13px}#courseNav .cnav-grade{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--bg-hover)}#courseNav .cnav-grade-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(var(--primary-rgb),.1);color:var(--primary-accent);font-size:15px}#courseNav .cnav-grade-txt{display:flex;flex-direction:column;min-width:0}#courseNav .cnav-grade-name{font-family:var(--font-headings);font-size:14px;font-weight:800;color:var(--text-headings)}#courseNav .cnav-grade-sub{font-size:11.5px;color:var(--text-muted)}#courseNav .cnav-next-grade{display:flex;flex-direction:column;gap:6px}#courseNav .cnav-next-grade-head{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--text-secondary)}#courseNav .cnav-next-grade-head strong{color:var(--text-headings)}#courseNav .cnav-next-grade-left{color:var(--text-muted)}#courseNav .cnav-next-grade-bar{height:7px;border-radius:999px;background:var(--bg-hover);overflow:hidden}#courseNav .cnav-next-grade-bar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary-accent),#34d399)}#courseNav .cnav-max-grade{font-size:12px;font-weight:700;color:var(--color-success)}#courseContent .reward-card{box-shadow:none}#courseContent .complete-actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}#courseContent .complete-actions .btn-next-module{width:100%;max-width:340px;justify-content:center;padding:14px 28px;font-size:15px;border-radius:14px}#courseContent .complete-actions .section-nav-btn{font-size:13px}@media (prefers-reduced-motion:reduce){#courseContent .lesson-section-block.is-current{animation:none}.cnav-progress-bar>span,.cnav-step,.course-nav .mplan-item{transition:none}}.ppm-pro{position:relative;width:calc(100% - 32px);max-width:640px!important;padding:0!important;border-radius:var(--radius-xl,20px)!important;overflow:hidden;background:var(--bg-card,#fff);box-shadow:var(--shadow-xl,0 20px 25px -5px rgba(0,0,0,.15));max-height:92vh;display:flex;flex-direction:column;box-sizing:border-box}.ppm-pro .ppm-close{position:absolute;top:14px;right:14px;z-index:6;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.22);border:none;color:#fff;cursor:pointer;transition:background .15s ease}.ppm-pro .ppm-close:hover{background:rgba(255,255,255,.38)}.ppm-pro .ppm-close i{width:18px!important;height:18px!important}.ppm-pro .ppm-hero{flex-shrink:0;padding:20px 26px 18px;text-align:center;color:#fff;background:linear-gradient(135deg,var(--primary-accent,#3b6ef5) 0,#6d3ff0 100%)}.ppm-pro .ppm-hero-title{margin:0;font-family:var(--font-brand, "Fredoka", "Inter", sans-serif);font-size:26px;font-weight:700;line-height:1.1}.ppm-pro .ppm-hero-sub{margin:6px auto 0;max-width:430px;font-size:13px;line-height:1.4;opacity:.94}.ppm-pro .ppm-hero-sub strong{font-weight:800}.ppm-pro .ppm-hero-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;text-align:left}.ppm-pro .ppm-hcard{display:flex;flex-direction:column;gap:1px;padding:9px 11px;border-radius:var(--radius-md,12px);background:rgba(255,255,255,.13)}.ppm-pro .ppm-hcard i{width:15px!important;height:15px!important;color:#fde68a;margin-bottom:3px}.ppm-pro .ppm-hcard strong{font-size:12px;font-weight:700;line-height:1.2}.ppm-pro .ppm-hcard span{font-size:10px;opacity:.82;line-height:1.25}.ppm-pro .ppm-pending{margin-bottom:14px;padding:12px 14px;border-radius:var(--radius-md,12px);background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3)}.ppm-pro .ppm-pending[hidden]{display:none}.ppm-pro .ppm-pending-head{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:800;color:#b45309;margin-bottom:4px}.ppm-pro .ppm-pending-head i{width:16px!important;height:16px!important}.ppm-pro .ppm-pending p{margin:0;font-size:12.5px;line-height:1.45;color:var(--text-secondary)}.ppm-pro .ppm-pending strong{color:var(--text-headings)}.ppm-pro .ppm-inner{flex:1;min-height:0;display:flex;flex-direction:column;padding:20px 26px 22px;overflow-y:auto}.ppm-pro .ppm-inner::-webkit-scrollbar{width:6px}.ppm-pro .ppm-inner::-webkit-scrollbar-thumb{background:rgba(0,0,0,.14);border-radius:8px}.ppm-pro .ppm-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.ppm-pro .ppm-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:var(--radius-full,999px);background:var(--bg-alt-section,#f0f9ff);border:1px solid var(--border-color)}.ppm-pro .ppm-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:none;border-radius:var(--radius-full,999px);background:0 0;color:var(--text-secondary);font-family:var(--font-ui, "Inter", sans-serif);font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease}.ppm-pro .ppm-tab i{width:14px!important;height:14px!important}.ppm-pro .ppm-tab em{font-style:normal;font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px;background:rgba(0,0,0,.06);color:var(--text-muted)}.ppm-pro .ppm-tab.is-active{background:#fff;color:var(--primary-accent,#3b6ef5);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.08))}.ppm-pro .ppm-tab.is-active em{background:var(--primary-light,rgba(59,110,245,.12));color:var(--primary-accent,#3b6ef5)}.ppm-pro .ppm-rating{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-secondary);white-space:nowrap}.ppm-pro .ppm-rating i{width:15px!important;height:15px!important;color:#f59e0b;fill:#f59e0b}.ppm-pro .ppm-rating strong{color:var(--text-headings);font-weight:800}.ppm-pro .ppm-modlist{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;padding:2px 4px 2px 2px;margin-bottom:16px}.ppm-pro .ppm-modlist[hidden]{display:none}.ppm-pro .ppm-modlist::-webkit-scrollbar{width:6px}.ppm-pro .ppm-modlist::-webkit-scrollbar-thumb{background:rgba(0,0,0,.14);border-radius:8px}.ppm-pro .ppm-mod{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-md,12px);background:var(--bg-card,#fff);border:1px solid var(--border-color)}.ppm-pro .ppm-mod>i{flex-shrink:0;width:20px!important;height:20px!important;padding:3px;border-radius:50%;background:rgba(16,185,129,.14);color:#059669;stroke-width:3}.ppm-pro .ppm-mod-tag{flex-shrink:0;font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted)}.ppm-pro .ppm-mod-title{font-size:13.5px;font-weight:600;color:var(--text-headings);line-height:1.25}.ppm-pro .ppm-buy-card{flex-shrink:0;padding:11px 13px;border-radius:var(--radius-lg,14px);background:var(--bg-alt-section,#f0f9ff);border:1px solid rgba(var(--primary-accent-rgb,59,110,245),.18)}.ppm-pro .ppm-price-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}.ppm-pro .ppm-old-price{font-size:15px;font-weight:600;color:var(--text-muted);text-decoration:line-through}.ppm-pro .ppm-discount{padding:3px 9px;border-radius:var(--radius-full,999px);background:#10b981;color:#fff;font-size:12px;font-weight:800}.ppm-pro .ppm-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:9px}.ppm-pro .ppm-price{display:flex;align-items:baseline;gap:7px}.ppm-pro .ppm-amount{font-family:var(--font-headings, "Inter", sans-serif);font-size:25px;font-weight:800;line-height:1;color:var(--text-headings)}.ppm-pro .ppm-note{font-size:12px;color:var(--text-muted)}.ppm-pro .ppm-save{padding:6px 11px;border-radius:var(--radius-full,999px);background:var(--primary-light,rgba(59,110,245,.08));color:var(--primary-accent-dark,#2554d6);font-size:12px;font-weight:700}.ppm-pro .ppm-promo-row{width:100%;margin-bottom:12px}.ppm-pro .ppm-promo-input-wrap{width:100%}.ppm-pro .ppm-buy-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-md,12px);background:linear-gradient(135deg,var(--primary-accent,#3b6ef5) 0,#6d3ff0 100%);color:#fff;font-family:var(--font-ui, "Inter", sans-serif);font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 10px 22px -10px rgba(var(--primary-accent-rgb,59,110,245),.6);transition:transform .15s ease,box-shadow .15s ease}.ppm-pro .ppm-buy-btn:hover{transform:translateY(-1px);box-shadow:0 16px 34px -12px rgba(var(--primary-accent-rgb,59,110,245),.8)}.ppm-pro .ppm-buy-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.ppm-pro .ppm-buy-btn i{width:18px!important;height:18px!important}.ppm-pro .ppm-foot{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 16px;margin-top:9px}.ppm-pro .ppm-foot>span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--text-secondary)}.ppm-pro .ppm-foot>span i{width:13px!important;height:13px!important;color:#059669}.ppm-pro .ppm-gift-link{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:0 0;color:var(--primary-accent,#3b6ef5);font-family:var(--font-ui, "Inter", sans-serif);font-size:12px;font-weight:700;cursor:pointer;transition:opacity .15s ease}.ppm-pro .ppm-gift-link:hover{opacity:.72}.ppm-pro .ppm-gift-link i{width:13px!important;height:13px!important;color:var(--primary-accent,#3b6ef5)!important}@media (max-width:560px){.ppm-pro .ppm-hero{padding:24px 22px 22px}.ppm-pro .ppm-hero-title{font-size:27px}.ppm-pro .ppm-hero-cards{grid-template-columns:1fr 1fr}.ppm-pro .ppm-inner{padding:18px 20px}.ppm-pro .ppm-tabs-row{justify-content:center}.ppm-pro .ppm-modlist{max-height:180px}}@media (max-height:720px){.ppm-pro .ppm-hero{padding:20px 30px 18px}.ppm-pro .ppm-hero-title{font-size:28px}.ppm-pro .ppm-hero-cards{margin-top:14px}.ppm-pro .ppm-modlist{max-height:150px}.ppm-pro .ppm-amount{font-size:32px}}.ppm-pro .ppm-buy-btn{margin-bottom:6px}.ppm-pro .ppm-buy-btn i{width:16px!important;height:16px!important}.ppm-pro .ppm-buy-btn #ppmBtnPrice{font-weight:800}.ppm-pro .ppm-gift-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 18px;border:1.5px solid rgba(var(--primary-accent-rgb,59,110,245),.35);border-radius:var(--radius-md,12px);background:var(--bg-card,#fff);color:var(--primary-accent,#3b6ef5);font-family:var(--font-ui, "Inter", sans-serif);font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.ppm-pro .ppm-gift-btn:hover{background:var(--primary-light,rgba(59,110,245,.08));border-color:var(--primary-accent,#3b6ef5);transform:translateY(-1px)}.ppm-pro .ppm-gift-btn i{width:15px!important;height:15px!important;color:var(--primary-accent,#3b6ef5)!important}.ppm-pro .ppm-promo-toggle{display:flex;align-items:center;gap:6px;width:fit-content;margin:8px auto 0;padding:2px 8px;border:none;background:0 0;color:var(--text-secondary);font-family:var(--font-ui, "Inter", sans-serif);font-size:12.5px;font-weight:600;cursor:pointer;transition:color .15s ease}.ppm-pro .ppm-promo-toggle:hover{color:var(--primary-accent,#3b6ef5)}.ppm-pro .ppm-promo-toggle i{width:14px!important;height:14px!important}.ppm-pro .ppm-promo-row{margin-top:12px}.ppm-pro .ppm-promo-row[hidden]{display:none}#courseContent .lb-term{position:relative;cursor:help;border-bottom:1px dashed rgba(var(--primary-rgb),.45);color:inherit}#courseContent .lb-term::after{content:attr(data-def);position:absolute;left:0;bottom:calc(100% + 8px);z-index:70;width:max-content;max-width:min(280px,78vw);padding:9px 12px;border-radius:10px;background:#0f172a;color:#fff;font-family:var(--font-ui);font-size:12.5px;font-weight:500;line-height:1.4;white-space:normal;box-shadow:0 12px 30px -8px rgba(15,23,42,.5);opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}#courseContent .lb-term::before{content:"";position:absolute;left:12px;bottom:calc(100% + 2px);z-index:71;border:6px solid transparent;border-top-color:#0f172a;opacity:0;transition:opacity .15s ease;pointer-events:none}#courseContent .lb-term.is-open::after,#courseContent .lb-term:focus-visible::after,#courseContent .lb-term:hover::after{opacity:1;transform:translateY(0)}#courseContent .lb-term.is-open::before,#courseContent .lb-term:focus-visible::before,#courseContent .lb-term:hover::before{opacity:1}.course-shortcuts-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease}.course-shortcuts-overlay.visible{opacity:1}.course-shortcuts-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.5rem 1.75rem;width:340px;max-width:90vw;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:translateY(10px) scale(.97);transition:transform .2s ease}.course-shortcuts-overlay.visible .course-shortcuts-panel{transform:translateY(0) scale(1)}.csk-header{display:flex;align-items:center;gap:8px;margin-bottom:1.1rem;font-weight:700;font-size:var(--font-md);color:var(--text-headings)}.csk-header i{width:18px;height:18px;color:var(--primary-accent)}.csk-close{margin-left:auto;background:0 0;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:var(--radius-sm)}.csk-close:hover{background:var(--bg-hover);color:var(--text-primary)}.csk-grid{display:flex;flex-direction:column;gap:4px}.csk-row{display:flex;align-items:center;gap:12px;padding:7px 8px;border-radius:var(--radius-sm)}.csk-row:hover{background:var(--bg-hover)}.csk-row kbd{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 8px;background:var(--bg-element);border:1px solid var(--border-color);border-bottom-width:2px;border-radius:var(--radius-xs);font-family:var(--font-code);font-size:var(--font-xs);font-weight:600;color:var(--text-primary)}.csk-row span{font-size:var(--font-sm);color:var(--text-secondary)}.csk-hint{margin:1rem 0 0;font-size:var(--font-xs);color:var(--text-muted);text-align:center}.lesson-shead-kb{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.lesson-shead-kb:focus-visible,.lesson-shead-kb:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.lesson-shead-kb i{width:16px;height:16px}@media (max-width:768px){.lesson-shead-kb{display:none}}
.code-editor-overlay{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;background:var(--bg-body);color:var(--text-primary);font-family:var(--font-ui, 'Inter', sans-serif);visibility:hidden;opacity:0;transition:opacity .2s ease,visibility 0s linear .2s}.code-editor-overlay.active{visibility:visible;opacity:1;transition-delay:0s}.ide-topbar{position:relative;display:flex;align-items:center;gap:16px;height:56px;padding:0 16px;background:var(--bg-card);border-bottom:1px solid var(--border-color);flex-shrink:0}.ide-topbar-brand{display:flex;align-items:center;gap:10px;min-width:0}.ide-brand-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--gradient-primary);color:#fff}.ide-brand-icon i{width:18px;height:18px}.ide-brand-name{font-weight:800;font-size:1rem;color:var(--text-headings);white-space:nowrap}.ide-topbar-actions{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.ide-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 18px;border:none;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .15s}.ide-btn i{width:17px;height:17px}.ide-btn-run{background:var(--color-success);color:#fff;box-shadow:0 2px 10px rgba(16,185,129,.3)}.ide-btn-run:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(16,185,129,.4)}.ide-btn-analyze{background:var(--primary-light);color:var(--primary-accent);border:1px solid color-mix(in srgb,var(--primary-accent) 30%,transparent)}.ide-btn-analyze:hover{background:color-mix(in srgb,var(--primary-accent) 18%,transparent)}.ide-kbd{padding:2px 6px;border-radius:5px;background:rgba(255,255,255,.2);font-size:.68rem;font-weight:600;font-family:var(--font-code, monospace)}.ide-topbar-tools{display:flex;align-items:center;gap:8px}.ide-tool-group{display:flex;align-items:center;gap:2px}.ide-tool-sep{width:1px;height:22px;background:var(--border-color)}.ide-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:9px;background:0 0;color:var(--text-secondary);cursor:pointer;transition:all .15s}.ide-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.ide-icon-btn i{width:17px;height:17px}.ide-close-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:9px;background:0 0;color:var(--text-muted);cursor:pointer;transition:all .15s;margin-left:4px}.ide-close-btn:hover{background:var(--color-error-light);color:var(--color-error)}.ide-close-btn i{width:18px;height:18px}.ide-btn-bloxi-toggle{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-hover);color:var(--text-primary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.ide-btn-bloxi-toggle:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.ide-bloxi-mark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:var(--gradient-primary);color:#fff;font-weight:800;font-size:.72rem;flex-shrink:0}.ide-bloxi-mark--lg{width:48px;height:48px;border-radius:15px;font-size:1.4rem}.ide-bloxi-mark--anim{position:relative;overflow:hidden;animation:bloxiPulse 2.8s ease-in-out infinite;box-shadow:0 2px 10px rgba(var(--primary-accent-rgb),.4)}.ide-bloxi-mark--anim::after{content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:bloxiShine 3.2s ease-in-out infinite}@keyframes bloxiPulse{0%,100%{transform:scale(1);box-shadow:0 2px 10px rgba(var(--primary-accent-rgb),.4)}50%{transform:scale(1.06);box-shadow:0 4px 16px rgba(var(--primary-accent-rgb),.6)}}@keyframes bloxiShine{0%,60%{left:-120%}100%{left:130%}}@media (prefers-reduced-motion:reduce){.ide-bloxi-mark--anim{animation:none}.ide-bloxi-mark--anim::after{animation:none}}.ide-dropdown{position:absolute;top:calc(100% + 6px);right:120px;min-width:300px;max-height:60vh;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:8px;box-shadow:var(--shadow-xl);z-index:100;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .15s,transform .15s,visibility 0s linear .15s}.ide-dropdown.open{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}.ide-dropdown-scripts{right:60px}.ide-dropdown-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:6px 10px 8px}.ide-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 10px;border-radius:10px;cursor:pointer;transition:background .15s}.ide-dropdown-item:hover{background:var(--bg-hover)}.ide-dropdown-item>i{width:34px;height:34px;padding:8px;border-radius:9px;background:var(--primary-light);color:var(--primary-accent);flex-shrink:0}.ide-dropdown-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.ide-dropdown-item-name{font-size:.85rem;font-weight:600;color:var(--text-headings)}.ide-dropdown-item-desc{font-size:.75rem;color:var(--text-muted)}.ide-scripts-loading{padding:20px;text-align:center;color:var(--text-muted);font-size:.85rem}.ide-script-item{position:relative}.ide-script-actions{display:flex;gap:2px;margin-left:auto;opacity:0;transition:opacity .15s}.ide-script-item:hover .ide-script-actions{opacity:1}.ide-script-actions button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:7px;background:0 0;color:var(--text-muted);cursor:pointer;transition:all .15s}.ide-script-actions button:hover{background:var(--bg-card);color:var(--primary-accent)}.ide-script-actions button.ide-script-danger:hover{background:var(--color-error-light);color:var(--color-error)}.ide-script-actions button i{width:14px;height:14px}.ide-scripts-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 20px;text-align:center;color:var(--text-muted)}.ide-scripts-empty i{width:28px;height:28px;color:var(--border-color)}.ide-scripts-empty p{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin:0}.ide-scripts-empty span{font-size:.78rem}.ide-main{position:relative;display:flex;flex:1;min-height:0;overflow:hidden}.ide-left{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.ide-editor-zone{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.ide-tabs{display:flex;align-items:center;gap:4px;height:42px;padding:0 8px;background:var(--bg-card);border-bottom:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none;flex-shrink:0}.ide-tabs::-webkit-scrollbar{display:none}.code-editor-panel-tab{display:flex;align-items:center;gap:7px;height:30px;padding:0 12px;border:none;border-radius:8px;background:0 0;color:var(--text-secondary);font-size:.8rem;font-weight:500;font-family:var(--font-code, monospace);cursor:pointer;white-space:nowrap;transition:all .15s}.code-editor-panel-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.code-editor-panel-tab.active{background:var(--primary-light);color:var(--primary-accent)}.code-editor-panel-tab i{width:13px;height:13px}.tab-close-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;font-size:1rem;line-height:1;color:var(--text-muted)}.tab-close-btn:hover{background:var(--color-error-light);color:var(--color-error)}.tab-rename-input{width:110px;border:1px solid var(--primary-accent);border-radius:5px;background:var(--bg-body);color:var(--text-primary);font-family:var(--font-code, monospace);font-size:.78rem;padding:2px 6px;outline:0}.code-editor-tab-add{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:0 0;color:var(--text-muted);cursor:pointer;transition:all .15s}.code-editor-tab-add:hover{background:var(--bg-hover);color:var(--primary-accent)}.code-editor-tab-add i{width:15px;height:15px}.ide-monaco{flex:1;min-height:0}.ide-resize-v{height:5px;background:0 0;cursor:row-resize;flex-shrink:0;position:relative}.ide-resize-v::before{content:'';position:absolute;inset:2px 0;background:var(--border-color)}.ide-resize-v.dragging::before,.ide-resize-v:hover::before{background:var(--primary-accent)}.ide-console{height:200px;min-height:120px;display:flex;flex-direction:column;background:var(--bg-card);flex-shrink:0}.ide-console-head{display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 14px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);flex-shrink:0}.ide-console-title{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:700;color:var(--text-headings)}.ide-console-title i{width:15px;height:15px;color:var(--color-success)}.ide-console-actions{display:flex;align-items:center;gap:14px}.ide-status-item{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-code, monospace);font-size:.72rem;color:var(--text-muted)}.ide-status-item i{width:12px;height:12px}.ide-status-lang{color:var(--primary-accent);font-weight:600}.ide-status-item.engine-ready,.ide-status-item.engine-ready i{color:var(--color-success)}.ide-side-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--bg-hover);color:var(--text-muted);font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.ide-side-clear{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:7px;background:0 0;color:var(--text-muted);cursor:pointer;transition:all .15s}.ide-side-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.ide-side-clear i{width:15px;height:15px}.ide-bloxi{width:300px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-card);border-left:2px solid color-mix(in srgb,var(--primary-accent) 30%,var(--border-color));transition:width .25s ease,border-width .25s;overflow:hidden}.ide-bloxi.collapsed{width:0;border-left-width:0}.ide-bloxi-head{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 12px;border-bottom:1px solid var(--border-color);background:var(--primary-light);flex-shrink:0}.ide-bloxi-head-title{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--text-headings)}.ide-bloxi-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:7px;background:0 0;color:var(--text-muted);cursor:pointer;transition:all .15s}.ide-bloxi-close:hover{background:var(--bg-hover);color:var(--text-primary)}.ide-bloxi-close i{width:16px;height:16px}.code-editor-console-output{flex:1;overflow-y:auto;padding:12px 16px;font-family:var(--font-code, monospace);font-size:.82rem;line-height:1.7}.code-editor-console-output::-webkit-scrollbar{width:8px}.code-editor-console-output::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.console-line{display:flex;gap:8px;padding:1px 0;word-break:break-word}.console-line.info{color:var(--text-primary)}.console-line.warn{color:var(--color-warning)}.console-line.error{color:var(--color-error)}.console-line.success{color:var(--color-success)}.console-timestamp{color:var(--text-muted);flex-shrink:0;opacity:.7}.code-editor-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-muted);padding:1rem}.code-editor-welcome>i{width:40px;height:40px;color:var(--border-color);margin-bottom:12px}.code-editor-welcome h3{font-size:.95rem;font-weight:700;color:var(--text-headings);margin:0 0 6px}.code-editor-welcome p{font-size:.82rem;margin:0 0 6px}.ide-welcome-hint{font-size:.75rem!important;opacity:.8}.code-editor-welcome code{padding:1px 6px;border-radius:4px;background:var(--bg-hover);font-family:var(--font-code, monospace);font-size:.85em;color:var(--primary-accent)}.code-editor-welcome kbd{padding:2px 8px;border-radius:5px;background:var(--bg-hover);border:1px solid var(--border-color);color:var(--primary-accent);font-size:.75rem;font-weight:600;font-family:var(--font-code, monospace)}.code-editor-bloxi-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.code-editor-bloxi-messages::-webkit-scrollbar{width:8px}.code-editor-bloxi-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.code-editor-bloxi-welcome{text-align:center;color:var(--text-secondary);padding:1.5rem 1rem}.code-editor-bloxi-welcome .ide-bloxi-mark--lg{margin:0 auto 14px}.code-editor-bloxi-welcome p{font-size:.86rem;margin:0 0 8px;line-height:1.55}.code-editor-bloxi-welcome strong{color:var(--text-headings)}.ide-bloxi-quick{display:flex;flex-direction:column;gap:8px;margin-top:16px}.ide-bloxi-quick button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-hover);color:var(--text-primary);font-size:.83rem;font-weight:600;cursor:pointer;transition:all .15s}.ide-bloxi-quick button:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:var(--primary-light)}.ide-bloxi-quick button i{width:15px;height:15px}.code-editor-bloxi-msg{max-width:92%;padding:10px 13px;border-radius:14px;font-size:.85rem;line-height:1.55}.code-editor-bloxi-msg.user{align-self:flex-end;background:var(--primary-accent);color:#fff;border-bottom-right-radius:5px}.code-editor-bloxi-msg.ai{align-self:flex-start;background:var(--bg-hover);color:var(--text-primary);border-bottom-left-radius:5px}.code-editor-bloxi-msg pre{background:var(--bg-body);border:1px solid var(--border-color);border-radius:8px;padding:10px;margin:8px 0;overflow-x:auto;font-family:var(--font-code, monospace);font-size:.78rem}.code-editor-bloxi-msg code{font-family:var(--font-code, monospace);font-size:.85em}.code-editor-bloxi-msg p:not(:last-child){margin-bottom:6px}.code-editor-bloxi-messages .bloxi-code-block{position:relative;margin:10px 0;border-radius:10px;overflow:hidden;border:1px solid #2d333b;background:#161b22!important}.code-editor-bloxi-messages .bloxi-code-lang{display:block;padding:6px 12px;background:rgba(88,166,255,.12)!important;color:#79c0ff!important;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #2d333b}.code-editor-bloxi-messages .bloxi-code-block pre{margin:0!important;border:none!important;border-radius:0!important;background:#161b22!important;padding:12px!important}.code-editor-bloxi-messages .bloxi-code-block pre code,.code-editor-bloxi-messages .bloxi-code-block pre code *{color:#e6edf3!important;font-size:.8rem;line-height:1.6;opacity:1!important}.code-editor-bloxi-messages .bloxi-code-block pre::-webkit-scrollbar{height:6px}.code-editor-bloxi-messages .bloxi-code-block pre::-webkit-scrollbar-thumb{background:#30363d;border-radius:3px}.code-editor-bloxi-messages .bloxi-code-block pre::-webkit-scrollbar-track{background:0 0}.bloxi-code-actions{position:absolute;top:5px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.code-editor-bloxi-messages .bloxi-code-block:hover .bloxi-code-actions{opacity:1}.bloxi-code-actions button{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid #30363d;border-radius:6px;background:#21262d;color:#c9d1d9;font-size:.68rem;font-weight:600;cursor:pointer;transition:all .15s}.bloxi-code-actions button:hover{background:#30363d;color:#fff;border-color:#58a6ff}.bloxi-code-actions button i,.bloxi-code-actions button svg{width:12px;height:12px}.bloxi-typing-dots span{animation:bloxiBlink 1.2s infinite}.bloxi-typing-dots span:nth-child(2){animation-delay:.2s}.bloxi-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bloxiBlink{0%,100%,60%{opacity:.3}30%{opacity:1}}.code-editor-bloxi-footer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border-color);flex-shrink:0}.code-editor-bloxi-footer input{flex:1;height:40px;padding:0 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-body);color:var(--text-primary);font-size:.85rem;outline:0;transition:border-color .15s}.code-editor-bloxi-footer input:focus{border-color:var(--primary-accent)}.code-editor-bloxi-footer input::placeholder{color:var(--text-muted)}.ide-bloxi-send{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:10px;background:var(--gradient-primary);color:#fff;cursor:pointer;transition:all .15s}.ide-bloxi-send:hover{opacity:.9;transform:translateY(-1px)}.ide-bloxi-send i{width:16px;height:16px}@media (max-width:900px){.ide-bloxi{position:absolute;top:0;right:0;bottom:0;z-index:50;box-shadow:-8px 0 24px rgba(0,0,0,.2)}.ide-console{height:180px}.ide-topbar{gap:8px;padding:0 10px}.ide-brand-name{display:none}.ide-btn span{display:none}.ide-kbd{display:none}.ide-btn{padding:0 14px}.ide-topbar-actions{flex:0}}.code-editor-overlay.exercise-mode .ide-bloxi,.code-editor-overlay.exercise-mode .ide-btn-analyze,.code-editor-overlay.exercise-mode .ide-btn-bloxi-toggle,.code-editor-overlay.exercise-mode .ide-btn-run,.code-editor-overlay.exercise-mode .ide-tabs .ide-tab-add,.code-editor-overlay.exercise-mode .ide-topbar-actions .ide-btn-run,.code-editor-overlay.exercise-mode .ide-topbar-tools .ide-tool-group,.code-editor-overlay.exercise-mode .ide-topbar-tools .ide-tool-sep{display:none!important}.code-editor-overlay.exercise-mode .ide-topbar-tools{gap:0}.code-editor-overlay.exercise-mode .ide-topbar-tools .ide-close-btn{display:inline-flex!important}.code-editor-overlay.exercise-mode .ide-main{grid-template-columns:1fr 200px!important}.ide-exercise-panel{display:none;flex-direction:column;background:var(--bg-card,#fff);border-left:1px solid var(--border-color,#e5e7eb);overflow-y:auto;padding:12px;gap:8px}.ide-ex-panel-head{display:flex;align-items:center;gap:5px;font-size:.6rem;font-weight:700;color:var(--text-muted,#9ca3af);text-transform:uppercase;letter-spacing:.05em}.ide-ex-panel-head i{width:11px;height:11px;color:var(--primary-accent,#3b6ef5)}.ide-ex-panel-body{display:flex;flex-direction:column;gap:8px}.ide-ex-panel-title{margin:0;font-size:.78rem;font-weight:700;color:var(--text-headings,#111);line-height:1.3}.ide-ex-panel-instructions{font-size:.7rem;line-height:1.5;color:var(--text-secondary,#6b7280)}.ide-ex-panel-instructions code{font-family:var(--font-code, monospace);font-size:.85em;padding:0 3px;border-radius:3px;background:rgba(var(--primary-rgb,59,110,245),.08);color:var(--primary-accent,#3b6ef5)}.ide-ex-hints{padding:6px 8px;background:rgba(245,158,11,.04);border:1px solid rgba(245,158,11,.12);border-radius:6px}.ide-ex-hints-title{display:flex;align-items:center;gap:4px;font-size:.58rem;font-weight:700;color:#d97706;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.ide-ex-hints-title i{width:10px;height:10px}.ide-ex-hints p{margin:0 0 3px;font-size:.65rem;line-height:1.4;color:var(--text-muted,#9ca3af)}.ide-ex-hints p:last-child{margin-bottom:0}.code-editor-overlay.exercise-mode .ide-exercise-banner{display:none!important}@media (max-width:900px){.code-editor-overlay.exercise-mode .ide-main{grid-template-columns:1fr!important}.ide-exercise-panel{max-height:200px;border-left:none;border-top:1px solid var(--border-color,#e5e7eb)}}
.arcade-page{max-width:var(--container-wide);margin:0 auto;padding:0 30px 80px;animation:fadeInUp .5s ease-out}.arcade-header{background:linear-gradient(135deg,var(--primary-accent-dark) 0,var(--primary-accent-dark) 100%);border-radius:24px;padding:50px 40px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.arcade-header::before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:rgba(255,255,255,.1);border-radius:50%}.daily-header-content{position:relative;z-index:1}.daily-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;margin-bottom:16px}.daily-badge i{width:16px;height:16px}.arcade-header h1{font-size:2.2rem;font-weight:800;color:#fff;margin:0 0 10px}.arcade-header p{color:rgba(255,255,255,.9);font-size:1.1rem;margin:0}.arcade-balance .balance-item{background:rgba(255,255,255,.2);padding:16px 24px;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:120px}.balance-item i{color:#eab308;font-size:1.5rem}.balance-amount{font-size:1.8rem;font-weight:800;color:#fff;line-height:1}.balance-label{font-size:.75rem;color:rgba(255,255,255,.8);font-weight:600;text-transform:uppercase}.arcade-section{margin-bottom:60px;animation:fadeInUp .5s ease-out backwards}.arcade-section:first-child{animation-delay:.1s}.arcade-section:nth-child(2){animation-delay:.2s}.arcade-section:nth-child(3){animation-delay:.3s}.duel-container{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.duel-card.arena-card--full{width:100%;max-width:100%;border-radius:20px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:0 8px 32px rgba(0,0,0,.08)}.duel-arena-banner{position:relative;padding:32px 32px 28px;background:linear-gradient(135deg,#1a1a2e 0,#16213e 40%,#0f3460 100%);overflow:hidden;text-align:center}.duel-arena-banner .arena-banner-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(124,58,237,.15) 0,transparent 50%),radial-gradient(circle at 80% 50%,rgba(239,68,68,.12) 0,transparent 50%);pointer-events:none}.duel-arena-banner .arena-banner-content{position:relative;z-index:1}.arena-title-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:6px}.arena-icon{font-size:1.5rem;color:#f59e0b;filter:drop-shadow(0 2px 6px rgba(245, 158, 11, .4))}.arena-title{font-size:1.6rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:2px;margin:0}.arena-subtitle{color:rgba(255,255,255,.6);font-size:.9rem;margin:0}.searching-banner{padding:40px 32px}.searching-banner h3{color:#fff;font-size:1.3rem;margin:16px 0 8px}.searching-meta{color:rgba(255,255,255,.7);font-size:.9rem;margin:0}.duel-searching-footer{padding:20px 32px;text-align:center}.countdown-banner{padding:28px 32px}.countdown-label{color:rgba(255,255,255,.6);font-size:.9rem;margin:0 0 8px}.countdown-number{font-size:4rem;font-weight:900;color:#f59e0b;text-shadow:0 4px 20px rgba(245,158,11,.5);animation:countPulse 1s ease-in-out infinite}@keyframes countPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.duel-countdown-players{display:flex;align-items:center;justify-content:center;gap:32px;padding:28px 32px}.countdown-stake{text-align:center;color:var(--text-secondary);font-size:.95rem;padding:0 32px 24px;margin:0}.duel-idle-content{padding:28px 32px 32px}.duel-matchup-zone{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:28px}.duel-player-card{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:100px}.duel-avatar-wrapper{width:72px;height:72px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;border:3px solid var(--border-color);background:var(--bg-element);transition:all .3s ease}.duel-avatar-wrapper.me-wrapper{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.15),0 4px 16px rgba(124,58,237,.25)}.duel-avatar-wrapper.opp-wrapper{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1),0 4px 16px rgba(239,68,68,.15)}.duel-avatar-wrapper.opp-wrapper i{font-size:1.5rem;color:var(--text-muted)}.duel-avatar-img{width:100%;height:100%;object-fit:cover}.duel-player-label{font-weight:700;font-size:.9rem;color:var(--text-headings)}.duel-player-gems{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.duel-player-gems i{color:#7c3aed;font-size:.7rem}.duel-player-gems--unknown{color:var(--text-muted);font-style:italic}.duel-vs-badge{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#ef4444);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(124,58,237,.3);flex-shrink:0}.duel-vs-badge span{font-weight:900;font-size:1rem;color:#fff;font-style:italic}.duel-vs-badge.pulse{animation:vsPulse 1.5s ease-in-out infinite}@keyframes vsPulse{0%,100%{transform:scale(1);box-shadow:0 4px 16px rgba(124,58,237,.3)}50%{transform:scale(1.1);box-shadow:0 6px 24px rgba(124,58,237,.5)}}.duel-config-zone{display:flex;flex-direction:column;gap:24px}.duel-config-section{display:flex;flex-direction:column;gap:10px}.config-section-title{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0;display:flex;align-items:center;gap:6px}.config-section-title i{color:var(--primary-accent);font-size:.75rem}.mode-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mode-btn{background:var(--bg-element);border:2px solid var(--border-color);border-radius:14px;padding:14px 12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.mode-btn i{font-size:1.3rem;color:var(--mode-color,var(--text-muted))}.mode-btn-text{display:flex;flex-direction:column;gap:2px}.mode-btn-name{font-weight:700;font-size:.82rem;color:var(--text-headings)}.mode-btn-desc{font-size:.68rem;color:var(--text-muted);line-height:1.2}.mode-btn:hover{transform:translateY(-3px);border-color:var(--mode-color,var(--primary-accent));box-shadow:0 4px 16px color-mix(in srgb,var(--mode-color,var(--primary-accent)) 15%,transparent)}.mode-btn.active{background:color-mix(in srgb,var(--mode-color,var(--primary-accent)) 8%,var(--bg-card));border-color:var(--mode-color,var(--primary-accent));box-shadow:0 4px 16px color-mix(in srgb,var(--mode-color,var(--primary-accent)) 20%,transparent);transform:translateY(-3px)}.mode-btn.active i{color:var(--mode-color,var(--primary-accent))}.stake-options{display:flex;gap:10px;justify-content:center}.stake-btn{background:var(--bg-element);border:2px solid var(--border-color);border-radius:12px;padding:12px 24px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:70px}.stake-amount{font-size:1.2rem;font-weight:800;color:var(--text-headings)}.stake-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.stake-btn:hover{transform:translateY(-2px);border-color:#7c3aed}.stake-btn.active{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed;color:#fff;box-shadow:0 4px 16px rgba(124,58,237,.3);transform:translateY(-2px)}.stake-btn.active .stake-amount,.stake-btn.active .stake-label{color:#fff}.duel-match-summary{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 16px;background:var(--bg-element);border:1px solid var(--border-color);border-radius:12px}.summary-item{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-secondary)}.summary-item i{color:var(--primary-accent);font-size:.8rem}.summary-item strong{color:var(--text-headings);font-weight:800}.btn-duel-join{width:100%;padding:16px 24px;border:none;border-radius:14px;background:linear-gradient(135deg,#7c3aed 0,#6d28d9 100%);color:#fff;font-weight:700;font-size:1.05rem;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 18px rgba(124,58,237,.35);display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.btn-duel-join::before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.15),transparent);transform:translateX(-100%);transition:transform .5s ease}.btn-duel-join:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(124,58,237,.5)}.btn-duel-join:hover::before{transform:translateX(100%)}.btn-duel-cost{opacity:.85;font-weight:600;font-size:.9rem}.btn-cancel-duel{background:var(--bg-element);border:1px solid var(--border-color);border-radius:12px;padding:12px 28px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-cancel-duel:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.duel-search-spinner{position:relative;width:70px;height:70px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center}.duel-search-spinner .search-ring{position:absolute;inset:0;border:3px solid rgba(255,255,255,.15);border-top-color:#f59e0b;border-right-color:#7c3aed;border-radius:50%;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.duel-search-spinner i{font-size:1.3rem;color:#f59e0b}.duel-mode-selector{display:flex;flex-direction:column;gap:10px}.mode-label{font-weight:700;color:var(--text-secondary);font-size:.9rem}.duel-playing-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 4px;margin-bottom:12px}.btn-duel-forfeit{background:0 0;border:1px solid var(--border-color);border-radius:8px;padding:6px 14px;font-size:.78rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:5px}.btn-duel-forfeit:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.duel-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.duel-modal{background:var(--bg-card);border-radius:20px;padding:32px;max-width:380px;width:90%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:scaleIn .25s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.duel-modal-icon{width:56px;height:56px;border-radius:50%;background:#fee2e2;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.duel-modal-icon i{font-size:1.4rem;color:#ef4444}.duel-modal h3{font-size:1.2rem;font-weight:700;color:var(--text-headings);margin:0 0 8px}.duel-modal p{color:var(--text-secondary);font-size:.9rem;margin:0 0 24px}.duel-modal-actions{display:flex;gap:10px;justify-content:center}.duel-modal-btn{padding:10px 22px;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:6px}.duel-modal-btn.confirm{background:#ef4444;color:#fff}.duel-modal-btn.confirm:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.duel-modal-btn.cancel{background:var(--bg-element);color:var(--text-secondary);border:1px solid var(--border-color)}.duel-modal-btn.cancel:hover{background:var(--bg-body)}.duel-speed-box{text-align:left}.duel-complete-label,.duel-speed-label{font-weight:700;color:var(--text-secondary);font-size:.85rem;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.duel-complete-code,.duel-speed-target{background:#1e1e2e;border-radius:12px;padding:16px 20px;margin:0 0 14px;overflow-x:auto;font-size:.95rem;line-height:1.5}.duel-complete-code code,.duel-speed-target code{color:#a6e3a1;font-family:'JetBrains Mono','Fira Code',monospace;white-space:pre-wrap;word-break:break-all}.duel-complete-input,.duel-speed-input{width:100%;padding:14px 16px;border:2px solid var(--border-color);border-radius:12px;font-family:'JetBrains Mono','Fira Code',monospace;font-size:.95rem;background:var(--bg-element);color:var(--text-primary);transition:border-color .2s;box-sizing:border-box}.duel-complete-input:focus,.duel-speed-input:focus{outline:0;border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(124,58,237,.1)}.duel-speed-input.speed-error{border-color:#ef4444;animation:shakeInput .3s ease}@keyframes shakeInput{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.duel-complete-submit{margin-top:10px;padding:10px 24px;background:var(--primary-accent);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s}.duel-complete-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(124,58,237,.3)}.duel-blank{background:rgba(124,58,237,.2);color:#7c3aed;padding:2px 8px;border-radius:4px;font-weight:700;border-bottom:2px dashed #7c3aed}.duel-generic-feedback{margin-top:12px;padding:10px 16px;border-radius:10px;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:8px}.duel-generic-feedback.correct{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.2)}.duel-generic-feedback.wrong{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.duel-generic-feedback code{background:var(--bg-element);padding:2px 6px;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:.85rem}.duel-emotes-bar{display:flex;gap:4px}.emote-btn{background:var(--bg-element);border:1px solid var(--border-color);border-radius:8px;width:32px;height:32px;font-size:1rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.emote-btn:hover{transform:scale(1.2);background:var(--bg-body)}.emote-btn:active{transform:scale(.9)}.duel-emote-display{position:relative;height:0;overflow:visible;z-index:10}.duel-emote-bubble{position:absolute;font-size:2rem;animation:emoteFloat 2.5s ease-out forwards;pointer-events:none}.duel-emote-bubble.me{left:10%}.duel-emote-bubble.opp{right:10%}@keyframes emoteFloat{0%{transform:translateY(0) scale(.5);opacity:0}20%{transform:translateY(-10px) scale(1.2);opacity:1}100%{transform:translateY(-60px) scale(.8);opacity:0}}.duel-profile-modal{max-width:320px}.profile-modal-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:20px}.profile-modal-avatar{width:64px;height:64px;border-radius:50%;border:3px solid #ef4444;object-fit:cover}.profile-modal-header h3{margin:0;font-size:1.1rem}.profile-grade{font-size:.8rem;color:var(--text-muted);background:var(--bg-element);padding:3px 10px;border-radius:8px}.profile-modal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.profile-stat{text-align:center;padding:8px 4px;background:var(--bg-element);border-radius:10px}.stat-value{display:block;font-weight:800;font-size:1.1rem;color:var(--text-headings)}.stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.profile-modal-winrate{margin-bottom:16px}.winrate-bar{height:6px;background:var(--bg-element);border-radius:3px;overflow:hidden;margin-bottom:4px}.winrate-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;transition:width .3s}.winrate-label{font-size:.75rem;color:var(--text-muted)}.duel-elo-result{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:8px 16px;background:var(--bg-element);border-radius:10px;font-size:.85rem;color:var(--text-secondary)}.duel-elo-result i{color:var(--primary-accent)}.elo-streak{color:#f59e0b;font-weight:700}.duel-question-area{animation:slideIn .3s ease}@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.duel-profile-toggle{display:flex;align-items:center;gap:10px;width:100%;background:var(--bg-element);border:1px solid var(--border-color);border-radius:12px;padding:10px 16px;margin-bottom:20px;cursor:pointer;transition:all .2s;text-align:left}.duel-profile-toggle:hover{background:var(--bg-card);border-color:#7c3aed;box-shadow:0 2px 8px rgba(124,58,237,.1)}.profile-toggle-avatar{width:32px;height:32px;border-radius:50%;border:2px solid #7c3aed;object-fit:cover;flex-shrink:0}.profile-toggle-name{font-weight:700;font-size:.85rem;color:var(--text-headings);flex:1}.profile-toggle-elo{font-weight:800;font-size:.9rem;color:#7c3aed}.profile-toggle-arrow{color:var(--text-muted);font-size:.7rem;transition:transform .2s}.duel-profile-toggle:hover .profile-toggle-arrow{transform:translateX(3px)}.arena-profile-full{max-width:360px;padding:0;overflow:hidden}.arena-profile-banner{background:linear-gradient(135deg,#1a1a2e 0,#16213e 50%,#0f3460 100%);padding:28px 24px 20px;text-align:center;position:relative}.arena-profile-banner::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(124,58,237,.15) 0,transparent 60%);pointer-events:none}.arena-profile-avatar-wrap{position:relative;z-index:1;margin-bottom:10px}.arena-profile-avatar{width:68px;height:68px;border-radius:50%;border:3px solid #7c3aed;object-fit:cover;box-shadow:0 4px 20px rgba(124,58,237,.4)}.arena-profile-banner h3{color:#fff;font-size:1.1rem;margin:0 0 4px;position:relative;z-index:1}.arena-profile-rank{font-size:.78rem;color:rgba(255,255,255,.7);background:rgba(255,255,255,.1);padding:3px 12px;border-radius:8px;position:relative;z-index:1}.arena-profile-elo-section{padding:20px 24px 16px;text-align:center}.arena-elo-big{font-size:2.2rem;font-weight:900;color:#7c3aed;line-height:1}.arena-elo-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.arena-elo-bar-full{height:8px;background:var(--bg-element);border-radius:4px;margin:12px 0 4px;overflow:hidden}.arena-elo-bar-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a78bfa,#c4b5fd);border-radius:4px}.arena-elo-ticks{display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-muted)}.arena-profile-stats-full{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 20px}.arena-full-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 6px;background:var(--bg-element);border-radius:12px}.arena-full-stat i{font-size:1rem}.arena-full-stat-val{font-weight:800;font-size:1.1rem;color:var(--text-headings)}.arena-full-stat-lbl{font-size:.62rem;color:var(--text-muted);text-transform:uppercase}.arena-profile-footer{padding:14px 24px;text-align:center}.arena-total-games{font-size:.78rem;color:var(--text-muted)}.arena-profile-full .duel-modal-btn{margin:0 20px 20px;width:calc(100% - 40px);justify-content:center}.duel-rematch-notification{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:14px;padding:14px 18px;margin-bottom:16px;animation:slideDown .3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rematch-notif-content{display:flex;align-items:center;gap:12px}.rematch-notif-avatar{width:36px;height:36px;border-radius:50%;border:2px solid #f59e0b;object-fit:cover;flex-shrink:0}.rematch-notif-text{flex:1;font-size:.85rem;color:#92400e;display:flex;flex-direction:column;gap:2px}.rematch-notif-text strong{color:#78350f}.rematch-notif-meta{font-size:.75rem;opacity:.8}.rematch-notif-actions{display:flex;gap:6px;flex-shrink:0}.rematch-accept{background:#10b981;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-weight:600;font-size:.78rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.rematch-accept:hover{background:#059669;transform:translateY(-1px)}.rematch-decline{background:rgba(0,0,0,.1);color:#92400e;border:none;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:.85rem;transition:all .2s}.rematch-decline:hover{background:rgba(239,68,68,.2);color:#ef4444}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.game-card{background:var(--bg-card);border-radius:24px;overflow:hidden;border:1px solid var(--border-color);transition:all .4s cubic-bezier(.4, 0, .2, 1);display:flex;flex-direction:column;box-shadow:0 8px 25px rgba(0,0,0,.06)}.game-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -15px rgba(0,0,0,.12)}.game-thumbnail{height:160px;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden}.game-thumbnail::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.2) 100%)}.game-thumbnail::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0,transparent 50%);opacity:0;transition:opacity .4s ease}.game-card:hover .game-thumbnail::after{opacity:1;animation:pulse-soft 2s ease-in-out infinite}.game-thumbnail.code-guesser{background:linear-gradient(135deg,var(--color-success) 0,var(--color-success) 100%)}.game-thumbnail.memory-blocks{background:linear-gradient(135deg,var(--primary-accent) 0,var(--primary-accent-dark) 100%)}.game-thumbnail.speed-typer{background:linear-gradient(135deg,var(--color-warning) 0,var(--color-warning) 100%)}.game-thumbnail i{width:56px;height:56px;opacity:.95;position:relative;z-index:1;filter:drop-shadow(0 4px 8px rgba(0, 0, 0, .2));transition:transform .3s ease}.game-card:hover .game-thumbnail i{transform:scale(1.15) rotate(5deg)}.game-info{padding:24px;flex:1;display:flex;flex-direction:column}.game-info h3{font-size:1.2rem;font-weight:800;margin:0 0 8px;color:var(--text-headings)}.game-info p{font-size:.95rem;color:var(--text-secondary);margin:0 0 20px;flex:1;line-height:1.5}.btn-play{width:100%;padding:14px;border:2px solid var(--primary-accent);border-radius:12px;background:0 0;color:var(--primary-accent);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .35s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;z-index:1}.btn-play:hover{color:#fff;border-color:var(--primary-accent);background:var(--gradient-primary);transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,84,214,.35)}.missions-grid{display:grid;grid-template-columns:2fr 1fr;gap:28px}.challenges-card,.weekly-card{background:var(--bg-card);border-radius:24px;padding:28px;border:1px solid var(--border-color);box-shadow:0 8px 25px rgba(0,0,0,.06);transition:all .3s ease}.challenges-card:hover,.weekly-card:hover{box-shadow:0 15px 35px rgba(0,0,0,.08)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card-header h3{margin:0;font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:12px;color:var(--text-headings)}.card-header h3 i{color:var(--primary-accent);width:20px;height:20px}.challenges-progress{background:var(--bg-element);padding:6px 14px;border-radius:var(--radius-xl);font-size:.85rem;font-weight:700;color:var(--primary-accent)}.challenges-list{display:flex;flex-direction:column;gap:14px}.challenge-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-body);border-radius:16px;border:2px solid transparent;transition:all .3s ease}.challenge-item:hover{transform:translateX(5px);border-color:var(--border-color);box-shadow:0 4px 15px rgba(0,0,0,.05)}.challenge-item.completed{border-color:var(--color-success);background:linear-gradient(90deg,rgba(16,185,129,.08) 0,var(--bg-body) 100%)}.challenge-item.completed:hover{border-color:var(--color-success)}.challenge-item.locked{opacity:.55;pointer-events:none}.challenge-info{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.challenge-info i{width:20px;height:20px;flex-shrink:0;color:var(--text-muted)}.challenge-text{display:flex;flex-direction:column;gap:2px;min-width:0}.challenge-title{font-weight:600;color:var(--text-primary);font-size:.9rem}.challenge-desc{font-size:.78rem;color:var(--text-muted);line-height:1.3}.challenge-item.completed .challenge-info i{color:var(--color-success)}.challenge-item.completed .challenge-title{color:var(--color-success)}.challenge-item.claimed .challenge-title{color:var(--text-secondary)}.challenge-item.claimed .challenge-desc{opacity:.6}.challenge-rewards-stack{display:flex;gap:10px}.challenge-reward{font-size:.8rem;font-weight:700;padding:5px 10px;border-radius:var(--radius-sm);background:var(--bg-element);color:var(--text-secondary);transition:all .2s ease}.challenge-item:hover .challenge-reward{transform:scale(1.05)}.challenge-reward.gem{color:#f97316;background:rgba(249,115,22,.12);display:flex;align-items:center;gap:5px}.challenge-reward.gem i{width:12px;height:12px;stroke-width:3px}.challenge-reward.points,.challenge-reward.xp{color:var(--primary-accent);background:rgba(37,84,214,.1)}.btn-claim-quest{padding:6px 14px;font-size:.75rem;font-weight:700;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;cursor:pointer;transition:all .2s ease}.btn-claim-quest:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(249,115,22,.3)}.btn-claim-quest:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-claim-quest.claimed{background:var(--color-success)}.claimed-badge{font-size:.75rem;font-weight:700;color:var(--color-success);padding:6px 12px;background:rgba(16,185,129,.12);border-radius:var(--radius-sm)}.challenge-item.claimed{background:rgba(16,185,129,.06);border:2px solid rgba(16,185,129,.2);opacity:.8}.challenge-item.claimed .challenge-info span{text-decoration:line-through;color:var(--text-muted)}.weekly-progress{margin:24px 0;display:flex;align-items:center;gap:14px}.progress-bar{flex:1;height:10px;background:var(--bg-element);border-radius:5px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-accent),var(--primary-accent));width:0;border-radius:5px;transition:width .5s ease;position:relative}.progress-fill::after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);border-radius:5px 5px 0 0}.weekly-reward-box{background:linear-gradient(135deg,rgba(59,110,245,.08) 0,rgba(59,110,245,.02) 100%);border:2px solid var(--border-color);border-radius:16px;padding:20px;text-align:center;transition:all .3s ease}.weekly-reward-box:hover{border-color:var(--primary-accent);box-shadow:0 8px 25px rgba(37,84,214,.1)}.main-reward{display:inline-flex;align-items:center;gap:10px;font-size:1.6rem;font-weight:900;color:#f97316;animation:pulse-soft 3s ease-in-out infinite}.main-reward i{filter:drop-shadow(0 2px 6px rgba(249, 115, 22, .4))}.time-left{background:rgba(239,68,68,.1);color:var(--color-error);padding:6px 14px;border-radius:var(--radius-xl);font-size:.85rem;font-weight:700}@media (max-width:1200px){.arcade-page{padding:0 24px 70px}.duel-container,.games-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.duel-container,.games-grid{grid-template-columns:repeat(2,1fr);gap:20px}.missions-grid{grid-template-columns:1fr}}@media (max-width:768px){.arcade-page{padding:0 16px 60px}.arcade-header{padding:32px 24px;flex-direction:column;align-items:flex-start;gap:24px;border-radius:22px;text-align:left}.arcade-header::after{font-size:5rem;bottom:10px;right:20px}.arcade-header h1{font-size:2rem}.arcade-header p{font-size:1rem}.daily-badge{font-size:.8rem;padding:8px 14px}.duel-container,.games-grid{grid-template-columns:1fr;gap:20px}.duel-card,.game-card{border-radius:var(--radius-xl)}.duel-arena-banner{padding:24px 20px}.arena-title{font-size:1.3rem}.duel-idle-content{padding:20px 16px 24px}.duel-matchup-zone{gap:16px}.duel-avatar-wrapper{width:56px;height:56px}.duel-vs-badge{width:42px;height:42px}.mode-options{grid-template-columns:1fr;gap:8px}.mode-btn{flex-direction:row;padding:10px 14px;text-align:left}.mode-btn i{font-size:1.1rem}.stake-options{gap:8px}.stake-btn{padding:10px 16px;min-width:60px}.duel-match-summary{flex-direction:column;gap:8px}.duel-countdown-players{gap:20px;padding:20px 16px}.arcade-balance{width:100%}.arcade-balance .balance-item{width:100%;flex-direction:row;justify-content:space-between;padding:16px 20px}.challenges-card,.weekly-card{padding:20px;border-radius:var(--radius-xl)}.challenge-item{padding:14px 16px;border-radius:var(--radius-lg)}.challenge-info{gap:10px}.challenge-info span{font-size:.9rem}}@media (max-width:480px){.arcade-page{padding:0 12px 50px}.arcade-header{padding:26px 20px;border-radius:18px}.arcade-header::after{display:none}.arcade-header h1{font-size:1.7rem}.daily-badge{font-size:.75rem}.duel-card,.game-card{border-radius:18px}.duel-header{padding:16px 18px}.duel-body{padding:22px 18px}.game-thumbnail{height:130px}.game-info{padding:18px}.challenge-item{flex-direction:column;align-items:flex-start;gap:12px}.challenge-rewards-stack{align-self:flex-end}}.section-title{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:20px 24px;display:flex;align-items:center;gap:18px;margin-bottom:28px;box-shadow:0 4px 15px rgba(0,0,0,.04);transition:all .3s ease}.section-title:hover{box-shadow:0 8px 25px rgba(0,0,0,.08)}.section-title h2{display:flex;align-items:center;gap:0;font-size:1.35rem;margin:0;flex-shrink:0}.title-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:var(--radius-lg);color:#fff;box-shadow:0 4px 12px -2px rgba(0,0,0,.15);transition:all .3s ease;flex-shrink:0}.section-title:hover .title-icon{transform:rotate(-5deg) scale(1.08)}.title-icon i{width:24px;height:24px}.title-icon.icon-purple{background:linear-gradient(135deg,#1d4ed8,var(--primary-accent-dark));box-shadow:0 4px 15px rgba(59,110,245,.35)}.title-icon.icon-red{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 4px 15px rgba(244,63,94,.35)}.title-icon.icon-blue{background:linear-gradient(135deg,var(--primary-accent),var(--primary-accent-dark));box-shadow:0 4px 15px rgba(59,110,245,.35)}.section-title-text{display:flex;flex-direction:column;gap:4px;min-width:0}.section-title-text h2{font-size:1.25rem;font-weight:800;margin:0;color:var(--text-headings)}.section-title p{font-size:.95rem;margin:0;color:var(--text-secondary);line-height:1.4}@media (max-width:600px){.section-title{padding:16px 18px;gap:14px}.title-icon{width:44px;height:44px}.title-icon i{width:20px;height:20px}.section-title h2,.section-title-text h2{font-size:1.1rem}.section-title p{font-size:.85rem}}.arcade-content-grid{display:grid;grid-template-columns:2.5fr 1fr;gap:30px;margin-bottom:50px}.arcade-sidebar{display:flex;flex-direction:column;gap:24px}.leaderboard-widget{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;border:1px solid var(--border-color)}.podium-mini{display:flex;justify-content:center;align-items:flex-end;gap:12px;margin:20px 0;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.podium-item{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;width:60px}.podium-item.first{width:80px;z-index:2}.avatar-circle{width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid var(--border-color);margin-bottom:6px;background:var(--bg-element);position:relative}.podium-item.first .avatar-circle{width:64px;height:64px;border-color:var(--color-warning);box-shadow:0 0 15px rgba(245,158,11,.3)}.podium-item.second .avatar-circle{border-color:var(--text-secondary)}.podium-item.third .avatar-circle{border-color:#b45309}.avatar-circle img{width:100%;height:100%;object-fit:cover}.crown-icon{position:absolute;top:-20px;left:50%;transform:translateX(-50%);color:var(--color-warning);font-size:1.2rem;animation:bounce-centered 2s infinite}@keyframes bounce-centered{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-5px)}}.podium-rank{position:absolute;bottom:30px;right:0;width:20px;height:20px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.podium-item.first .podium-rank{background:var(--color-warning);color:#fff;border:none}.podium-item.second .podium-rank{background:var(--text-secondary);color:#fff;border:none}.podium-item.third .podium-rank{background:#b45309;color:#fff;border:none}.podium-name{font-size:.85rem;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.podium-score{font-size:.8rem;color:var(--color-warning);font-weight:700}.btn-view-all{width:100%;padding:10px;background:0 0;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.btn-view-all:hover{background:var(--bg-element);color:var(--text-headings)}.weekly-challenge-item{align-items:flex-start!important}.weekly-challenge-item .challenge-info{align-items:flex-start!important}.weekly-progress-bar-wrap{display:flex;align-items:center;gap:10px;margin-top:8px}.weekly-progress-bar-track{flex:1;height:6px;background:var(--bg-element);border-radius:var(--radius-full);overflow:hidden}.weekly-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-warning),#f97316);border-radius:var(--radius-full);transition:width .4s ease}.weekly-challenge-item.completed .weekly-progress-bar-fill{background:linear-gradient(90deg,var(--color-success),#34d399)}.weekly-progress-label{font-size:.75rem;font-weight:700;color:var(--text-muted);white-space:nowrap}.btn-claim-weekly{padding:8px 16px;font-size:.82rem;font-weight:700;border:none;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-warning),#f97316);color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.2s;white-space:nowrap}.btn-claim-weekly:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(245,158,11,.4)}.btn-claim-weekly:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:1024px){.arcade-content-grid{grid-template-columns:1fr}.arcade-sidebar{flex-direction:row;flex-wrap:wrap}.arcade-sidebar>*{flex:1;min-width:250px}}@media (max-width:768px){.arcade-header{padding:28px 22px;flex-direction:column;text-align:left;gap:24px}.arcade-header h1{font-size:1.8rem}.arcade-header p{font-size:.95rem}.daily-badge{font-size:.78rem}.arcade-balance{width:100%;justify-content:flex-start}}@media (max-width:768px){.challenges-card{padding:18px}}.coming-soon-card{position:relative;overflow:hidden}.coming-soon-overlay{position:absolute;inset:0;z-index:10;background:rgba(255,255,255,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;border-radius:24px}.coming-soon-content{background:rgba(15,23,42,.85);color:#fff;padding:12px 24px;border-radius:var(--radius-pill);font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:10px;box-shadow:0 10px 25px rgba(0,0,0,.2);transform:translateY(0);transition:transform .3s ease}.coming-soon-card:hover .coming-soon-content{transform:translateY(-5px)}.coming-soon-content i{color:#eab308}.minigames-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.minigame-card{background:var(--bg-card);border-radius:24px;padding:24px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;transition:all .3s ease;position:relative;overflow:hidden}.minigame-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1);border-color:var(--primary-accent)}.minigame-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;margin-bottom:8px}.icon-speed{background:linear-gradient(135deg,var(--color-warning),var(--color-warning))}.icon-quiz{background:linear-gradient(135deg,var(--primary-accent),var(--primary-accent-dark))}.icon-complete{background:linear-gradient(135deg,var(--color-success),var(--color-success))}.minigame-info h3{font-size:1.2rem;margin-bottom:8px;color:var(--text-headings)}.minigame-info p{font-size:.9rem;color:var(--text-secondary);margin-bottom:16px;line-height:1.4}.minigame-meta{display:flex;gap:12px;font-size:.8rem;color:var(--text-muted);margin-bottom:12px}.minigame-meta span{display:flex;align-items:center;gap:6px}.btn-play-minigame{margin-top:auto;background:var(--bg-element);border:1px solid var(--border-color);color:var(--text-primary);font-weight:600;padding:10px;border-radius:12px;cursor:pointer;transition:all .2s ease}.btn-play-minigame:hover{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}@media (max-width:900px){.minigames-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.minigames-grid{grid-template-columns:1fr}}.minigame-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.8);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;pointer-events:none;transition:all .3s ease}.minigame-modal-overlay.active{opacity:1;pointer-events:all}.minigame-modal{width:90%;max-width:800px;background:var(--bg-card);border-radius:24px;border:1px solid var(--border-color);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transform:scale(.95) translateY(20px);transition:all .3s cubic-bezier(.34, 1.56, .64, 1);display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.minigame-modal-overlay.active .minigame-modal{transform:scale(1) translateY(0)}.minigame-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-element)}.minigame-title{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;color:var(--text-headings)}.minigame-controls{display:flex;align-items:center;gap:16px}.minigame-score-display{background:rgba(59,110,245,.1);color:var(--primary-accent);padding:6px 12px;border-radius:var(--radius-xl);font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:6px}.btn-close-modal{background:0 0;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s}.btn-close-modal:hover{background:rgba(239,68,68,.1);color:var(--color-error)}.minigame-body{padding:24px;flex:1;overflow-y:auto;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-body);position:relative}#game-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.minigame-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.9);backdrop-filter:blur(8px);z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.minigame-modal-overlay.active{opacity:1;pointer-events:all}.minigame-modal{width:100%;height:100%;max-width:none;max-height:none;background:var(--bg-body);border-radius:0;border:none;display:flex;flex-direction:column;transform:translateY(20px);opacity:0;transition:all .4s cubic-bezier(.16, 1, .3, 1);overflow:hidden}.minigame-modal-overlay.active .minigame-modal{transform:translateY(0);opacity:1}.minigame-header{padding:24px 40px;border-bottom:1px solid var(--bg-card);display:flex;justify-content:space-between;align-items:center;background:var(--bg-body);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.2);z-index:10}.minigame-title{display:flex;align-items:center;gap:16px;font-size:1.5rem;font-weight:800;color:#f8fafc;letter-spacing:-.5px}.minigame-title i{font-size:1.8rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.minigame-controls{display:flex;align-items:center;gap:24px}.minigame-score-display{background:linear-gradient(135deg,rgba(59,110,245,.1),rgba(37,84,214,.1));color:var(--primary-accent);padding:8px 20px;border-radius:var(--radius-pill);font-weight:800;font-size:1.1rem;display:flex;align-items:center;gap:10px;border:1px solid rgba(59,110,245,.2);box-shadow:0 0 15px rgba(59,110,245,.1)}.btn-close-modal{background:rgba(255,255,255,.05);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .2s cubic-bezier(.34, 1.56, .64, 1)}.btn-close-modal:hover{background:rgba(239,68,68,.15);color:var(--color-error);border-color:rgba(239,68,68,.3);transform:rotate(90deg) scale(1.1)}.minigame-body{padding:40px;flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,var(--bg-card) 0,var(--bg-body) 100%);position:relative}.minigame-start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:600px;animation:zoomIn .4s cubic-bezier(.34,1.56,.64,1)}.start-icon-pulse{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;margin-bottom:24px;box-shadow:0 10px 30px rgba(0,0,0,.15);position:relative}.start-icon-pulse::after{content:'';position:absolute;inset:-10px;border-radius:50%;opacity:.4;z-index:-1;animation:pulseRing 2s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulseRing{0%{transform:scale(.8);opacity:.8}100%{transform:scale(1.6);opacity:0}}.speed-theme .start-icon-pulse{background:linear-gradient(135deg,var(--color-warning),var(--color-warning))}.speed-theme .start-icon-pulse::after{bg:var(--color-warning);border:2px solid var(--color-warning)}.quiz-theme .start-icon-pulse{background:linear-gradient(135deg,var(--primary-accent),var(--primary-accent-dark))}.complete-theme .start-icon-pulse{background:linear-gradient(135deg,var(--color-success),var(--color-success))}.minigame-start-screen h1{font-size:2.5rem;color:#f8fafc;margin-bottom:12px}.minigame-start-screen p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:40px;line-height:1.6}.btn-start-game{background:#f8fafc;color:var(--bg-body);border:none;padding:16px 40px;border-radius:var(--radius-pill);font-size:1.2rem;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:12px;box-shadow:0 8px 20px rgba(0,0,0,.2);transition:all .3s cubic-bezier(.34, 1.56, .64, 1)}.btn-start-game:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 15px 30px rgba(0,0,0,.3);background:var(--primary-accent-dark);color:#fff}.btn-start-game i{transition:transform .3s ease}.btn-start-game:hover i{transform:translateX(4px)}.speed-code-game{position:relative;width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:30px}.game-timer-bar{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:var(--radius-md);overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.timer-fill{height:100%;background:linear-gradient(90deg,var(--color-success),#34d399);width:100%;transition:width 1s linear,background .3s ease}.code-display-area{background:var(--bg-body);width:100%;padding:30px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.2);border:1px solid var(--bg-card);min-height:120px;display:flex;align-items:center;justify-content:center}.code-display-area code{font-family:var(--font-code);font-size:1.4rem;color:var(--text-primary);line-height:1.5;text-align:center;user-select:none;letter-spacing:.5px}.input-area{width:100%;position:relative}.input-area input{width:100%;padding:24px;background:var(--bg-card);border:3px solid var(--border-color);border-radius:16px;color:var(--text-primary);font-family:var(--font-code);font-size:1.4rem;text-align:center;transition:all .2s ease;box-shadow:0 4px 10px rgba(0,0,0,.2)}.input-area input:focus{outline:0;border-color:var(--primary-accent);box-shadow:0 0 0 4px rgba(59,110,245,.2)}.input-area input.error{border-color:var(--color-error);background:rgba(239,68,68,.05);animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.game-result-screen{text-align:center;animation:fadeInUp .5s ease-out}.final-score{font-size:4rem;font-weight:800;color:#eab308;margin:20px 0;text-shadow:0 4px 10px rgba(251,191,36,.3);display:flex;align-items:center;justify-content:center;gap:16px}.result-actions{display:flex;gap:16px;justify-content:center;margin-top:30px}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary-accent);color:#fff;border:none}.btn-secondary{background:rgba(255,255,255,.1);color:var(--text-primary);border:1px solid var(--border-color)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,110,245,.4)}.btn-secondary:hover{background:rgba(255,255,255,.2)}.code-flow-container{width:100%;max-height:300px;overflow-y:hidden;background:var(--bg-body);border-radius:16px;padding:20px;border:1px solid var(--bg-card);display:flex;flex-direction:column;gap:12px;position:relative;mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent)}.code-line{padding:10px 16px;border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-code);font-size:1.1rem;border-left:3px solid transparent;transition:all .3s ease;opacity:.5}.code-line.active{background:rgba(59,110,245,.1);color:var(--text-primary);border-left-color:var(--primary-accent);opacity:1;transform:scale(1.02) translateX(10px);font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.1)}.code-line.completed{color:var(--color-success);text-decoration:line-through;opacity:.5}.line-description{display:flex;align-items:flex-start;gap:6px;font-size:.75rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:400;text-decoration:none;color:var(--text-secondary);line-height:1.4;margin-top:4px;padding:4px 8px;background:rgba(16,185,129,.06);border-radius:6px;animation:fadeInUp .3s ease-out}.line-description i{flex-shrink:0;color:var(--color-success);margin-top:1px;font-size:.7rem}.feedback-floater{position:absolute;color:var(--color-success);font-weight:800;font-size:1.5rem;pointer-events:none;animation:floatUpFade .8s ease-out forwards;z-index:100;text-shadow:0 2px 10px rgba(16,185,129,.4)}@keyframes floatUpFade{0%{transform:translateY(0) scale(.8);opacity:0}20%{transform:translateY(-10px) scale(1.2);opacity:1}100%{transform:translateY(-50px) scale(1);opacity:0}}.input-area input.valid{border-color:var(--color-success);background:rgba(16,185,129,.05);box-shadow:0 0 0 4px rgba(16,185,129,.2)}.particle{position:absolute;width:6px;height:6px;background:var(--color-success);border-radius:50%;pointer-events:none;animation:particleFade .6s ease-out forwards}@keyframes particleFade{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.combo-text{position:absolute;top:10px;right:20px;font-family:var(--font-code);font-weight:800;font-size:1.5rem;color:var(--color-warning);text-shadow:0 0 10px rgba(245,158,11,.5);animation:comboPop .3s cubic-bezier(.175,.885,.32,1.275);z-index:50}@keyframes comboPop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.code-flow-container,.code-line{user-select:none;-webkit-user-select:none;pointer-events:none}.quiz-game{width:100%;max-width:600px;display:flex;flex-direction:column;gap:24px}.quiz-game .quiz-question{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px 28px}.quiz-game .quiz-question h3{color:var(--primary-accent);font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:12px}.quiz-game .question-text{font-size:1.35rem;font-weight:700;color:var(--text-headings);line-height:1.4}.quiz-game .quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quiz-game .quiz-option{background:rgba(30,41,59,.5);border:2px solid var(--border-color);padding:20px;border-radius:12px;color:var(--text-primary);font-size:1.1rem;cursor:pointer;transition:all .2s}.quiz-game .quiz-option:hover{background:rgba(59,110,245,.1);border-color:var(--primary-accent);transform:translateY(-2px)}.quiz-game .quiz-option.correct{background:rgba(16,185,129,.2);border-color:var(--color-success);color:var(--color-success)}.quiz-game .quiz-option.wrong{background:rgba(239,68,68,.2);border-color:var(--color-error);color:var(--color-error);animation:shake .4s}.quiz-game .quiz-option:disabled{cursor:default;transform:none}.quiz-reveal-footer{display:flex;justify-content:center}.btn-reveal-quiz{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;background:rgba(255,255,255,.05);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-reveal-quiz:hover{background:rgba(255,255,255,.1);border-color:var(--text-muted);color:var(--text-primary)}.reveal-free-badge{background:rgba(100,116,139,.3);border-radius:var(--radius-full);padding:2px 8px;font-size:.75rem;color:var(--text-secondary)}.quiz-revealed-badge{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:rgba(100,116,139,.12);border:1px solid rgba(100,116,139,.3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.82rem;font-weight:600}.quiz-inline-explanation.neutral{background:rgba(100,116,139,.08);border:1px solid rgba(100,116,139,.25);color:var(--text-primary)}.quiz-inline-explanation.neutral i{color:var(--color-warning)}.quiz-game .btn-minigame-next{align-self:center}.complete-game{width:100%;max-width:600px;display:flex;flex-direction:column;gap:20px;align-items:center}.code-challenge-box{background:var(--bg-body);padding:24px;border-radius:16px;border:1px solid var(--bg-card);width:100%;font-family:var(--font-code);font-size:1.2rem;white-space:pre-wrap;box-shadow:inset 0 2px 10px rgba(0,0,0,.2)}.code-hole-input{background:rgba(59,110,245,.1);border:none;border-bottom:2px solid var(--primary-accent);color:#fff;font-family:inherit;font-size:inherit;width:120px;padding:0 4px;text-align:center;outline:0}.code-hole-input:focus{background:rgba(59,110,245,.2)}.btn-check-code{background:var(--primary-accent);color:#fff;border:none;padding:12px 32px;border-radius:var(--radius-sm);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-check-code:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(59,110,245,.4)}.minigame-reveal-footer{margin-top:12px;display:flex;justify-content:center}.btn-minigame-reveal{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;background:rgba(255,255,255,.05);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-minigame-reveal:hover{background:rgba(255,255,255,.1);border-color:var(--text-muted);color:var(--text-primary)}.btn-minigame-reveal:disabled{opacity:.4;cursor:not-allowed}.minigame-reveal-cost{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;background:var(--color-warning);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;color:#fff}.minigame-reveal-result{display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);text-align:left;margin-top:8px}.reveal-answer-label{font-weight:700;color:var(--color-warning);font-size:.9rem}.reveal-answer-label code{background:rgba(245,158,11,.15);padding:1px 6px;border-radius:4px;font-family:monospace}.reveal-answer-explain{font-size:.82rem;color:var(--text-primary);line-height:1.5;display:flex;gap:6px;align-items:flex-start}.reveal-answer-explain i{flex-shrink:0;margin-top:2px;color:var(--color-warning)}.minigame-correct-result{display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);text-align:left;margin-top:8px}.correct-label{font-weight:700;color:var(--color-success);font-size:.9rem;display:flex;align-items:center;gap:6px}.correct-explain{font-size:.82rem;color:var(--text-primary);line-height:1.5;display:flex;gap:6px;align-items:flex-start}.correct-explain i{flex-shrink:0;margin-top:2px;color:var(--color-success)}.btn-minigame-next{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;background:linear-gradient(135deg,var(--primary-accent),var(--primary-accent-dark));color:#fff;border:none;border-radius:var(--radius-full);font-size:.9rem;font-weight:600;cursor:pointer;margin-top:12px;transition:opacity .2s,transform .1s}.btn-minigame-next:hover{opacity:.9;transform:translateY(-1px)}.quiz-inline-explanation{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:var(--radius-md);font-size:.84rem;line-height:1.5;margin-top:10px;animation:fadeInUp .3s ease-out}.quiz-inline-explanation.correct{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.3);color:var(--text-primary)}.quiz-inline-explanation.wrong{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);color:var(--text-primary)}.quiz-inline-explanation i{flex-shrink:0;margin-top:2px;color:var(--color-warning)}.reward-box{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;border-radius:12px;margin:10px 0;font-weight:700;font-size:1.2rem;background:rgba(255,255,255,.05)}.reward-box.success{color:gold;border:1px solid rgba(255,215,0,.3);background:rgba(255,215,0,.1);animation:pulseReward 1s infinite alternate}.reward-box.limit{color:var(--text-secondary);border:1px solid rgba(148,163,184,.3)}.reward-info{font-size:.9rem;color:var(--text-secondary);margin-bottom:20px}@keyframes pulseReward{0%{transform:scale(1);box-shadow:0 0 0 rgba(255,215,0,0)}100%{transform:scale(1.05);box-shadow:0 0 15px rgba(255,215,0,.3)}}.duel-searching{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 24px;text-align:center}.duel-search-spinner{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.duel-search-spinner .fas{font-size:2rem;color:var(--primary-accent);position:relative;z-index:1;animation:pulse-soft 1.5s ease-in-out infinite}.search-ring{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--primary-accent);border-right-color:var(--primary-accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.duel-searching h3{font-size:1.2rem;font-weight:700;color:var(--text-headings);margin:0}.duel-searching p{color:var(--text-secondary);margin:0}.btn-cancel-duel{padding:10px 24px;background:0 0;border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.btn-cancel-duel:hover{background:rgba(239,68,68,.1);border-color:var(--color-error);color:var(--color-error)}.duel-countdown{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px 24px;text-align:center}.duel-vs-found{display:flex;align-items:center;justify-content:center;gap:32px;width:100%}.player-slot{display:flex;flex-direction:column;align-items:center;gap:10px}.player-name{font-size:.9rem;font-weight:700;color:var(--text-headings);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.countdown-center{display:flex;flex-direction:column;align-items:center;gap:8px}.countdown-number{font-size:3rem;font-weight:900;color:var(--primary-accent);animation:countdownPop 1s ease-in-out infinite;min-width:60px;text-align:center;text-shadow:0 0 20px rgba(59,110,245,.4)}@keyframes countdownPop{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.duel-playing-layout{display:flex;flex-direction:column;gap:16px;width:100%;padding:20px}.duel-hud{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg-body);border-radius:16px;padding:12px 20px;border:1px solid var(--border-color)}.duel-player-hud{display:flex;align-items:center;gap:10px;flex:1}.duel-player-hud.opp-hud{flex-direction:row-reverse}.hud-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.me-hud .hud-avatar{border-color:var(--primary-accent)}.opp-hud .hud-avatar{border-color:var(--color-error)}.hud-name{font-size:.82rem;font-weight:600;color:var(--text-secondary);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-score{font-size:1.4rem;font-weight:900;color:var(--text-headings);min-width:36px;text-align:center;transition:transform .2s}.duel-question-counter{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}#q-counter{font-size:.8rem;font-weight:700;color:var(--text-muted)}.duel-timer-bar{width:120px;height:6px;background:var(--bg-element);border-radius:3px;overflow:hidden}.duel-timer-fill{height:100%;background:linear-gradient(90deg,var(--color-success),#34d399);border-radius:3px;width:100%;transition:width 15s linear,background .5s ease}.duel-opp-indicator{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-muted);padding:8px 14px;background:var(--bg-body);border-radius:var(--radius-pill);border:1px solid var(--border-color);align-self:center;transition:all .3s ease}.duel-question-box{background:var(--bg-card);border-radius:20px;padding:28px;border:1px solid var(--border-color);box-shadow:0 8px 25px rgba(0,0,0,.06)}.duel-question-text{font-size:1.15rem;font-weight:700;color:var(--text-headings);margin:0 0 24px;line-height:1.5;text-align:center}.duel-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.duel-option{padding:16px;background:var(--bg-body);border:2px solid var(--border-color);border-radius:14px;color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left;position:relative;overflow:hidden}.duel-option:hover:not(:disabled){border-color:var(--primary-accent);background:rgba(59,110,245,.06);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,110,245,.15)}.duel-option.correct{border-color:var(--color-success);background:rgba(16,185,129,.12);color:var(--color-success)}.duel-option.wrong{border-color:var(--color-error);background:rgba(239,68,68,.1);color:var(--color-error);animation:shake .4s ease}.duel-option:disabled{cursor:default;transform:none}.duel-score-float{position:absolute;top:20px;right:20px;font-size:1.6rem;font-weight:900;color:var(--color-success);text-shadow:0 2px 8px rgba(16,185,129,.4);pointer-events:none;animation:floatUpFade 1.2s ease-out forwards;z-index:10}.duel-results{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px 24px;text-align:center}.duel-result-title{font-size:2rem;font-weight:900;margin:0}.duel-result-title.win{color:#eab308;text-shadow:0 4px 12px rgba(234,179,8,.3)}.duel-result-title.loss{color:var(--color-error)}.duel-result-title.draw{color:var(--text-secondary)}.duel-scores-summary{display:flex;align-items:center;gap:24px;background:var(--bg-body);padding:20px 32px;border-radius:16px;border:1px solid var(--border-color)}.result-player{display:flex;flex-direction:column;align-items:center;gap:4px}.result-name{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.result-score{font-size:2.2rem;font-weight:900;color:var(--text-headings)}.result-vs{font-size:1.5rem;color:var(--text-muted);font-weight:300}.duel-gems-result{display:flex;align-items:center;gap:10px;padding:14px 24px;border-radius:var(--radius-pill);font-size:1.2rem;font-weight:800}.duel-gems-result small{font-size:.8rem;font-weight:500;color:var(--text-muted);margin-left:4px}.gems-win{background:rgba(234,179,8,.12);color:#eab308;border:1px solid rgba(234,179,8,.3)}.gems-loss{background:rgba(239,68,68,.1);color:var(--color-error);border:1px solid rgba(239,68,68,.25)}.gems-draw{background:var(--bg-element);color:var(--text-secondary);border:1px solid var(--border-color)}.duel-result-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.btn-duel-rematch{padding:12px 24px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-pill);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-duel-rematch:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(59,110,245,.35)}.btn-duel-quit{padding:12px 24px;background:0 0;border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s}.btn-duel-quit:hover{background:var(--bg-element);color:var(--text-headings)}@media (max-width:600px){.duel-options{grid-template-columns:1fr}.duel-playing-layout{padding:12px}.duel-hud{padding:10px 12px}.duel-timer-bar{width:80px}.hud-name{display:none}.duel-scores-summary{gap:14px;padding:16px 20px}}.duel-bughunt-label{font-weight:700;color:var(--text-headings);margin-bottom:14px;display:flex;align-items:center;gap:8px}.duel-bughunt-label i{color:#ef4444}.duel-bughunt-code{display:flex;flex-direction:column;gap:6px;font-family:'JetBrains Mono','Fira Code',monospace}.bughunt-line{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-element);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.bughunt-line:hover:not(:disabled){border-color:#ef4444;background:color-mix(in srgb,#ef4444 6%,var(--bg-element));transform:translateX(4px)}.bughunt-line:disabled{cursor:default}.bughunt-line-num{font-size:.7rem;font-weight:700;color:var(--text-muted);min-width:18px;text-align:right;user-select:none}.bughunt-line code{font-size:.85rem;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.bughunt-line.correct{border-color:#10b981;background:color-mix(in srgb,#10b981 12%,var(--bg-element))}.bughunt-line.correct code{color:#10b981;font-weight:700}.bughunt-line.wrong{border-color:#ef4444;background:color-mix(in srgb,#ef4444 12%,var(--bg-element));animation:bughunt-shake .3s ease}.bughunt-line.wrong code{color:#ef4444}@keyframes bughunt-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.duel-private-section{margin-top:18px;padding-top:18px;border-top:1px dashed var(--border-color)}.private-duel-row{display:flex;gap:10px;flex-wrap:wrap}.btn-private-create{flex:1;min-width:150px;padding:12px 16px;background:var(--bg-element);border:2px solid var(--border-color);border-radius:12px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-private-create:hover{border-color:var(--primary-accent);color:var(--primary-accent);transform:translateY(-2px)}.private-join-group{flex:1;min-width:200px;display:flex;gap:8px}.private-room-input{flex:1;min-width:90px;padding:12px 14px;background:var(--bg-element);border:2px solid var(--border-color);border-radius:12px;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:.95rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-headings);text-align:center}.private-room-input:focus{outline:0;border-color:var(--primary-accent)}.btn-private-join{padding:12px 18px;background:var(--primary-accent);border:none;border-radius:12px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.btn-private-join:hover{transform:translateY(-2px);filter:brightness(1.1)}.private-duel-hint{margin-top:10px;font-size:.72rem;color:var(--text-muted)}.duel-room-code-box{display:inline-flex;align-items:center;gap:12px;margin:14px auto;padding:14px 22px;background:rgba(255,255,255,.12);border:2px dashed rgba(255,255,255,.4);border-radius:14px}.duel-room-code{font-family:'JetBrains Mono',monospace;font-size:1.8rem;font-weight:800;letter-spacing:.3em;color:#fff}.btn-copy-room-code{background:rgba(255,255,255,.15);border:none;border-radius:10px;padding:10px 12px;color:#fff;cursor:pointer;font-size:1rem;transition:all .15s ease}.btn-copy-room-code:hover{background:rgba(255,255,255,.3)}.btn-duel-recap{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px auto 0;padding:10px 20px;background:var(--bg-element);border:2px solid var(--border-color);border-radius:12px;font-weight:700;font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-duel-recap:hover{border-color:var(--primary-accent);color:var(--primary-accent);transform:translateY(-2px)}.duel-recap-modal{max-width:560px;width:calc(100vw - 32px);max-height:80vh;display:flex;flex-direction:column}.duel-recap-modal h3{display:flex;align-items:center;gap:10px;margin-bottom:12px}.recap-legend{display:flex;justify-content:flex-end;gap:10px;font-size:.68rem;font-weight:700;margin-bottom:8px}.recap-legend-me{color:var(--primary-accent)}.recap-legend-opp{color:#ef4444}.recap-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:14px;padding-right:4px}.recap-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--bg-element);border:1px solid var(--border-color);border-radius:10px}.recap-num{font-size:.7rem;font-weight:800;color:var(--text-muted);background:var(--bg-card);border-radius:6px;padding:3px 7px;flex-shrink:0}.recap-body{flex:1;min-width:0}.recap-question{font-size:.8rem;color:var(--text-headings);font-weight:600;word-break:break-word}.recap-answer code,.recap-question code{font-family:'JetBrains Mono',monospace;font-size:.75rem;background:var(--bg-card);padding:1px 6px;border-radius:5px}.recap-answer{margin-top:5px;font-size:.72rem;color:var(--text-muted);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.recap-answer i{color:#f59e0b}.recap-my-wrong{color:#ef4444;text-decoration:line-through}.recap-marks{display:flex;flex-direction:column;gap:4px;align-items:flex-end;flex-shrink:0}.recap-mark{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.recap-mark.ok{background:color-mix(in srgb,#10b981 14%,transparent);color:#10b981}.recap-mark.ko{background:color-mix(in srgb,#ef4444 14%,transparent);color:#ef4444}.recap-mark.timeout{background:color-mix(in srgb,#f59e0b 14%,transparent);color:#f59e0b}.recap-mark.none{color:var(--text-muted)}.tournament-section{margin-top:20px}.tourn-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-muted)}.tourn-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 0;flex-wrap:wrap}.tourn-title-row{display:flex;align-items:center;gap:14px}.tourn-trophy{font-size:1.6rem;color:#f59e0b}.tourn-title{font-size:1.15rem;font-weight:800;color:var(--text-headings);margin:0}.tourn-meta{font-size:.75rem;color:var(--text-muted);margin:2px 0 0}.tourn-badge{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:5px 12px;border-radius:999px}.tourn-badge.open{background:color-mix(in srgb,#10b981 15%,transparent);color:#10b981}.tourn-badge.running{background:color-mix(in srgb,#f59e0b 15%,transparent);color:#f59e0b}.tourn-badge.finished{background:color-mix(in srgb,#8b5cf6 15%,transparent);color:#8b5cf6}.tourn-empty{text-align:center;padding:36px 20px;color:var(--text-muted)}.tourn-empty i{font-size:2rem;margin-bottom:12px;opacity:.5}.tourn-empty p{margin:4px 0;font-weight:600}.tourn-empty-sub{font-size:.78rem;font-weight:400!important}.tourn-admin-form,.tourn-bracket,.tourn-open-body{padding:18px 22px 22px}.tourn-start-info{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-element);border-radius:12px;margin-bottom:14px}.tourn-start-info i{color:var(--primary-accent);font-size:1.2rem}.tourn-start-info strong{display:block;color:var(--text-headings);text-transform:capitalize}.tourn-countdown{font-size:.75rem;color:var(--text-muted)}.tourn-players-count{font-size:.85rem;color:var(--text-secondary);margin-bottom:10px}.tourn-count-num{font-weight:800;color:var(--text-headings)}.tourn-count-bar{height:6px;background:var(--bg-element);border-radius:999px;margin-top:6px;overflow:hidden}.tourn-count-fill{height:100%;background:linear-gradient(90deg,var(--primary-accent),#8b5cf6);border-radius:999px;transition:width .4s ease}.tourn-players-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.tourn-player-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 6px;background:var(--bg-element);border:1px solid var(--border-color);border-radius:999px;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.tourn-player-chip img{width:22px;height:22px;border-radius:50%;object-fit:cover}.tourn-player-chip.me{border-color:var(--primary-accent);color:var(--primary-accent)}.tourn-no-players{font-size:.78rem;color:var(--text-muted)}.btn-tourn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:linear-gradient(135deg,var(--primary-accent),#8b5cf6);border:none;border-radius:12px;font-weight:800;font-size:.95rem;color:#fff;cursor:pointer;transition:all .2s ease}.btn-tourn-primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.btn-tourn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-tourn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--bg-element);border:2px solid var(--border-color);border-radius:12px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-tourn-secondary:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.btn-tourn-danger{display:block;margin:10px auto 0;padding:8px 16px;background:0 0;border:1px solid color-mix(in srgb,#ef4444 40%,transparent);border-radius:10px;font-size:.72rem;font-weight:700;color:#ef4444;cursor:pointer}.btn-tourn-danger:hover{background:color-mix(in srgb,#ef4444 8%,transparent)}.tourn-hint{margin-top:12px;font-size:.72rem;color:var(--text-muted);text-align:center}.tourn-admin-actions{padding:0 22px 20px;display:flex;gap:10px;flex-wrap:wrap}.tourn-admin-actions>*{flex:1;min-width:180px}.tourn-bracket{display:flex;gap:16px;overflow-x:auto;align-items:center}.tourn-round{display:flex;flex-direction:column;gap:12px;min-width:210px;flex-shrink:0}.tourn-round-name{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);text-align:center}.tourn-round.current .tourn-round-name{color:var(--primary-accent)}.tourn-match{background:var(--bg-element);border:2px solid var(--border-color);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px;position:relative}.tourn-match.mine{border-color:var(--primary-accent)}.tourn-match.done{opacity:.85}.tourn-match-vs{font-size:.6rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);text-align:center}.tourn-match-player{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;font-size:.78rem;font-weight:600;color:var(--text-secondary)}.tourn-match-player img{width:24px;height:24px;border-radius:50%;object-fit:cover}.tourn-match-player.me{color:var(--primary-accent)}.tourn-match-player.winner{background:color-mix(in srgb,#10b981 12%,transparent);color:#10b981}.tourn-match-player.winner i{margin-left:auto;font-size:.7rem}.tourn-match-player.tbd{color:var(--text-muted);justify-content:center}.tourn-bye{font-size:.62rem;color:var(--text-muted);text-align:center;font-style:italic}.btn-tourn-play{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:9px;font-weight:800;font-size:.78rem;color:#fff;cursor:pointer;animation:tourn-pulse 1.6s ease infinite}@keyframes tourn-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,#10b981 45%,transparent)}50%{box-shadow:0 0 0 7px transparent}}.tourn-waiting{font-size:.7rem;color:var(--text-muted);text-align:center;padding:6px}.tourn-champion{display:flex;align-items:center;gap:14px;margin:16px 22px 0;padding:16px 20px;background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 14%,var(--bg-element)),var(--bg-element));border:2px solid color-mix(in srgb,#f59e0b 40%,transparent);border-radius:14px}.tourn-champion>i{font-size:1.8rem;color:#f59e0b}.tourn-champion img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #f59e0b}.tourn-champion-label{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700}.tourn-champion strong{font-size:1.05rem;color:var(--text-headings)}.tourn-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.tourn-form-grid input,.tourn-form-grid select{padding:11px 12px;background:var(--bg-element);border:2px solid var(--border-color);border-radius:10px;color:var(--text-headings);font-size:.82rem;font-weight:600}.tourn-form-grid input:focus,.tourn-form-grid select:focus{outline:0;border-color:var(--primary-accent)}@media (max-width:640px){.private-duel-row{flex-direction:column}.duel-room-code{font-size:1.3rem}.tourn-round{min-width:180px}.tourn-header{padding:16px 16px 0}.tourn-admin-form,.tourn-bracket,.tourn-open-body{padding:14px 16px 18px}}.arcade-tabs{display:flex;gap:6px;padding:6px;margin-bottom:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;position:sticky;top:8px;z-index:20;box-shadow:0 4px 14px rgba(0,0,0,.06)}.arcade-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 16px;background:0 0;border:none;border-radius:11px;font-weight:800;font-size:.92rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.arcade-tab-btn i{font-size:1rem}.arcade-tab-btn:hover{color:var(--text-headings);background:var(--bg-element)}.arcade-tab-btn.active{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 14px rgba(124,58,237,.35)}.arcade-tab-panel{display:none}.arcade-tab-panel.active{display:block;animation:arcade-tab-in .25s ease}@keyframes arcade-tab-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.arena-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 22px;background:linear-gradient(135deg,color-mix(in srgb,#7c3aed 14%,var(--bg-card)),var(--bg-card));border-bottom:1px solid var(--border-color)}.arena-topbar-title{display:flex;align-items:center;gap:14px}.arena-topbar-title>i{font-size:1.5rem;color:#7c3aed}.arena-topbar-title h2{margin:0;font-size:1.15rem;font-weight:800;color:var(--text-headings)}.arena-topbar-title p{margin:2px 0 0;font-size:.75rem;color:var(--text-muted)}.arena-topbar .duel-profile-toggle{margin:0}.arena-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:16px;padding:18px 22px 22px;align-items:stretch}.arena-block{background:var(--bg-element);border:1px solid var(--border-color);border-radius:16px;padding:18px}.arena-block-title{display:flex;align-items:center;gap:9px;margin:0 0 14px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.arena-block-title i{color:#7c3aed}.arena-block-config{display:flex;flex-direction:column}.arena-block-config .mode-options{margin-bottom:18px}.arena-block-config .stake-options{justify-content:stretch;margin-bottom:16px}.arena-block-config .stake-options .stake-btn{flex:1}.arena-block-config .duel-match-summary{margin:auto 0 0}.arena-col-play{display:flex;flex-direction:column;gap:16px}.arena-block-match{flex:1;display:flex;flex-direction:column}.arena-block-match .duel-matchup-zone{flex:1;margin-bottom:20px}.arena-block-match .btn-duel-join{margin:0}.arena-block .btn-private-create,.arena-block .duel-match-summary,.arena-block .private-room-input{background:var(--bg-card)}@media (max-width:920px){.arena-grid{grid-template-columns:1fr}}@media (max-width:640px){.arena-topbar{padding:14px 16px}.arena-grid{padding:14px 16px 18px;gap:12px}.arena-block{padding:14px}.arcade-tabs{position:static}.arcade-tab-btn{font-size:.82rem;padding:11px 10px}}
.shop-page{max-width:var(--container-wide);margin:0 auto;padding:0 30px 60px}.shop-header{background:var(--gradient-primary);border-radius:var(--radius-xl);padding:48px 40px;margin-bottom:28px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.shop-header::before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:rgba(255,255,255,.1);border-radius:50%}.shop-header-content{position:relative;z-index:1}.shop-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.2);color:#fff;padding:7px 14px;border-radius:var(--radius-pill);font-size:var(--font-sm);font-weight:600;margin-bottom:14px}.shop-badge i{width:15px;height:15px}.shop-header h1{font-size:var(--font-4xl);font-weight:800;color:#fff;margin:0 0 8px}.shop-header p{color:rgba(255,255,255,.88);font-size:var(--font-lg);margin:0}.shop-balance{display:flex;flex-direction:column;align-items:center;gap:12px;background:rgba(255,255,255,.2);padding:20px 24px;border-radius:var(--radius-lg);position:relative;z-index:1}.balance-gems{display:flex;align-items:center;gap:10px}.balance-gems i{font-size:24px;color:var(--color-gold)}.balance-gems span{font-size:var(--font-3xl);font-weight:800;color:#fff}.balance-promo{display:flex;gap:6px}.balance-promo input{width:110px;padding:8px 12px;border:none;border-radius:var(--radius-sm);background:rgba(255,255,255,.15);color:#fff;font-size:var(--font-xs);font-weight:600;text-transform:uppercase}.balance-promo input::placeholder{color:rgba(255,255,255,.5);text-transform:none}.balance-promo input:focus{outline:0;background:rgba(255,255,255,.25)}.balance-promo button{padding:8px 12px;border:none;border-radius:var(--radius-sm);background:#fff;color:var(--primary-accent);cursor:pointer;transition:all var(--transition)}.balance-promo button i{width:16px;height:16px}.balance-promo button:hover{transform:scale(1.05)}.balance-promo button:disabled{opacity:.6;cursor:not-allowed;transform:none}.balance-promo button .spin{animation:spin 1s linear infinite}.active-boost-banner{background:var(--gradient-amber);border-radius:var(--radius-lg);padding:16px 24px;margin-bottom:24px;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(245,158,11,.3)}50%{box-shadow:0 0 30px rgba(245,158,11,.6)}}.boost-banner-content{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-weight:700}.boost-banner-content i{width:24px;height:24px;animation:zap-bounce 1s ease-in-out infinite}@keyframes zap-bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.boost-timer{background:rgba(255,255,255,.2);padding:4px 12px;border-radius:var(--radius-xl);font-size:var(--font-base)}.balance-promo input.success{background:rgba(16,185,129,.3)}.balance-promo input.error{animation:shake .3s ease}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.gem-updated{animation:gem-bounce .5s ease}@keyframes gem-bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2);color:var(--color-success)}}.shop-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;flex-wrap:wrap}.shop-toggle{display:flex;background:var(--bg-sidebar);border-radius:12px;padding:4px}.toggle-btn{display:flex;align-items:center;gap:8px;background:0 0;border:none;padding:10px 18px;border-radius:var(--radius-md);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.toggle-btn i{width:18px;height:18px}.toggle-btn:hover{color:var(--text-headings)}.toggle-btn.active{background:var(--primary-accent);color:#fff}.shop-filters{display:flex;gap:8px}.filter-chip{background:0 0;border:1px solid var(--border-color);padding:6px 14px;border-radius:var(--radius-xl);font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.filter-chip:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.filter-chip.active{background:var(--primary-accent);border-color:var(--primary-accent);color:#fff}.shop-filters[data-for=shop].hidden{display:none}.shop-sections{display:flex;flex-direction:column;gap:40px}.shop-section .section-header{margin-bottom:20px;padding:18px 24px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-color);border-left:4px solid var(--primary-accent);box-shadow:var(--shadow-card)}.shop-section .section-header h2{display:flex;align-items:center;gap:10px;font-size:1.4rem;font-weight:700;color:var(--text-headings);margin:0 0 6px}.shop-section .section-header h2 i{width:24px;height:24px;color:var(--primary-accent)}.shop-section .section-header p{color:var(--text-secondary);margin:0;font-size:var(--font-base)}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.shop-item{background:var(--bg-sidebar);border-radius:var(--radius-xl);padding:20px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.04);transition:all var(--transition);position:relative;overflow:hidden}.shop-item:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.08)}.shop-item.owned{opacity:.7}.shop-item.owned::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);pointer-events:none}.item-rarity-badge{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:var(--radius-xl);font-size:var(--font-2xs);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;z-index:4}.shop-item.common{border:2px solid transparent}.shop-item.uncommon{border:2px solid rgba(34,197,94,.3)}.shop-item.rare{border:2px solid rgba(59,110,245,.3)}.shop-item.epic{border:2px solid rgba(59,110,245,.3)}.shop-item.legendary{border:2px solid rgba(245,158,11,.5);background:linear-gradient(135deg,var(--bg-sidebar) 0,rgba(245,158,11,.05) 100%)}.shop-item.legendary::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(245,158,11,.1),transparent);animation:rotate-shine 4s linear infinite;pointer-events:none}@keyframes rotate-shine{from{transform:rotate(0)}to{transform:rotate(360deg)}}.item-preview{width:100%;height:100px;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.banner-preview-box{width:100%;height:80px;border-radius:12px;position:relative;overflow:hidden}.banner-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 3s ease-in-out infinite;pointer-events:none}@keyframes shine{0%{left:-100%}100%,50%{left:150%}}.banner-preview-box.pattern-grid{background:linear-gradient(var(--pattern-color) 1px,transparent 1px),linear-gradient(90deg,var(--pattern-color) 1px,transparent 1px),linear-gradient(135deg,#1e1b4b 0,#312e81 100%);background-size:15px 15px,15px 15px,100% 100%}.banner-preview-box.pattern-dots{background:radial-gradient(var(--pattern-color) 2px,transparent 2px),linear-gradient(135deg,#1e1b4b 0,#312e81 100%);background-size:15px 15px,100% 100%}.banner-preview-box.pattern-circuit{background:linear-gradient(90deg,var(--pattern-color) 1px,transparent 1px),linear-gradient(var(--pattern-color) 1px,transparent 1px),radial-gradient(var(--pattern-color) 3px,transparent 3px),linear-gradient(135deg,#0f172a 0,#1e293b 100%);background-size:20px 20px,20px 20px,20px 20px,100% 100%}.banner-preview-box.animated-stars{position:relative}.banner-stars{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(2px 2px at 40% 70%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90% 40%,#fff,transparent),radial-gradient(2px 2px at 70% 60%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 50% 20%,#fff,transparent);animation:twinkle 2s ease-in-out infinite alternate;pointer-events:none}@keyframes twinkle{0%{opacity:.5}100%{opacity:1}}.avatar-preview-box{width:80px;height:80px;border-radius:50%;border:4px solid var(--primary-accent);display:flex;align-items:center;justify-content:center;transition:all var(--transition-slow);background:var(--bg-card);position:relative}.avatar-preview-inner{width:50px;height:50px;border-radius:50%;background:var(--bg-element);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.avatar-preview-inner i{width:28px;height:28px}.avatar-preview-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.shop-item:hover .avatar-preview-box{transform:scale(1.1)}.avatar-preview-box.gradient-frame{border:none;background:linear-gradient(135deg,var(--frame-color-1),var(--frame-color-2));padding:4px}.avatar-preview-box.gradient-frame .avatar-preview-inner{width:68px;height:68px;background:var(--bg-card)}.avatar-preview-box.animated-frame{border:none;padding:4px}.avatar-preview-box.animated-pulse{background:var(--frame-color,#1d4ed8);animation:frame-pulse 2s ease-in-out infinite}@keyframes frame-pulse{0%,100%{box-shadow:0 0 10px var(--frame-color,#1d4ed8);transform:scale(1)}50%{box-shadow:0 0 25px var(--frame-color,#1d4ed8),0 0 40px var(--frame-color,#1d4ed8);transform:scale(1.05)}}.avatar-preview-box.animated-rainbow{background:linear-gradient(135deg,#ef4444,#f97316,#eab308,#22c55e,var(--primary-accent),#2554d6,#ec4899);background-size:400% 400%;animation:frame-rainbow 3s ease infinite}.avatar-preview-box.animated-glow{background:var(--frame-color,#eab308);animation:frame-glow 2s ease-in-out infinite}@keyframes frame-glow{0%,100%{box-shadow:0 0 15px var(--frame-color,#eab308),0 0 30px var(--frame-color,#eab308)}50%{box-shadow:0 0 30px var(--frame-color,#eab308),0 0 60px var(--frame-color,#eab308),0 0 90px var(--frame-color,#eab308)}}.avatar-preview-box.animated-premium_glow{background:linear-gradient(130deg,#f59e0b,#fbbf24,#fde68a,#f59e0b);background-size:250% 250%;animation:frame-premium-orbit 2.4s ease-in-out infinite}@keyframes frame-premium-orbit{0%{background-position:0 50%;box-shadow:0 0 10px rgba(245,158,11,.65),0 0 24px rgba(251,191,36,.35)}50%{background-position:100% 50%;box-shadow:0 0 14px rgba(245,158,11,.95),0 0 34px rgba(251,191,36,.55)}100%{background-position:0 50%;box-shadow:0 0 10px rgba(245,158,11,.65),0 0 24px rgba(251,191,36,.35)}}.avatar-preview-box.animated-frame .avatar-preview-inner{width:68px;height:68px;background:var(--bg-card)}.avatar-emoji{font-size:var(--font-4xl)}.boost-preview-box{width:80px;height:80px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(135deg,#eab308 0,#f59e0b 100%)}.boost-preview-box.uncommon{background:linear-gradient(135deg,#22c55e 0,#10b981 100%)}.boost-preview-box.rare{background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%)}.boost-preview-box.legendary{background:linear-gradient(135deg,#f59e0b 0,#dc2626 100%);animation:legendary-pulse 2s ease-in-out infinite}@keyframes legendary-pulse{0%,100%{box-shadow:0 0 20px rgba(245,158,11,.5)}50%{box-shadow:0 0 40px rgba(245,158,11,.8)}}.boost-preview-box i{width:28px;height:28px;color:#fff}.boost-multiplier{font-size:var(--font-md);font-weight:800;color:#fff}.item-info{margin-bottom:12px}.item-info h4{font-size:var(--font-md);font-weight:700;color:var(--text-headings);margin:0 0 6px}.item-info p{font-size:var(--font-xs);color:var(--text-secondary);margin:0;line-height:1.4}.item-price{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(245,158,11,.1) 0,rgba(251,191,36,.1) 100%);padding:8px 16px;border-radius:var(--radius-md);margin-bottom:12px}.item-price i{font-size:14px;color:var(--color-warning)}.item-price span{font-weight:700;color:var(--color-warning)}.btn-buy{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%);color:#fff;border:none;padding:12px 16px;border-radius:12px;font-weight:700;font-size:var(--font-base);cursor:pointer;transition:all var(--transition)}.btn-buy i{width:16px;height:16px}.btn-buy.available:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,84,214,.3)}.btn-buy.owned{background:#22c55e;cursor:default}.btn-buy.insufficient{background:var(--bg-element);color:var(--text-muted);cursor:not-allowed}.shop-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s}.shop-modal.active{opacity:1;visibility:visible}.shop-modal-content{background:var(--bg-sidebar);border-radius:16px;width:92%;max-width:560px;overflow:hidden;transform:scale(.9) translateY(20px);transition:transform .3s;position:relative}.shop-modal.active .shop-modal-content{transform:scale(1) translateY(0)}.shop-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light)}.shop-modal-header h3{font-size:1.2rem;font-weight:700;color:var(--text-headings);margin:0}.modal-close{background:0 0;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition)}.modal-close:hover{background:var(--bg-element);color:var(--text-headings)}.modal-close i{width:20px;height:20px}.shop-modal-body{padding:24px}.purchase-preview{display:flex;justify-content:center;margin-bottom:20px}.purchase-preview .banner-preview-box{width:100%;height:100px}.purchase-preview .avatar-preview-box{width:100px;height:100px}.purchase-preview .boost-preview-box{width:100px;height:100px}.purchase-details{text-align:center;margin-bottom:24px}.purchase-rarity{display:inline-block;padding:4px 12px;border-radius:var(--radius-xl);font-size:var(--font-xs);font-weight:700;color:#fff;text-transform:uppercase;margin-bottom:12px}.purchase-details h4{font-size:1.3rem;font-weight:700;color:var(--text-headings);margin:0 0 8px}.purchase-details p{color:var(--text-secondary);margin:0;font-size:var(--font-base)}.purchase-cost{background:var(--bg-element);border-radius:12px;padding:16px;margin-bottom:20px}.cost-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.cost-row:not(:last-child){border-bottom:1px solid var(--border-light)}.cost-row span:first-child{color:var(--text-secondary);font-size:var(--font-base)}.cost-value{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--text-headings)}.cost-value i{color:var(--color-warning);font-size:14px}.cost-row.total{padding-top:12px}.cost-row.total .cost-value{font-size:var(--font-lg)}.cost-value.low{color:#ef4444}.purchase-actions{display:flex;gap:12px}.btn-cancel{flex:1;padding:14px 20px;border:none;border-radius:12px;background:var(--bg-element);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-cancel:hover{background:var(--border-light)}.btn-confirm{flex:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%);color:#fff;font-weight:700;cursor:pointer;transition:all var(--transition)}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,84,214,.3)}.btn-confirm i{font-size:14px}.shop-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:12px;background:var(--bg-sidebar);box-shadow:0 10px 40px rgba(0,0,0,.2);z-index:10001;opacity:0;transition:all .3s}.shop-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.shop-toast.success{border-left:4px solid #22c55e}.shop-toast.success i{color:#22c55e}.shop-toast.error{border-left:4px solid #ef4444}.shop-toast.error i{color:#ef4444}.shop-toast i{width:20px;height:20px}.shop-toast span{font-weight:600;color:var(--text-headings)}@media (max-width:1200px){.shop-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.shop-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.shop-page{padding:0 14px 40px;overflow-x:hidden}.shop-header{flex-direction:column;text-align:center;padding:24px 18px;gap:16px}.shop-header h1{font-size:1.6rem}.shop-balance{padding:14px 16px;width:100%;box-sizing:border-box}.balance-promo{flex-wrap:wrap;justify-content:center}.balance-gems span{font-size:1.4rem}.shop-nav{flex-direction:column;align-items:stretch}.shop-toggle{justify-content:center;width:100%}.shop-toggle .toggle-btn{flex:1;justify-content:center}.shop-filters{justify-content:center;flex-wrap:wrap;gap:6px}.shop-grid{grid-template-columns:1fr}.shop-section .section-header h2{font-size:1.2rem}.current-equipment{flex-direction:column}.inventory-grid{grid-template-columns:repeat(2,1fr)}}.inventory-section{background:linear-gradient(135deg,rgba(59,110,245,.05) 0,rgba(59,110,245,.05) 100%);border-radius:24px;padding:30px;border:1px solid var(--border-light)}.current-equipment{display:flex;gap:24px;margin-bottom:32px}.equipment-card{flex:1;background:var(--bg-sidebar);border-radius:16px;padding:20px;text-align:center;border:2px solid var(--border-light)}.equipment-card h4{display:flex;align-items:center;justify-content:center;gap:8px;font-size:var(--font-md);font-weight:600;color:var(--text-headings);margin:0 0 16px}.equipment-card h4 i{width:18px;height:18px;color:var(--primary-accent)}.equipment-preview{margin-bottom:16px}.equipment-preview.banner-equipped .banner-preview-box{width:100%;height:80px;border-radius:12px}.equipment-preview.avatar-equipped{display:flex;justify-content:center}.equipment-preview.avatar-equipped .avatar-preview-box{width:80px;height:80px}.empty-equipped{padding:30px 20px;background:var(--bg-element);border-radius:12px;color:var(--text-muted);font-size:var(--font-base)}.btn-unequip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(239,68,68,.1);color:#ef4444;border:none;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-unequip:hover{background:rgba(239,68,68,.2)}.btn-unequip i{width:14px;height:14px}.inventory-category{margin-bottom:24px}.inventory-category:last-child{margin-bottom:0}.inventory-category h3{display:flex;align-items:center;gap:10px;font-size:var(--font-lg);font-weight:700;color:var(--text-headings);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.inventory-category h3 i{width:20px;height:20px;color:var(--primary-accent)}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.inventory-empty{grid-column:1/-1;text-align:center;padding:40px 20px;background:var(--bg-element);border-radius:12px;color:var(--text-muted);font-size:var(--font-base);line-height:1.6}.inventory-item{background:var(--bg-sidebar);border-radius:16px;padding:16px;text-align:center;position:relative;transition:all var(--transition);border:2px solid transparent}.inventory-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}.inventory-item.equipped{border-color:var(--primary-accent);background:linear-gradient(135deg,var(--bg-sidebar) 0,rgba(59,110,245,.1) 100%)}.inventory-item .item-preview{height:70px;margin-bottom:12px}.inventory-item .banner-preview-box{height:60px}.inventory-item .avatar-preview-box{width:60px;height:60px}.inventory-item .avatar-preview-box.animated-frame .avatar-preview-inner,.inventory-item .avatar-preview-box.gradient-frame .avatar-preview-inner{width:50px;height:50px}.inventory-item .avatar-emoji{font-size:2rem}.inventory-item .item-info h4{font-size:var(--font-base);margin-bottom:12px}.equipped-badge{position:absolute;top:-8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:4px 12px;background:var(--primary-accent);color:#fff;border-radius:var(--radius-xl);font-size:var(--font-2xs);font-weight:700;text-transform:uppercase;z-index:2}.equipped-badge i{width:12px;height:12px}.btn-equip{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-equip:hover:not(.equipped){transform:translateY(-2px);box-shadow:0 6px 16px rgba(59,110,245,.3)}.btn-equip.equipped{background:#22c55e;cursor:default}.btn-equip i{width:16px;height:16px}.btn-buy.owned.clickable{background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%);cursor:pointer}.btn-buy.owned.clickable:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(59,110,245,.3)}.btn-buy.equipped{background:#22c55e;cursor:default}.shop-item.equipped{border-color:var(--primary-accent)}@media (max-width:1200px){.inventory-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.inventory-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.inventory-grid{grid-template-columns:1fr}.shop-grid{grid-template-columns:1fr}}.robux-exchange-section,.robux-modal{--robux-accent:#00c853;--robux-accent-hover:#00e676;--robux-accent-rgb:0,200,83;--robux-accent-light:rgba(0, 200, 83, 0.08);--robux-accent-border:rgba(0, 200, 83, 0.2)}.robux-exchange-section{position:relative;background:var(--bg-card);border-radius:var(--radius-xl);padding:0;overflow:hidden;border:1px solid var(--robux-accent-border);box-shadow:var(--shadow-card)}.robux-accordion-trigger{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;cursor:pointer;user-select:none;transition:background .2s;position:relative;z-index:2}.robux-accordion-trigger:hover{background:rgba(var(--robux-accent-rgb),.03)}.robux-accordion-left{display:flex;flex-direction:column;gap:4px}.robux-accordion-left h2{font-size:1.4rem;font-weight:800;color:var(--text-headings);margin:0;display:flex;align-items:center;gap:10px}.robux-accordion-left h2 .robux-icon{width:26px;height:26px}.robux-accordion-left h2 .robux-icon circle{stroke:var(--robux-accent)}.robux-accordion-left h2 .robux-icon path{stroke:var(--robux-accent)}.robux-accordion-left p{color:var(--text-secondary);font-size:var(--font-sm);margin:0}.robux-accordion-chevron{width:24px;height:24px;color:var(--text-muted);transition:transform .3s ease;flex-shrink:0}.robux-exchange-section.open .robux-accordion-chevron{transform:rotate(180deg)}.robux-accordion-content{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease;padding:0 32px}.robux-exchange-section.open .robux-accordion-content{max-height:2000px;padding:0 32px 32px}.robux-exchange-section::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--robux-accent),var(--robux-accent-hover),var(--robux-accent))}.robux-exchange-section::after{content:"";position:absolute;top:-60%;right:-25%;width:400px;height:400px;background:radial-gradient(circle,rgba(var(--robux-accent-rgb),.04) 0,transparent 70%);border-radius:50%;pointer-events:none}.robux-new-badge{display:inline-flex;align-items:center;width:fit-content;background:linear-gradient(135deg,var(--robux-accent),var(--robux-accent-hover));color:#fff;padding:2px 7px;border-radius:var(--radius-full);font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;line-height:1.4}.robux-section-subtitle{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-muted);font-size:var(--font-xs);margin-top:2px}.robux-section-subtitle i{width:14px;height:14px}.robux-info-banner{position:relative;z-index:2;display:flex;align-items:center;gap:14px;background:var(--color-info-light);border:1px solid rgba(var(--primary-accent-rgb),.15);border-radius:var(--radius-md);padding:12px 18px;margin-bottom:24px}.robux-info-banner i{width:18px;height:18px;color:var(--primary-accent);flex-shrink:0}.robux-info-banner span{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5}.robux-info-banner strong{color:var(--primary-accent);font-weight:600}.robux-exchange-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.robux-card{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:26px 18px 18px;text-align:center;position:relative;overflow:hidden;transition:all var(--transition)}.robux-card:hover{transform:translateY(-4px);border-color:var(--robux-accent-border);box-shadow:0 12px 28px rgba(0,0,0,.08),0 0 0 1px rgba(var(--robux-accent-rgb),.1)}.robux-card.popular{border-color:rgba(var(--robux-accent-rgb),.35);background:linear-gradient(180deg,rgba(var(--robux-accent-rgb),.04) 0,var(--bg-sidebar) 100%)}.robux-card.popular::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--robux-accent),var(--robux-accent-hover))}.robux-popular-tag{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,var(--robux-accent),var(--robux-accent-hover));color:#fff;padding:3px 9px;border-radius:var(--radius-full);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.robux-card-amount{margin-bottom:16px}.robux-card-robux-value{font-size:var(--font-4xl);font-weight:800;color:var(--robux-accent);line-height:1;margin-bottom:4px}.robux-card-robux-label{font-size:var(--font-xs);color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px}.robux-card-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0}.robux-card-divider::after,.robux-card-divider::before{content:"";flex:1;height:1px;background:var(--border-color)}.robux-card-divider span{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-element);border:1px solid var(--border-color)}.robux-card-divider i{width:14px;height:14px;color:var(--text-muted)}.robux-card-price{display:inline-flex;align-items:center;gap:8px;background:var(--color-gold-light);padding:8px 18px;border-radius:var(--radius-md);margin-bottom:18px}.robux-card-price i{color:var(--color-gold);font-size:14px}.robux-card-price span{font-size:1.2rem;font-weight:800;color:var(--color-gold)}.robux-card-btn{width:100%;padding:12px 18px;border:none;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:700;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.robux-card-btn.available{background:linear-gradient(135deg,var(--robux-accent),var(--robux-accent-hover));color:#fff}.robux-card-btn.available:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--robux-accent-rgb),.35)}.robux-card-btn.insufficient{background:var(--bg-element);color:var(--text-muted);cursor:not-allowed}.robux-card-btn.disabled-exchange{background:var(--bg-element);color:var(--text-muted);cursor:not-allowed}.robux-card-btn i{width:16px;height:16px}.robux-footer-info{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.robux-footer-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-element);border-radius:var(--radius-md)}.robux-footer-item i{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.robux-footer-item span{color:var(--text-secondary);font-size:var(--font-xs);line-height:1.4}.robux-footer-item strong{color:var(--text-headings);font-weight:600}.robux-exchange-section.disabled{opacity:.6;pointer-events:none}.robux-disabled-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.35);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:var(--radius-xl);gap:6px}.robux-disabled-overlay i{width:32px;height:32px;color:var(--text-muted)}.robux-disabled-overlay span{color:var(--text-secondary);font-size:var(--font-base);font-weight:600}.robux-disabled-overlay small{color:var(--text-muted);font-size:var(--font-xs);font-weight:400}.robux-history-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.robux-history-section h4{display:flex;align-items:center;gap:8px;font-size:var(--font-md);font-weight:700;color:var(--text-headings);margin:0 0 14px}.robux-history-section h4 i{width:18px;height:18px;color:var(--text-muted)}.robux-history-row{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--bg-element);border-radius:var(--radius-md);margin-bottom:8px;flex-wrap:wrap}.robux-history-info{display:flex;flex-direction:column;gap:2px;min-width:100px}.robux-history-info strong{color:var(--text-headings);font-size:var(--font-base)}.robux-history-date{font-size:var(--font-xs);color:var(--text-muted)}.robux-history-delivery{display:flex;align-items:center;gap:5px;font-size:var(--font-xs);color:var(--text-secondary)}.robux-history-delivery i{width:14px;height:14px}.robux-history-code{font-family:monospace;font-size:var(--font-xs);font-weight:600;color:var(--robux-accent,#00c853);background:rgba(0,200,83,.08);padding:4px 10px;border-radius:var(--radius-sm);letter-spacing:.5px;margin-left:auto}.robux-history-status{display:flex;align-items:center;gap:5px;font-size:var(--font-xs);font-weight:600;padding:4px 10px;border-radius:var(--radius-full);margin-left:auto}.robux-history-status i{width:13px;height:13px}.robux-history-status.status-pending{background:var(--color-warning-light);color:var(--color-warning)}.robux-history-status.status-completed{background:rgba(0,200,83,.1);color:#00c853}.robux-history-status.status-rejected{background:var(--color-error-light);color:var(--color-error)}@media (max-width:768px){.robux-history-row{flex-direction:column;align-items:flex-start;gap:8px}.robux-history-code,.robux-history-status{margin-left:0}}.robux-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-max);opacity:0;visibility:hidden;transition:all .3s}.robux-modal.active{opacity:1;visibility:visible}.robux-modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:92%;max-width:460px;max-height:90vh;overflow-y:auto;transform:scale(.95) translateY(16px);transition:transform .3s;position:relative;box-shadow:var(--shadow-xl)}.robux-modal.active .robux-modal-content{transform:scale(1) translateY(0)}.robux-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.robux-modal-header h3{font-size:1.15rem;font-weight:700;color:var(--text-headings);margin:0;display:flex;align-items:center;gap:8px}.robux-modal-header h3 i{width:20px;height:20px;color:var(--robux-accent)}.robux-modal-close{background:var(--bg-element);border:none;cursor:pointer;padding:8px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition)}.robux-modal-close:hover{background:var(--border-color);color:var(--text-headings)}.robux-modal-close i{width:18px;height:18px}.robux-modal-body{padding:24px}.robux-exchange-summary{display:flex;align-items:center;justify-content:center;gap:16px;padding:18px;background:var(--bg-element);border-radius:var(--radius-lg);margin-bottom:24px}.robux-summary-gems,.robux-summary-robux{display:flex;flex-direction:column;align-items:center;gap:4px}.robux-summary-gems .value,.robux-summary-robux .value{font-size:var(--font-2xl);font-weight:800}.robux-summary-gems .value{color:var(--color-gold)}.robux-summary-robux .value{color:var(--robux-accent)}.robux-summary-gems .label,.robux-summary-robux .label{font-size:var(--font-2xs);color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.robux-summary-arrow{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(var(--robux-accent-rgb),.1)}.robux-summary-arrow i{width:16px;height:16px;color:var(--robux-accent)}.robux-form-group{margin-bottom:20px}.robux-form-group label{display:block;color:var(--text-headings);font-size:var(--font-sm);font-weight:600;margin-bottom:8px}.robux-form-group label .required{color:var(--color-error)}.robux-form-input{width:100%;padding:12px 14px;background:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-headings);font-size:var(--font-base);transition:all var(--transition);box-sizing:border-box}.robux-form-input::placeholder{color:var(--text-muted)}.robux-form-input:focus{outline:0;border-color:var(--robux-accent);box-shadow:0 0 0 3px rgba(var(--robux-accent-rgb),.1)}.robux-form-hint{display:flex;align-items:center;gap:6px;margin-top:6px;color:var(--text-muted);font-size:.76rem}.robux-form-hint i{width:13px;height:13px}.robux-delivery-options{display:flex;gap:12px}.robux-delivery-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--bg-element);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);position:relative}.robux-delivery-option:hover{border-color:var(--text-muted)}.robux-delivery-option.selected{border-color:var(--robux-accent);background:rgba(var(--robux-accent-rgb),.06)}.robux-delivery-option.recommended::after{content:"Recommandé";position:absolute;top:-9px;right:-4px;background:linear-gradient(135deg,var(--robux-accent),var(--robux-accent-hover));color:#fff;padding:2px 8px;border-radius:var(--radius-sm);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.robux-delivery-option i{width:24px;height:24px;color:var(--text-secondary)}.robux-delivery-option.selected i{color:var(--robux-accent)}.robux-delivery-option .option-name{font-size:var(--font-sm);font-weight:700;color:var(--text-headings)}.robux-delivery-option .option-desc{font-size:var(--font-2xs);color:var(--text-muted);text-align:center;line-height:1.3}.robux-delivery-option.selected .option-name{color:var(--robux-accent)}.robux-delay-notice{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--color-warning-light);border:1px solid rgba(245,158,11,.15);border-radius:var(--radius-md);margin-bottom:22px}.robux-delay-notice i{width:16px;height:16px;color:var(--color-warning);flex-shrink:0;margin-top:1px}.robux-delay-notice span{color:var(--text-secondary);font-size:var(--font-xs);line-height:1.5}.robux-delay-notice strong{color:var(--color-warning);font-weight:600}.robux-legal-checkbox{display:flex;align-items:center;gap:8px;margin-top:8px;cursor:pointer;font-size:var(--font-xs);color:var(--text-muted)}.robux-legal-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--robux-accent);cursor:pointer;flex-shrink:0}.robux-legal-checkbox a{color:var(--robux-accent);text-decoration:underline}.robux-modal-actions{display:flex;gap:12px;margin-top:8px}.robux-btn-cancel{flex:1;padding:12px 18px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-element);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all var(--transition)}.robux-btn-cancel:hover{background:var(--border-color);color:var(--text-headings)}.robux-btn-confirm{flex:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--robux-accent),var(--robux-accent-hover));color:#fff;font-weight:700;font-size:var(--font-base);cursor:pointer;transition:all .25s}.robux-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--robux-accent-rgb),.35)}.robux-btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.robux-btn-confirm i{width:16px;height:16px}.robux-success-state{text-align:center;padding:16px 0}.robux-success-icon{width:64px;height:64px;background:rgba(var(--robux-accent-rgb),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;animation:success-pop .5s cubic-bezier(.4,0,.2,1)}@keyframes success-pop{0%{transform:scale(0)}50%{transform:scale(1.15)}100%{transform:scale(1)}}.robux-success-icon i{width:32px;height:32px;color:var(--robux-accent)}.robux-success-state h4{color:var(--text-headings);font-size:1.2rem;font-weight:700;margin:0 0 8px}.robux-success-state p{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5;margin:0 0 22px}.robux-success-state .robux-btn-close{padding:10px 28px;border:none;border-radius:var(--radius-md);background:var(--bg-element);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all var(--transition)}.robux-success-state .robux-btn-close:hover{background:var(--border-color);color:var(--text-headings)}@media (max-width:1024px){.robux-exchange-grid{grid-template-columns:repeat(2,1fr)}.robux-footer-info{grid-template-columns:1fr 1fr}}@media (max-width:768px){.robux-accordion-trigger{padding:18px 16px}.robux-accordion-left h2{font-size:1.15rem}.robux-accordion-content{padding:0 16px}.robux-exchange-section.open .robux-accordion-content{padding:0 16px 20px}.robux-exchange-grid{grid-template-columns:1fr;gap:12px}.robux-footer-info{grid-template-columns:1fr}.robux-delivery-options{flex-direction:column}.robux-modal-content{max-width:95%}}.admin-robux-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.admin-robux-header h3{font-size:1.3rem;font-weight:700;color:var(--text-headings);display:flex;align-items:center;gap:10px}.admin-robux-header h3 i{width:24px;height:24px;color:#00c853}.admin-robux-toggle{display:flex;align-items:center;gap:10px}.admin-robux-toggle label{font-size:var(--font-base);color:var(--text-secondary);font-weight:500}.admin-toggle-switch{position:relative;width:48px;height:26px;background:var(--bg-element);border-radius:13px;cursor:pointer;transition:background .3s;border:none;padding:0}.admin-toggle-switch.active{background:#00c853}.admin-toggle-switch::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .3s;box-shadow:0 2px 4px rgba(0,0,0,.15)}.admin-toggle-switch.active::after{transform:translateX(22px)}.admin-robux-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.admin-robux-stat{background:var(--bg-sidebar);padding:20px;border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border-color)}.admin-robux-stat .stat-value{font-size:1.6rem;font-weight:800;color:var(--text-headings)}.admin-robux-stat .stat-label{font-size:var(--font-xs);color:var(--text-secondary);margin-top:4px}.admin-robux-tiers{background:var(--bg-sidebar);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;border:1px solid var(--border-color)}.admin-robux-tiers h4{font-size:var(--font-lg);font-weight:700;color:var(--text-headings);margin:0 0 16px;display:flex;align-items:center;gap:8px}.admin-robux-tiers h4 i{width:20px;height:20px;color:var(--primary-accent)}.admin-tier-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-light)}.admin-tier-row:last-child{border-bottom:none}.admin-tier-row label{width:120px;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary)}.admin-tier-input{width:100px;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-base);background:var(--bg-element);color:var(--text-headings)}.admin-tier-arrow{color:var(--text-muted);font-size:var(--font-sm)}.admin-tier-save{padding:10px 20px;background:linear-gradient(135deg,#00c853,#00e676);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all var(--transition);margin-top:16px}.admin-tier-save:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,200,83,.3)}.admin-robux-requests{background:var(--bg-sidebar);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border-color)}.admin-robux-requests h4{font-size:var(--font-lg);font-weight:700;color:var(--text-headings);margin:0 0 16px;display:flex;align-items:center;gap:8px}.admin-robux-requests h4 i{width:20px;height:20px;color:var(--color-warning)}.robux-request-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-element);border-radius:var(--radius-md);margin-bottom:12px;gap:16px;flex-wrap:wrap}.robux-request-card:last-child{margin-bottom:0}.robux-request-info{display:flex;flex-direction:column;gap:4px}.robux-request-user{font-weight:700;color:var(--text-headings);font-size:var(--font-base)}.robux-request-details{font-size:var(--font-xs);color:var(--text-secondary)}.robux-request-amount{font-weight:800;color:#00c853;font-size:var(--font-lg)}.robux-request-actions{display:flex;gap:8px}.robux-request-actions button{padding:8px 14px;border-radius:var(--radius-sm);border:none;font-weight:600;font-size:var(--font-xs);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:6px}.robux-request-actions button i{width:14px;height:14px}.robux-btn-send-code{background:linear-gradient(135deg,#00c853,#00e676);color:#fff}.robux-btn-send-code:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,200,83,.3)}.robux-btn-reject{background:rgba(239,68,68,.1);color:#ef4444}.robux-btn-reject:hover{background:rgba(239,68,68,.2)}.robux-btn-notify{background:rgba(59,110,245,.1);color:#3b6ef5}.robux-btn-notify:hover{background:rgba(59,110,245,.2)}.robux-preset-list{display:flex;flex-wrap:wrap;gap:8px}.robux-preset-btn{padding:6px 12px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-element);color:var(--text-secondary);font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:all var(--transition)}.robux-preset-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.robux-preset-btn.active{background:rgba(59,110,245,.1);border-color:var(--primary-accent);color:var(--primary-accent)}.robux-empty-requests{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:var(--font-base)}.robux-empty-requests i{width:40px;height:40px;margin-bottom:12px;opacity:.4}.admin-robux-history{background:var(--bg-sidebar);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-top:24px;overflow:hidden}.admin-robux-history-toggle{display:flex;align-items:center;gap:8px;font-size:var(--font-lg);font-weight:700;color:var(--text-headings);margin:0;padding:18px 24px;cursor:pointer;user-select:none;transition:background .2s}.admin-robux-history-toggle:hover{background:var(--bg-element)}.admin-robux-history-toggle i:first-child{width:20px;height:20px;color:var(--text-muted)}.admin-robux-history-toggle .toggle-chevron{width:18px;height:18px;color:var(--text-muted);margin-left:auto;transition:transform .3s ease}.admin-robux-history-content{padding:0 24px 24px}.robux-code-input{width:100%;padding:14px 16px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-md);font-weight:600;text-align:center;letter-spacing:2px;text-transform:uppercase;background:var(--bg-element);color:var(--text-headings);box-sizing:border-box}.robux-code-input:focus{outline:0;border-color:#00c853;box-shadow:0 0 0 3px rgba(0,200,83,.1)}@media (max-width:768px){.admin-robux-stats{grid-template-columns:repeat(2,1fr)}.robux-request-card{flex-direction:column;align-items:flex-start}}.passes-section{margin-bottom:8px}.passes-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pass-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-color)}.pass-banner.active{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.02)}.pass-banner-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.pass-banner-crown{width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,#d97706,#fbbf24);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pass-banner-crown i{width:18px;height:18px;color:#fff;stroke-width:2.5}.pass-banner-text{min-width:0}.pass-banner-text h3{font-size:var(--font-sm);font-weight:700;color:var(--text-headings);margin:0 0 3px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pass-banner-desc{font-size:.74rem;color:var(--text-secondary);margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.pass-price-tag{font-size:var(--font-xs);font-weight:700;color:#d97706;background:rgba(245,158,11,.1);border:1.5px solid rgba(245,158,11,.25);padding:2px 10px;border-radius:var(--radius-xl)}.pass-price-old{font-size:var(--font-xs);font-weight:600;color:var(--text-secondary,#94a3b8);text-decoration:line-through;margin-right:4px}.pass-price-promo{font-size:var(--font-base);font-weight:800;color:#16a34a;background:rgba(22,163,74,.1);border:1.5px solid rgba(22,163,74,.25);padding:2px 10px;border-radius:var(--radius-xl)}.pass-banner-promo{border:1.5px solid rgba(22,163,74,.3);box-shadow:0 4px 24px rgba(22,163,74,.1);position:relative;overflow:hidden}.pass-promo-ribbon{position:absolute;top:12px;right:-30px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;font-size:var(--font-2xs);font-weight:800;padding:4px 36px;transform:rotate(45deg);white-space:nowrap;letter-spacing:.5px;box-shadow:0 2px 8px rgba(22,163,74,.3);pointer-events:none}.pass-banner-right{flex-shrink:0}.pass-cta-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:var(--radius-sm);border:none;background:var(--primary-accent);color:#fff;font-size:var(--font-xs);font-weight:700;cursor:pointer;transition:filter .15s,transform .1s;white-space:nowrap;flex-shrink:0}.pass-cta-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.pass-cta-btn i{width:15px;height:15px}.pass-cta-active{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:12px;background:rgba(245,158,11,.1);border:1.5px solid rgba(245,158,11,.3);color:#d97706;font-size:var(--font-sm);font-weight:700;white-space:nowrap}.pass-cta-active i{width:15px;height:15px}.premium-pass-modal-content{max-width:440px}.premium-pass-modal-body{padding:4px 24px 24px;display:flex;flex-direction:column;gap:20px}.pass-steps{display:flex;flex-direction:column;gap:12px}.pass-step{display:flex;align-items:center;gap:12px}.ppm-content{max-width:760px;width:95%;padding:32px;border-radius:16px;border:none;box-shadow:0 8px 40px rgba(0,0,0,.18);background:var(--bg-card);position:relative}.ppm-close{position:absolute;top:14px;right:14px;background:0 0;border:1px solid var(--border-color);border-radius:var(--radius-sm);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:background .15s,color .15s}.ppm-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.ppm-close i{width:14px;height:14px}.ppm-layout{display:flex;gap:0;align-items:stretch}.ppm-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;background:0 0;border:none;border-right:1px solid var(--border-color);border-radius:0;padding:0 24px 0 0;margin-right:24px}.ppm-icon{width:46px;height:46px;background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%);border:none;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px rgba(245,158,11,.35)}.ppm-icon i{width:22px;height:22px}.ppm-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.ppm-subtitle{font-size:var(--font-xs);color:var(--text-secondary);margin:-10px 0 0;line-height:1.45}.ppm-header-row{display:flex;align-items:center;gap:12px}.ppm-header-row .ppm-icon{flex-shrink:0;margin:0}.ppm-header-row .ppm-title{margin:0}.ppm-header-row .ppm-subtitle{margin:2px 0 0}.ppm-project-banner{display:flex;align-items:flex-start;gap:10px;background:linear-gradient(90deg,rgba(37,84,214,.06) 0,transparent 100%);border-left:3px solid #2554d6;border-radius:0 8px 8px 0;padding:9px 12px}.ppm-project-emoji{font-size:1.2rem;flex-shrink:0;line-height:1.2}.ppm-project-banner strong{display:block;font-size:.83rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.ppm-project-banner span{font-size:.73rem;color:var(--text-secondary);line-height:1.4}.ppm-skills-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.ppm-skills-grid li{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--text-primary);font-weight:500}.ppm-skills-grid li i{width:12px;height:12px;color:var(--color-warning);flex-shrink:0}.ppm-cosme-row{display:flex;gap:7px;flex-wrap:wrap;padding-top:2px;border-top:1px solid var(--border-color)}.ppm-cosme-row span{font-size:var(--font-2xs);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:3px 8px;color:var(--text-secondary)}.ppm-volume-bar{display:flex;align-items:center;gap:6px;font-size:var(--font-2xs);color:var(--text-secondary);flex-wrap:wrap}.ppm-vol-sep{color:var(--text-muted)}.ppm-volume-bar strong{color:var(--text-primary);font-weight:700}.ppm-value-hint{font-size:var(--font-xs);color:var(--text-secondary);text-align:center;margin:-6px 0 4px}.ppm-value-hint strong{color:#16a34a}.ppm-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.ppm-features li{display:flex;align-items:center;gap:9px;font-size:.875rem;color:var(--text-primary);font-weight:500}.ppm-features li i{width:15px;height:15px;min-width:15px;color:var(--color-success)}.ppm-right{width:230px;min-width:210px;display:flex;flex-direction:column;gap:14px;justify-content:center}.ppm-price-block{display:flex;align-items:baseline;gap:8px}.ppm-amount{font-size:2.1rem;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.ppm-once{font-size:var(--font-xs);color:var(--text-secondary)}.ppm-promo-tag{display:flex;align-items:center;gap:6px;font-size:var(--font-xs);color:#92400e;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-sm);padding:6px 10px;font-weight:500}.ppm-promo-tag i{width:13px;height:13px;color:var(--color-warning)}.ppm-actions{display:flex;flex-direction:column;gap:9px}.ppm-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;background:var(--primary-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-base);font-weight:700;cursor:pointer;transition:filter .15s,transform .1s;white-space:nowrap}.ppm-btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.ppm-btn-primary:active{transform:translateY(0)}.ppm-btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:none}.ppm-btn-primary i{width:16px;height:16px}.ppm-revolut-note{text-align:center;font-size:var(--font-xs);color:var(--text-muted,#94a3b8);margin:4px 0 0}.ppm-promo-row{margin-bottom:10px;width:100%}.ppm-promo-input-wrap{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);overflow:hidden;width:100%}.ppm-promo-input-wrap svg{width:14px;height:14px;color:var(--text-muted);flex-shrink:0;margin-left:10px}.ppm-promo-input{flex:1;min-width:0;border:none;background:0 0;outline:0;font-size:var(--font-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;padding:8px 8px}.ppm-promo-input::placeholder{text-transform:none;letter-spacing:0;color:var(--text-muted)}.ppm-promo-apply{flex-shrink:0;background:0 0;cursor:pointer;border:none;border-left:1px solid var(--border-color);padding:8px 12px;font-size:var(--font-xs);font-weight:700;color:#2554d6;white-space:nowrap;transition:background .15s}.ppm-promo-apply:hover{background:#eff6ff}.ppm-promo-apply:disabled{opacity:.5;cursor:not-allowed}.ppm-promo-feedback{font-size:var(--font-xs);margin:4px 0 0;min-height:16px}.ppm-promo-ok{color:#16a34a}.ppm-promo-err{color:#dc2626}.ppm-btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:rgba(245,158,11,.08);color:#b45309;border:1.5px solid rgba(245,158,11,.35);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.ppm-btn-secondary:hover{background:rgba(245,158,11,.14);border-color:var(--color-warning)}.ppm-btn-secondary i{width:15px;height:15px;color:var(--color-warning)}.ppm-trust{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding-top:0;border-top:none}.ppm-trust span{display:flex;align-items:center;gap:3px;font-size:.62rem;color:var(--text-muted);font-weight:500;white-space:nowrap;line-height:1}.ppm-trust span:first-child i{color:var(--color-success)}.ppm-trust i{width:9px;height:9px;flex-shrink:0}@media (max-width:600px){.ppm-content{padding:22px 16px 20px;flex-shrink:0;margin:0 auto}.ppm-layout{flex-direction:column;gap:16px}.ppm-right{width:100%;min-width:0}.ppm-trust{flex-direction:row;flex-wrap:wrap;gap:12px;border-top:none;padding-top:0}}.gift-content{max-width:480px;width:92%;padding:28px;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:0 8px 40px rgba(0,0,0,.12);position:relative}.gift-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px;padding-right:28px}.gift-icon{width:44px;height:44px;min-width:44px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-warning)}.gift-icon i{width:22px;height:22px}.gift-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.gift-subtitle{font-size:var(--font-xs);color:var(--text-secondary);margin:0;line-height:1.45}.gift-search-wrap{margin-bottom:12px}.gift-search-row{display:flex;align-items:center;gap:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0 14px}.gift-search-row i{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.gift-search-row input{flex:1;background:0 0;border:none;outline:0;padding:11px 0;font-size:var(--font-sm);color:var(--text-primary)}.gift-search-row input::placeholder{color:var(--text-secondary);opacity:.7}.gift-results{margin-top:6px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);display:empty-cells}.gift-results:empty{border:none}.gift-result-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;background:var(--bg-card);transition:background .12s;border-bottom:1px solid var(--border-color)}.gift-result-item:last-child{border-bottom:none}.gift-result-item:hover:not(.already-premium){background:var(--bg-secondary)}.gift-result-item.already-premium{opacity:.5;cursor:not-allowed}.gift-result-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.gift-result-avatar img{width:100%;height:100%;object-fit:cover}.gift-result-avatar i{width:16px;height:16px;color:var(--text-secondary)}.gift-result-name{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);flex:1}.gift-already-tag{font-size:var(--font-2xs);background:rgba(245,158,11,.1);color:#d97706;border-radius:6px;padding:2px 8px;font-weight:600}.gift-no-results,.gift-searching{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:.83rem;color:var(--text-secondary);background:var(--bg-card)}.gift-selected{display:flex;align-items:center;justify-content:space-between;background:rgba(59,110,245,.06);border:1px solid rgba(59,110,245,.2);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:16px}.gift-selected-left{display:flex;align-items:center;gap:10px}.gift-selected-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.gift-selected-avatar img{width:100%;height:100%;object-fit:cover}.gift-selected-avatar i{width:18px;height:18px;color:var(--text-secondary)}.gift-selected-name{font-size:var(--font-base);font-weight:700;color:var(--text-primary)}.gift-selected-tag{font-size:var(--font-xs);color:var(--text-secondary)}.gift-deselect{background:0 0;border:1px solid var(--border-color);border-radius:7px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:background .12s}.gift-deselect:hover{background:var(--bg-secondary)}.gift-deselect i{width:13px;height:13px}.gift-footer{border-top:1px solid var(--border-color);padding-top:18px;display:flex;flex-direction:column;gap:12px}.gift-price-info{display:flex;align-items:baseline;gap:8px}.gift-price{font-size:1.6rem;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.gift-price-label{font-size:var(--font-xs);color:var(--text-secondary)}.gift-confirm-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:14px;background:var(--primary-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-base);font-weight:700;cursor:pointer;transition:filter .15s,transform .1s}.gift-confirm-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.gift-confirm-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.gift-confirm-btn i{width:16px;height:16px}.pass-step-num{width:26px;height:26px;border-radius:50%;background:var(--bg-element);border:1.5px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:800;color:var(--text-secondary);flex-shrink:0}.pass-step-text{flex:1;display:flex;flex-direction:column;gap:1px}.pass-step-text strong{font-size:.875rem;color:var(--text-headings)}.pass-step-text span{font-size:var(--font-xs);color:var(--text-secondary)}.pass-step-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:9px;background:#5865f2;color:#fff;font-size:var(--font-xs);font-weight:700;text-decoration:none;flex-shrink:0;transition:opacity .15s}.pass-step-btn:hover{opacity:.85}.pass-step-btn i{width:13px;height:13px}.pass-step-btn-revolut{background:linear-gradient(135deg,#0666eb,#0a5ce0)!important;color:#fff!important}.pass-perks-list{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:7px;font-size:var(--font-sm);color:var(--text-primary)}.pass-perks-list li{display:flex;align-items:center;gap:8px}.pass-perks-list i{width:15px;height:15px;color:var(--color-success);flex-shrink:0}.pass-newsletter-promo{display:flex;align-items:center;gap:6px;font-size:var(--font-xs);color:var(--text-secondary);text-align:center;justify-content:center;margin:0 0 14px}.pass-newsletter-promo i{width:13px;height:13px;color:var(--color-warning);flex-shrink:0}.pass-newsletter-promo strong{color:var(--text-primary)}.pass-code-details{border-top:1px solid var(--border-color);padding-top:14px;margin-top:4px}.pass-code-details summary{font-size:var(--font-xs);color:var(--text-secondary);cursor:pointer;list-style:none;text-align:center;user-select:none}.pass-code-details summary::-webkit-details-marker{display:none}.pass-code-details[open] summary{margin-bottom:12px}.pass-code-form{display:flex;flex-direction:column;gap:8px}.pass-code-input{width:100%;padding:12px 16px;border:1.5px solid var(--border-color);border-radius:11px;font-size:var(--font-md);font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:var(--bg-element);color:var(--text-headings);box-sizing:border-box;transition:border-color .15s}.pass-code-input:focus{outline:0;border-color:var(--color-warning);box-shadow:0 0 0 3px rgba(245,158,11,.12)}.pass-code-error{font-size:var(--font-xs);color:#ef4444;padding:6px 10px;background:rgba(239,68,68,.07);border-radius:var(--radius-sm)}.pass-code-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;border-radius:12px;border:none;background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;font-size:.93rem;font-weight:700;cursor:pointer;transition:all var(--transition)}.pass-code-submit:hover:not(:disabled){background:linear-gradient(135deg,#b45309,#d97706)}.pass-code-submit:disabled{opacity:.6;cursor:not-allowed}.pass-code-submit i{width:16px;height:16px}@media (max-width:860px){.passes-grid{grid-template-columns:1fr}.gems-earn-row{grid-template-columns:1fr}}@media (max-width:600px){.pass-banner{padding:12px 14px;gap:10px}.pass-banner-right{flex-shrink:0}.pass-cta-active,.pass-cta-btn{padding:8px 12px;font-size:var(--font-xs)}}.gems-earn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gems-earn-card{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:14px 16px}.gems-earn-card--buy{border-color:#dbeafe;background:#eff6ff}.gems-earn-icon{width:36px;height:36px;border-radius:var(--radius-md);background:#f0fdf4;color:#16a34a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gems-earn-icon svg{width:18px;height:18px}.gems-earn-icon--gem{background:#dbeafe;color:#3b6ef5}.gems-earn-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.gems-earn-title{font-size:var(--font-sm);font-weight:700;color:var(--text-headings,#111827)}.gems-earn-desc{font-size:.74rem;color:var(--text-secondary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.gems-earn-btn{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:9px 14px;border-radius:var(--radius-sm);border:none;background:#16a34a;color:#fff;font-size:var(--font-xs);font-weight:700;cursor:pointer;transition:background .2s,transform .15s;white-space:nowrap}.gems-earn-btn:hover{background:#15803d;transform:translateY(-1px)}.gems-earn-btn svg{width:14px;height:14px}.gems-earn-btn--buy{background:linear-gradient(135deg,#2554d6,#3b6ef5)}.gems-earn-btn--buy:hover{background:linear-gradient(135deg,#1d4ed8,#2554d6)}.gems-modal-content{width:min(520px,95vw);padding:36px 32px 28px;text-align:center}.gems-modal-header{margin-bottom:28px}.gems-modal-icon{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#3b6ef5;font-size:var(--font-3xl);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.gems-modal-title{font-size:1.4rem;font-weight:800;color:var(--text-headings,#111827);margin:0 0 6px}.gems-modal-sub{font-size:.87rem;color:var(--text-secondary);margin:0}.gems-promo-row{margin-bottom:14px}.gems-pack-original{text-decoration:line-through;opacity:.5;font-size:.85em;margin-right:2px}.gems-modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.gems-modal-footer{font-size:var(--font-xs);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:6px;margin:0}.gems-modal-footer svg{width:14px;height:14px}[data-theme=dark] .gems-modal-icon{background:rgba(59,110,245,.15)}[data-theme=dark] .gems-pack-card.gems-pack-popular{background:rgba(59,110,245,.08)}[data-theme=dark] .gems-earn-card--buy{background:rgba(59,110,245,.08);border-color:rgba(59,110,245,.2)}[data-theme=dark] .gems-earn-icon--gem{background:rgba(59,110,245,.15)}.gems-pack-card{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:16px;padding:22px 16px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}.gems-pack-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.gems-pack-card.gems-pack-popular{border-color:#3b6ef5;background:#eff6ff}.gems-pack-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#3b6ef5,#60a5fa);color:#fff;font-size:.68rem;font-weight:700;padding:3px 12px;border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:.05em;text-transform:uppercase}.gems-pack-icon{font-size:2rem;line-height:1;color:#3b6ef5}.gems-pack-name{font-size:var(--font-2xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.gems-pack-amount{font-size:var(--font-4xl);font-weight:900;color:var(--text-headings,#111827);line-height:1}.gems-pack-unit{font-size:var(--font-xs);color:var(--text-secondary);margin-top:-4px}.gems-pack-btn{margin-top:6px;width:100%;padding:11px 8px;border-radius:var(--radius-md);border:none;background:linear-gradient(135deg,#2554d6,#3b6ef5);color:#fff;font-size:var(--font-sm);font-weight:700;cursor:pointer;transition:all var(--transition)}.gems-pack-btn:hover{background:linear-gradient(135deg,#1d4ed8,#2554d6);transform:translateY(-1px)}.gems-pack-card.gems-pack-popular .gems-pack-btn{background:linear-gradient(135deg,#3b6ef5,#60a5fa)}@media (max-width:700px){.gems-earn-row{grid-template-columns:1fr}}@media (max-width:600px){.gems-earn-card{flex-wrap:nowrap}.gems-earn-btn{width:auto}.gems-modal-grid{grid-template-columns:1fr}.gems-modal-content{padding:28px 20px 22px;flex-shrink:0;margin:0 auto}}.rev-modal-content{width:min(460px,95vw);padding:0}.rev-pay-inner{display:flex;flex-direction:column;width:100%;padding:22px 30px 26px;box-sizing:border-box}.rev-pay-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.rev-back-btn{display:flex;align-items:center;gap:6px;background:0 0;border:none;cursor:pointer;padding:6px 4px;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);border-radius:var(--radius-sm);transition:color .15s}.rev-back-btn:hover{color:var(--primary-accent,#3b6ef5)}.rev-back-btn svg{width:15px;height:15px}.rev-pay-inner .ppm-close{position:static;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--bg-alt-section,#f0f9ff);border:none;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.rev-pay-inner .ppm-close:hover{background:var(--border-color);color:var(--text-headings)}.rev-pay-inner .ppm-close svg{width:16px;height:16px}.rev-modal-header{text-align:center;margin-bottom:18px}.rev-modal-icon{width:54px;height:54px;border-radius:var(--radius-lg,14px);background:linear-gradient(135deg,var(--primary-accent,#3b6ef5) 0,#6d3ff0 100%);color:#fff;display:grid;place-items:center;margin:0 auto 12px;box-shadow:0 12px 24px -10px rgba(var(--primary-accent-rgb,59,110,245),.7)}.rev-modal-icon svg{width:24px;height:24px}.rev-modal-header h3{font-family:var(--font-brand, "Fredoka", "Inter", sans-serif);font-size:23px;font-weight:700;margin:0 0 4px;color:var(--text-headings,#111827)}.rev-modal-header p{font-size:13.5px;color:var(--text-secondary);margin:0}.rev-no-revolut{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:8px!important;font-size:var(--font-xs)!important;color:var(--text-muted,#94a3b8)!important}.rev-no-revolut svg{width:12px;height:12px;flex-shrink:0}.rev-cards{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:10px auto 0;padding:6px 14px;border-radius:var(--radius-full,999px);background:rgba(16,185,129,.1);color:#059669;font-size:12.5px;font-weight:700}.rev-cards svg{width:14px;height:14px;flex-shrink:0}.rev-code-info{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rev-code-user{font-size:var(--font-xs);color:var(--text-secondary);font-weight:500}.rev-steps{display:flex;flex-direction:column;gap:9px;margin-bottom:16px}.rev-step{display:flex;align-items:flex-start;gap:12px;background:var(--bg-alt-section,#f0f9ff);border:1px solid rgba(var(--primary-accent-rgb,59,110,245),.14);border-radius:var(--radius-md,12px);padding:12px 14px}.rev-step-num{width:26px;height:26px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,var(--primary-accent,#3b6ef5),#6d3ff0);color:#fff;font-size:13px;font-weight:800;display:grid;place-items:center}.rev-step-body{display:flex;flex-direction:column;gap:2px}.rev-step-title{font-size:14px;font-weight:700;color:var(--text-headings,#111827)}.rev-step-desc{font-size:12px;color:var(--text-secondary)}.rev-code-row{display:flex;align-items:center;gap:10px;margin-top:6px}.rev-code{font-family:monospace;font-size:16px;font-weight:800;letter-spacing:.06em;color:var(--primary-accent-dark,#2554d6);background:var(--primary-light,rgba(59,110,245,.08));padding:5px 12px;border-radius:var(--radius-sm,8px)}.rev-copy-btn{background:0 0;border:1px solid var(--border-color);border-radius:var(--radius-sm,8px);padding:6px 9px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;transition:background .15s,color .15s,border-color .15s}.rev-copy-btn:hover{background:var(--primary-light,#eff6ff);color:var(--primary-accent,#3b6ef5);border-color:var(--primary-accent,#3b6ef5)}.rev-copy-btn svg{width:15px;height:15px}.rev-link-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:var(--radius-md,12px);background:linear-gradient(135deg,var(--primary-accent,#3b6ef5) 0,#6d3ff0 100%);color:#fff;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 12px 26px -10px rgba(var(--primary-accent-rgb,59,110,245),.6);transition:transform .15s ease,box-shadow .15s ease;margin-bottom:12px}.rev-link-btn:hover{transform:translateY(-1px);box-shadow:0 16px 34px -12px rgba(var(--primary-accent-rgb,59,110,245),.78)}.rev-link-btn svg{width:16px;height:16px}.rev-footer-note{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:var(--font-xs);color:var(--text-secondary);margin:0}.rev-footer-note svg{width:13px;height:13px}@media (max-width:600px){.shop-modal{align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 0;box-sizing:border-box}.gems-modal-content,.gift-content,.ppm-content,.rev-modal-content,.shop-modal-content{flex-shrink:0;margin:0 auto}.shop-modal-content{width:94%;max-width:100%}.gift-content{padding:22px 18px;max-width:95%}.gift-footer{padding-top:14px}.gift-price{font-size:1.3rem}.gift-header{margin-bottom:16px}.rev-modal-content{padding:24px 18px 20px}}
.leaderboard-page{max-width:var(--container-wide);margin:0 auto;padding:0 30px 80px;animation:fadeInUp .5s ease-out}.leaderboard-header{background:linear-gradient(135deg,#eab308 0,#f59e0b 50%,#eab308 100%);border-radius:var(--radius-2xl);padding:55px 45px;margin-bottom:35px;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px rgba(234,179,8,.4);animation:fadeInUp .6s ease-out}.leaderboard-header::before{content:"";position:absolute;top:-60%;right:-25%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.2) 0,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite}.leaderboard-header::after{content:"🏆";position:absolute;bottom:20px;right:30px;font-size:6rem;opacity:.15;animation:float 4s ease-in-out infinite reverse}.leaderboard-header-content{position:relative;z-index:1}.leaderboard-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:10px 20px;border-radius:var(--radius-pill);font-size:var(--font-base);font-weight:700;margin-bottom:18px;border:1px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-slow)}.leaderboard-badge:hover{background:rgba(255,255,255,.35);transform:translateY(-2px)}.leaderboard-badge i{width:18px;height:18px}.leaderboard-header h1{font-size:2.8rem;font-weight:900;color:#fff;margin:0 0 12px;text-shadow:0 2px 10px rgba(0,0,0,.15);letter-spacing:-.5px}.leaderboard-header p{color:rgba(255,255,255,.95);font-size:1.15rem;margin:0;font-weight:500;max-width:450px}.leaderboard-tabs{display:flex;gap:8px;margin:0 auto 35px;background:var(--bg-card);padding:8px;border-radius:16px;width:fit-content;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid var(--border-color)}.lb-tab{display:flex;align-items:center;gap:10px;padding:14px 24px;border:none;background:0 0;border-radius:12px;font-size:var(--font-base);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.lb-tab::before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.lb-tab i{width:18px;height:18px;position:relative;z-index:1}.lb-tab span{position:relative;z-index:1}.lb-tab:hover{background:var(--bg-element);color:var(--text-headings);transform:translateY(-2px)}.lb-tab.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px rgba(37,84,214,.35)}.lb-tab.active:hover{transform:translateY(-2px)}.podium-section{display:flex;justify-content:center;align-items:flex-end;gap:24px;margin-bottom:50px;padding:60px 20px 30px;background:linear-gradient(180deg,transparent 0,var(--bg-element) 100%);border-radius:24px;position:relative;min-height:280px}.podium-item{display:flex;flex-direction:column;align-items:center;padding:40px 35px 20px;background:var(--bg-card);border-radius:24px;position:relative;transition:all .4s cubic-bezier(.4, 0, .2, 1);border:1px solid var(--border-color);box-shadow:0 8px 25px rgba(0,0,0,.06);min-width:160px;overflow:hidden;animation:fadeInUp .5s ease-out backwards}.podium-item.has-banner{border:2px solid rgba(255,255,255,.15)}.podium-item.has-banner .podium-name,.podium-item.has-banner .podium-xp{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.podium-item.has-banner .podium-crown i{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .4))}.podium-item.animated-stars{position:relative}.podium-item.animated-stars::before{content:"✦ ✧ ★ ✦ ✧ ★ ✦ ✧ ★ ✦ ✧";position:absolute;top:20%;left:0;font-size:12px;letter-spacing:10px;white-space:nowrap;animation:starsScrollPodium 10s linear infinite;opacity:.5;pointer-events:none}.podium-item.animated-stars::after{content:"★ ✧ ✦ ★ ✧ ✦ ★ ✧ ✦ ★ ✧";position:absolute;bottom:30%;left:0;font-size:10px;letter-spacing:12px;white-space:nowrap;animation:starsScrollPodium 12s linear infinite reverse;opacity:.4;pointer-events:none}@keyframes starsScrollPodium{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.podium-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.podium-item.first:not(.has-banner){background:linear-gradient(180deg,rgba(234,179,8,.12) 0,var(--bg-card) 100%)}.podium-item.first{border:2px solid rgba(234,179,8,.4);padding:40px 25px 18px;order:2;animation:pulse-glow 3s ease-in-out infinite;animation-delay:.2s;min-width:170px}.podium-item.first.has-banner{border:2px solid rgba(255,255,255,.2);animation:none}.podium-item.first:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(234,179,8,.25)}.podium-item.second:not(.has-banner){background:linear-gradient(180deg,rgba(148,163,184,.12) 0,var(--bg-card) 100%)}.podium-item.second{border:2px solid rgba(148,163,184,.4);order:1;animation-delay:.1s}.podium-item.second.has-banner{border:2px solid rgba(255,255,255,.15)}.podium-item.third:not(.has-banner){background:linear-gradient(180deg,rgba(180,83,9,.12) 0,var(--bg-card) 100%)}.podium-item.third{border:2px solid rgba(180,83,9,.4);order:3;animation-delay:.3s}.podium-item.third.has-banner{border:2px solid rgba(255,255,255,.15)}.podium-crown{position:absolute;top:-25px;color:#eab308;animation:float 2s ease-in-out infinite}.podium-crown i{width:38px;height:38px;filter:drop-shadow(0 4px 8px rgba(234, 179, 8, .5))}.podium-avatar{position:relative;margin-bottom:28px;flex-shrink:0}.podium-streak-badge{position:absolute;top:0;right:-8px;background:#f97316;color:#fff;border-radius:12px;padding:2px 8px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:var(--font-sm);font-weight:700;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:2px solid #fff;z-index:10}.podium-streak-badge i{font-size:var(--font-xs)}.podium-avatar img{width:90px;height:90px;min-width:90px;min-height:90px;border-radius:50%;object-fit:cover;border:4px solid var(--border-color);transition:all var(--transition-slow);background:var(--bg-element)}.podium-item:hover .podium-avatar img{transform:scale(1.1)}.podium-item.first .podium-avatar img{width:100px;height:100px;min-width:100px;min-height:100px;border-color:#eab308;box-shadow:0 0 30px rgba(234,179,8,.35)}.podium-item.second .podium-avatar img{border-color:#94a3b8;box-shadow:0 0 20px rgba(148,163,184,.25)}.podium-item.third .podium-avatar img{border-color:#b45309;box-shadow:0 0 20px rgba(180,83,9,.25)}.podium-rank{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:var(--font-base);color:#fff;background:var(--text-muted);box-shadow:0 4px 10px rgba(0,0,0,.2)}.podium-item.first .podium-rank{background:linear-gradient(135deg,#eab308,#f59e0b);width:38px;height:38px;font-size:var(--font-md)}.podium-item.second .podium-rank{background:linear-gradient(135deg,#94a3b8,#64748b)}.podium-item.third .podium-rank{background:linear-gradient(135deg,#b45309,#92400e)}.podium-name{font-weight:800;font-size:var(--font-xs);color:var(--text-headings,#1f2937);margin:12px 0 6px;text-align:center}.podium-item.first .podium-name{font-size:var(--font-base)}.podium-xp{font-size:var(--font-md);font-weight:700;color:var(--primary-accent);display:flex;align-items:center;gap:6px}.leaderboard-table{background:var(--bg-card);border-radius:24px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.06);border:1px solid var(--border-color)}.lb-table-header{display:grid;grid-template-columns:80px 1fr 120px 140px;padding:18px 28px;background:linear-gradient(90deg,var(--bg-element),var(--bg-card));font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.lb-table-row{display:grid;grid-template-columns:80px 1fr 120px 140px;padding:18px 28px;align-items:center;border-bottom:1px solid var(--border-color);transition:all var(--transition-slow);position:relative;animation:fadeInUp .4s ease-out backwards}.lb-table-row::before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:0 0;transition:background .3s ease}.lb-table-row:last-child{border-bottom:none}.lb-table-row:hover{background:var(--bg-element);transform:translateX(4px)}.lb-table-row:hover::before{background:var(--primary-accent)}.lb-table-row.highlight{background:linear-gradient(90deg,rgba(37,84,214,.1) 0,rgba(37,84,214,.03) 50%,transparent 100%);border-left:4px solid var(--primary-accent)}.lb-table-row.highlight::before{display:none}.lb-col-rank{font-weight:700}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--bg-element);font-weight:800;font-size:var(--font-md);color:var(--text-secondary);transition:all var(--transition-slow);border:1px solid var(--border-color)}.lb-table-row:hover .rank-badge{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.rank-badge.you{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 4px 15px rgba(37,84,214,.35)}.lb-col-user{display:flex;align-items:center;gap:14px;font-weight:700;color:var(--text-headings)}.lb-col-user>img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid var(--border-color);transition:all var(--transition-slow)}.lb-table-row:hover .lb-col-user img{border-color:var(--primary-accent);transform:scale(1.05)}.lb-row-avatar{flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.lb-row-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid var(--border-color);display:block;transition:all var(--transition-slow)}.lb-table-row:hover .lb-row-avatar img{border-color:var(--primary-accent);transform:scale(1.05)}.you-badge{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(16,185,129,.08));color:#10b981;padding:5px 12px;border-radius:var(--radius-xl);font-size:var(--font-xs);font-weight:700;border:1px solid rgba(16,185,129,.2)}.lb-col-level{font-weight:600;color:var(--text-secondary);padding:6px 14px;background:var(--bg-element);border-radius:var(--radius-xl);font-size:var(--font-sm);display:inline-block;width:fit-content}.lb-col-xp{font-weight:800;color:var(--primary-accent);font-size:var(--font-md);display:flex;align-items:center;gap:6px}@media (max-width:1024px){.leaderboard-page{padding:0 20px 60px}.leaderboard-header{padding:40px 32px;border-radius:var(--radius-xl)}.leaderboard-header h1{font-size:var(--font-4xl)}.podium-section{gap:16px;padding:30px 15px}.podium-item{padding:22px 25px}.podium-item.first{padding:28px 35px}}@media (max-width:768px){.leaderboard-page{padding:0 16px 50px}.leaderboard-header{padding:32px 24px;border-radius:18px;text-align:center}.leaderboard-header::after{display:none}.leaderboard-header h1{font-size:var(--font-3xl)}.leaderboard-header p{font-size:var(--font-md)}.leaderboard-tabs{width:100%;overflow-x:auto;justify-content:flex-start;gap:6px;padding:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.leaderboard-tabs::-webkit-scrollbar{display:none}.lb-tab{padding:12px 16px;font-size:var(--font-sm);white-space:nowrap;flex-shrink:0}.podium-section{flex-wrap:wrap;gap:14px;padding:25px 12px;border-radius:18px}.podium-item{padding:20px 24px}.podium-item.first{padding:24px 32px;width:100%;max-width:280px;order:1;margin:0 auto 10px}.podium-item.second,.podium-item.third{flex:1;min-width:140px;max-width:180px;order:2}.podium-avatar img{width:60px;height:60px}.podium-item.first .podium-avatar img{width:80px;height:80px}.leaderboard-table{border-radius:18px}.lb-table-header{display:none}.lb-table-row{grid-template-columns:50px 1fr auto;gap:12px;padding:16px 18px}.lb-col-level{display:none}.lb-col-user{flex-direction:column;align-items:flex-start;gap:6px}.lb-col-user img{width:40px;height:40px}.rank-badge{width:36px;height:36px;font-size:var(--font-base)}}@media (max-width:480px){.leaderboard-page{padding:0 12px 40px}.leaderboard-header{padding:28px 20px;border-radius:16px}.leaderboard-header h1{font-size:var(--font-2xl)}.leaderboard-badge{font-size:var(--font-xs);padding:8px 14px}.podium-item.first{max-width:100%}.podium-item.second,.podium-item.third{min-width:45%;max-width:48%}.lb-table-row{padding:14px 14px;gap:10px}.lb-col-user img{width:36px;height:36px}.lb-col-xp{font-size:var(--font-base)}}.leaderboard-type-selector{display:flex;justify-content:center;gap:16px;margin-bottom:35px;flex-wrap:wrap}.type-btn{display:flex;align-items:center;gap:12px;padding:16px 28px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;color:var(--text-secondary);font-weight:700;cursor:pointer;transition:all .35s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.type-btn::before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.type-btn i,.type-btn span{position:relative;z-index:1}.type-btn i{color:var(--text-secondary);transition:color .3s ease}.type-btn:hover{transform:translateY(-3px);border-color:var(--primary-accent);box-shadow:0 8px 25px rgba(37,84,214,.15)}.type-btn:hover i{color:var(--primary-accent)}.type-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:0 8px 25px rgba(37,84,214,.4)}.type-btn.active i{color:#fff}.type-btn.active:hover{transform:translateY(-3px)}.type-btn[data-mode=gems].active{background:linear-gradient(135deg,#f59e0b,#eab308);box-shadow:0 8px 25px rgba(245,158,11,.4)}.lb-table-row:first-child{animation-delay:50ms}.lb-table-row:nth-child(2){animation-delay:.1s}.lb-table-row:nth-child(3){animation-delay:.15s}.lb-table-row:nth-child(4){animation-delay:.2s}.lb-table-row:nth-child(5){animation-delay:.25s}.lb-table-row:nth-child(6){animation-delay:.3s}.lb-table-row:nth-child(7){animation-delay:.35s}.lb-table-row:nth-child(8){animation-delay:.4s}@media (max-width:768px){.leaderboard-type-selector{gap:10px}.type-btn{padding:12px 18px;font-size:var(--font-sm);border-radius:12px;flex:1;min-width:140px;justify-content:center}}@media (max-width:480px){.leaderboard-type-selector{flex-direction:column;gap:10px}.type-btn{width:100%;min-width:auto}}.lb-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--text-secondary);font-size:var(--font-md)}.lb-loading i.spin{animation:spin 1s linear infinite}.lb-empty{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:var(--font-md);background:var(--bg-element);border-radius:16px;margin:20px 0}.lb-error{text-align:center;padding:40px 20px;color:#ef4444;font-size:var(--font-md);background:rgba(239,68,68,.1);border-radius:16px;margin:20px 0}.user-context-menu{position:fixed;z-index:10000;background:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:10px;min-width:200px;box-shadow:0 10px 40px rgba(0,0,0,.3);animation:contextMenuIn .15s ease-out;overflow:hidden}.user-context-menu.has-banner{border:1px solid rgba(255,255,255,.15)}.user-context-menu.has-banner .context-menu-username{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.user-context-menu.has-banner .context-menu-item{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.user-context-menu.has-banner .context-menu-item i{color:rgba(255,255,255,.8)}.user-context-menu.has-banner .context-menu-item:hover{background:rgba(255,255,255,.2);color:#fff}.user-context-menu.has-banner .context-menu-item:hover i{color:#fff}.user-context-menu.has-banner .context-menu-divider{background:rgba(255,255,255,.2)}.user-context-menu.animated-stars::before{content:"✦ ✧ ★ ✦ ✧ ★";position:absolute;top:30%;left:0;font-size:10px;letter-spacing:8px;white-space:nowrap;animation:starsScrollMenu 8s linear infinite;opacity:.4;pointer-events:none}@keyframes starsScrollMenu{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.context-menu-header{display:flex;align-items:center;gap:12px;padding:8px 10px 12px;position:relative;z-index:1}.context-menu-avatar{width:40px;height:40px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;border:2px solid var(--border-color)}.context-menu-avatar img{width:100%;height:100%;object-fit:cover}.context-menu-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary-accent);color:#fff;font-weight:700;font-size:var(--font-md)}.context-menu-avatar.avatar-frame-animated,.context-menu-avatar.avatar-frame-gradient,.context-menu-avatar.avatar-frame-solid{border-width:3px;border-style:solid}.context-menu-username{font-weight:600;font-size:var(--font-base);color:var(--text-headings);position:relative;z-index:1}@keyframes contextMenuIn{from{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.context-menu-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-headings);font-size:var(--font-base);font-weight:500;transition:all .15s;background:0 0;position:relative;z-index:1}.context-menu-item:hover{background:rgba(var(--primary-rgb),.15);color:var(--primary-accent)}.context-menu-item i{width:18px;height:18px;color:var(--text-muted)}.context-menu-item:hover i{color:var(--primary-accent)}.context-menu-divider{height:1px;background:var(--border-color);margin:6px 0}.public-profile-modal{display:none;position:fixed;inset:0;z-index:9999}.public-profile-modal.active{display:block}.public-profile-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);animation:ppFadeIn .2s ease-out}@keyframes ppFadeIn{from{opacity:0}to{opacity:1}}.public-profile-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;max-width:none;max-height:none;background:var(--bg-element);border:none;border-radius:0;overflow:hidden;display:flex;flex-direction:column;animation:ppSlideIn .3s ease-out;box-shadow:none}@media (min-width:768px){.public-profile-container{width:650px;height:auto;max-width:90vw;max-height:85vh;border:1px solid var(--border-color);border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}}@keyframes ppSlideIn{from{opacity:0;transform:translate(-50%,-50%) scale(.9) translateY(20px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}.pp-hero-section{position:relative;width:100%;height:160px;background-size:cover;background-position:center;background-color:var(--bg-card);flex-shrink:0;display:flex;align-items:flex-end}@media (max-width:767px){.pp-hero-section{height:auto;min-height:160px;padding-top:60px}}.pp-hero-section.no-banner{background:var(--bg-card);border-bottom:1px solid var(--border-color)}.pp-hero-section.no-banner .pp-hero-overlay{background:0 0}.pp-hero-section.no-banner .pp-username{color:var(--text-headings);text-shadow:none}.pp-hero-section.no-banner .pp-grade-badge{box-shadow:0 2px 8px rgba(0,0,0,.08)}.pp-hero-section.no-banner .pp-social-pill{background:var(--bg-element);border-color:var(--border-color);color:var(--text-primary)}.pp-hero-section.no-banner .pp-social-pill:hover{background:var(--primary-accent);border-color:var(--primary-accent);color:#fff}.pp-hero-section.no-banner .pp-social-pill.discord:hover{background:#5865f2;border-color:#5865f2;color:#fff}.pp-hero-section.no-banner .pp-social-pill.roblox:hover{background:#e34c4c;border-color:#e34c4c;color:#fff}.pp-hero-section.no-banner .pp-close-btn-overlay{background:var(--bg-element);border-color:var(--border-color);color:var(--text-primary)}.pp-hero-section.no-banner .pp-close-btn-overlay:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.pp-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%);z-index:1}.pp-close-btn-overlay{position:absolute;top:16px;right:16px;z-index:10;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;transition:all .2s}.pp-close-btn-overlay:hover{background:var(--color-error);border-color:var(--color-error);transform:scale(1.05)}.pp-hero-content{position:relative;z-index:2;display:flex;align-items:flex-end;gap:20px;padding:24px;width:100%}@media (max-width:767px){.pp-hero-content{flex-direction:column;align-items:center;text-align:center;padding:0 16px 24px 16px;gap:12px}}.pp-user-info{flex:1;display:flex;flex-direction:column;gap:8px}@media (max-width:767px){.pp-user-info{align-items:center}}.pp-badges-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width:767px){.pp-badges-row{justify-content:center}}.pp-social-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-xl);font-size:var(--font-xs);font-weight:700;color:#fff;background:rgba(255,255,255,.15);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s}@media (max-width:767px){.pp-social-pill{font-size:var(--font-xs);padding:4px 10px}}.pp-social-pill:hover{transform:translateY(-2px);background:rgba(255,255,255,.25)}.pp-social-pill.discord:hover{background:#5865f2;border-color:#5865f2}.pp-social-pill.roblox:hover{background:#e34c4c;border-color:#e34c4c}.pp-body-section{display:flex;flex-direction:column;flex:1;overflow:hidden;background:var(--bg-element)}@keyframes skeleton-pulse{0%,100%{opacity:.4}50%{opacity:.8}}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-element) 25%,var(--border-color) 50%,var(--bg-element) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite,skeleton-shimmer 2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.pp-avatar-skeleton{width:90px;height:90px;border-radius:50%;background:var(--bg-element);border:4px solid var(--bg-card)}.pp-username-skeleton{width:150px;height:24px;border-radius:var(--radius-sm);background:var(--bg-element);margin-bottom:12px}.pp-meta-skeleton{display:flex;gap:10px;justify-content:center}.pp-badge-skeleton{width:90px;height:30px;border-radius:var(--radius-xl);background:var(--bg-element)}.pp-skeleton-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px}.pp-stat-skeleton{height:80px;border-radius:16px;background:var(--bg-element)}.pp-avatar-wrapper{position:relative;flex-shrink:0;border-radius:50%;padding:3px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);transition:all var(--transition-slow);box-shadow:0 4px 14px rgba(0,0,0,.25)}@media (max-width:767px){.pp-avatar-wrapper{margin-top:-60px}}.pp-avatar-wrapper.avatar-frame-solid{border:4px solid}.pp-avatar-wrapper.avatar-frame-gradient{background:linear-gradient(135deg,var(--frame-color-1),var(--frame-color-2));padding:4px}.pp-avatar-wrapper.avatar-frame-animated.avatar-frame-pulse{background:var(--frame-color,#1d4ed8);animation:pp-frame-pulse 2s ease-in-out infinite}@keyframes pp-frame-pulse{0%,100%{box-shadow:0 0 10px var(--frame-color,#1d4ed8)}50%{box-shadow:0 0 25px var(--frame-color,#1d4ed8),0 0 40px var(--frame-color,#1d4ed8)}}.pp-avatar-wrapper.avatar-frame-animated.avatar-frame-rainbow{background:linear-gradient(135deg,#ef4444,#f97316,#eab308,#22c55e,var(--primary-accent),#2554d6,#ec4899);background-size:400% 400%;animation:pp-frame-rainbow 3s ease infinite}@keyframes pp-frame-rainbow{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.pp-avatar-wrapper.avatar-frame-animated.avatar-frame-glow{background:var(--frame-color,#eab308);animation:pp-frame-glow 2s ease-in-out infinite}@keyframes pp-frame-glow{0%,100%{box-shadow:0 0 15px var(--frame-color,#eab308),0 0 30px var(--frame-color,#eab308)}50%{box-shadow:0 0 30px var(--frame-color,#eab308),0 0 60px var(--frame-color,#eab308),0 0 90px var(--frame-color,#eab308)}}.pp-avatar-img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid var(--bg-card);background:var(--bg-card)}.pp-streak-badge{position:absolute;bottom:-2px;right:-2px;display:flex;align-items:center;gap:3px;padding:3px 7px;background:linear-gradient(135deg,#f97316 0,#f97316 100%);border-radius:12px;border:2px solid var(--bg-card);font-size:var(--font-2xs);font-weight:800;color:#fff;box-shadow:0 2px 8px rgba(234,88,12,.4)}.pp-streak-badge i{width:11px;height:11px}.pp-username{font-size:var(--font-2xl);font-weight:900;color:#fff;margin:0;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.6)}@media (max-width:767px){.pp-username{font-size:1.3rem}}.pp-grade-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-xl);font-size:var(--font-sm);font-weight:800;color:#fff;box-shadow:0 4px 15px rgba(0,0,0,.3);text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.2)}@media (max-width:767px){.pp-grade-badge{font-size:var(--font-xs);padding:4px 10px}}.pp-grade-badge .grade-emoji{font-size:var(--font-md)}.pp-hero{display:none}.pp-user-details{flex:1;min-width:0}.pp-user-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pp-meta-item{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--radius-xl);font-size:var(--font-xs);font-weight:600;color:var(--text-muted)}.pp-meta-item i{width:14px;height:14px}.pp-meta-item.streak{background:linear-gradient(135deg,rgba(249,115,22,.15) 0,rgba(234,88,12,.1) 100%);border-color:rgba(249,115,22,.3);color:#f97316}.pp-meta-item.badges{background:linear-gradient(135deg,rgba(59,110,245,.15) 0,rgba(37,84,214,.1) 100%);border-color:rgba(59,110,245,.3);color:#1d4ed8}.pp-tabs{display:flex;gap:4px;padding:0 24px;border-bottom:1px solid var(--border-color);background:var(--bg-element);flex-shrink:0}.pp-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 8px;background:0 0;border:none;border-bottom:3px solid transparent;color:var(--text-muted);font-size:var(--font-base);font-weight:700;cursor:pointer;transition:all .2s;margin-bottom:-1px}.pp-tab i{width:18px;height:18px}.pp-tab:hover{color:var(--text-headings);background:rgba(var(--primary-rgb),.05)}.pp-tab.active{color:var(--primary-accent);border-bottom-color:var(--primary-accent)}.pp-tab-content{padding:24px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.pp-tab-pane{display:none;animation:ppTabFadeIn .2s ease-out}.pp-tab-pane.active{display:block}@keyframes ppTabFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pp-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.pp-stat-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 10px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;text-align:center;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 12px rgba(0,0,0,.02)}.pp-stat-item:hover{transform:translateY(-4px);border-color:var(--primary-accent);box-shadow:0 8px 20px rgba(0,0,0,.08)}.pp-stat-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg);color:#fff;flex-shrink:0}.pp-stat-icon i{width:24px;height:24px;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.pp-stat-icon.rank-icon{background:linear-gradient(135deg,#eab308 0,#d97706 100%);box-shadow:0 4px 14px rgba(234,179,8,.4)}.pp-stat-icon.points-icon{background:linear-gradient(135deg,#60a5fa 0,#3b6ef5 100%);box-shadow:0 4px 14px rgba(59,110,245,.4)}.pp-stat-icon.gems-icon{background:linear-gradient(135deg,#fb923c 0,#f97316 100%);box-shadow:0 4px 14px rgba(249,115,22,.4)}.pp-stat-data{display:flex;flex-direction:column;gap:4px}.pp-stat-value{font-size:1.2rem;font-weight:900;color:var(--text-headings);line-height:1}.pp-stat-label{font-size:var(--font-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.pp-progress-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pp-progress-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;text-align:center;transition:all var(--transition-slow)}.pp-progress-item:hover{border-color:var(--border-color-hover);background:var(--bg-element)}.pp-progress-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg);color:#fff;flex-shrink:0;margin-bottom:4px}.pp-progress-icon i{width:26px;height:26px;font-size:1.3rem}.pp-progress-icon.modules-icon{background:linear-gradient(135deg,#22c55e 0,#10b981 100%);box-shadow:0 4px 14px rgba(34,197,94,.35)}.pp-progress-icon.streak-icon{background:linear-gradient(135deg,#f97316 0,#ef4444 100%);box-shadow:0 4px 14px rgba(239,68,68,.35)}.pp-progress-item i{display:none}.pp-progress-value{font-size:1.3rem;font-weight:900;color:var(--text-headings);line-height:1}.pp-progress-label{font-size:var(--font-xs);font-weight:600;color:var(--text-muted);line-height:1.3}.pp-hidden-message{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:40px 20px;background:var(--bg-element);border:1px dashed var(--border-color);border-radius:var(--radius-lg)}.pp-hidden-message i{width:32px;height:32px;color:var(--text-muted);opacity:.5}.pp-hidden-message p{font-size:var(--font-md);font-weight:600;color:var(--text-headings);margin:0}.pp-hidden-message span{font-size:var(--font-sm);color:var(--text-muted)}.pp-badges-header{display:flex;align-items:center;justify-content:center;padding:10px 16px;margin-bottom:12px;background:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;color:var(--text-muted)}.pp-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.pp-badge-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;text-align:center;transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;box-shadow:0 4px 12px rgba(0,0,0,.02)}.pp-badge-card.locked{opacity:.6;filter:grayscale(80%)}.pp-badge-card.unlocked:hover{transform:translateY(-4px);border-color:var(--primary-accent);box-shadow:0 8px 20px rgba(0,0,0,.08)}.pp-badge-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:rgba(var(--primary-rgb),.1);color:var(--primary-accent);border:1px solid rgba(var(--primary-rgb),.2)}.pp-badge-card.unlocked .pp-badge-icon{background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%);color:#fff;border:none;box-shadow:0 4px 15px rgba(37,84,214,.3)}.pp-badge-card.unlocked.rarity-common .pp-badge-icon{background:linear-gradient(135deg,#94a3b8 0,#64748b 100%);color:#fff;border:none;box-shadow:0 4px 12px rgba(148,163,184,.4)}.pp-badge-card.unlocked.rarity-uncommon .pp-badge-icon{background:linear-gradient(135deg,#22c55e 0,#10b981 100%);color:#fff;border:none;box-shadow:0 4px 12px rgba(34,197,94,.4)}.pp-badge-card.unlocked.rarity-rare .pp-badge-icon{background:linear-gradient(135deg,#3b6ef5 0,#2554d6 100%);color:#fff;border:none;box-shadow:0 4px 12px rgba(59,110,245,.4)}.pp-badge-card.unlocked.rarity-legendary .pp-badge-icon{background:linear-gradient(135deg,#eab308 0,#d97706 100%);color:#fff;border:none;box-shadow:0 4px 12px rgba(234,179,8,.5)}.pp-badge-card.unlocked.rarity-common:hover{border-color:#94a3b8}.pp-badge-card.unlocked.rarity-uncommon:hover{border-color:#22c55e;box-shadow:0 8px 20px rgba(34,197,94,.15)}.pp-badge-card.unlocked.rarity-rare:hover{border-color:#3b6ef5;box-shadow:0 8px 20px rgba(59,110,245,.15)}.pp-badge-card.unlocked.rarity-legendary:hover{border-color:#eab308;box-shadow:0 8px 24px rgba(234,179,8,.2)}.pp-badge-icon i{width:28px;height:28px}.pp-badge-info{display:flex;flex-direction:column;gap:4px}.pp-badge-name{font-size:var(--font-base);font-weight:800;color:var(--text-headings);line-height:1.2}.pp-badge-desc{font-size:var(--font-xs);font-weight:500;color:var(--text-muted);line-height:1.4}.pp-badge-check{position:absolute;top:10px;right:10px;width:18px;height:18px;color:#22c55e;background:var(--bg-element);border-radius:50%}.pp-badge-lock{position:absolute;top:10px;right:10px;width:16px;height:16px;color:var(--text-muted);opacity:.6}.pp-socials-grid{display:flex;flex-direction:column;gap:12px}.pp-social-card{background:var(--bg-element);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 12px rgba(0,0,0,.02)}.pp-social-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.08)}.pp-social-card.discord:hover{border-color:#5865f2;box-shadow:0 8px 20px rgba(88,101,242,.15)}.pp-social-card.roblox:hover{border-color:#e34c4c;box-shadow:0 8px 20px rgba(227,76,76,.15)}.pp-social-header{display:flex;align-items:center;gap:12px;padding:16px 20px;font-size:var(--font-sm);font-weight:800;text-transform:uppercase;letter-spacing:.5px}.pp-social-card.discord .pp-social-header{background:linear-gradient(to right,rgba(88,101,242,.15),transparent);color:#5865f2;border-bottom:1px solid rgba(88,101,242,.1)}.pp-social-card.roblox .pp-social-header{background:linear-gradient(to right,rgba(227,76,76,.15),transparent);color:#e34c4c;border-bottom:1px solid rgba(227,76,76,.1)}.pp-social-body{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px}.pp-social-body .pp-social-username{font-size:var(--font-lg);font-weight:800;color:var(--text-headings);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-social-copy{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;color:var(--text-muted);cursor:pointer;transition:all .2s;flex-shrink:0}.pp-social-copy i{width:20px;height:20px}.pp-social-copy:hover{background:var(--primary-accent);border-color:var(--primary-accent);color:#fff}.pp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--text-muted)}.pp-loading i{width:36px;height:36px;color:var(--primary-accent);animation:ppSpin 1s linear infinite}@keyframes ppSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.pp-content.pp-error,.pp-content.pp-private{display:flex;flex-direction:column;align-items:center;text-align:center;padding:50px 20px}.pp-content.pp-private .pp-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid var(--border-color);opacity:.6;margin-bottom:16px}.pp-content.pp-private .pp-avatar img{width:100%;height:100%;object-fit:cover;filter:grayscale(50%)}.pp-content.pp-error>i{width:48px;height:48px;color:var(--text-muted);opacity:.5;margin-bottom:16px}.pp-content.pp-error>p,.pp-content.pp-private .pp-username{font-size:1.2rem;font-weight:700;color:var(--text-headings);margin:0 0 16px 0}.pp-private-message{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;background:var(--bg-element);border:1px dashed var(--border-color);border-radius:var(--radius-lg)}.pp-private-message i{width:32px;height:32px;color:var(--text-muted);opacity:.6}.pp-private-message p{font-size:var(--font-md);font-weight:600;color:var(--text-headings);margin:0}.pp-content.pp-error>span,.pp-private-message span{font-size:var(--font-base);color:var(--text-muted)}.league-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:24px 28px;margin:0 auto 35px;box-shadow:0 8px 30px rgba(0,0,0,.06);animation:fadeInUp .5s ease-out}.league-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.league-panel-badge{display:inline-flex;align-items:center;gap:8px;font-size:var(--font-base);font-weight:800;color:var(--text-primary)}.league-panel-badge i{width:18px;height:18px;color:var(--primary-accent)}.league-season-timer{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--radius-pill);font-size:var(--font-sm);font-weight:700;color:var(--text-secondary)}.league-season-timer i{width:16px;height:16px;color:var(--primary-accent)}.league-error,.league-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:var(--text-secondary);font-size:var(--font-md);text-align:center}.league-error{flex-direction:column;color:#ef4444}.league-error i,.league-list-empty i{width:32px;height:32px}.league-my-card{background:var(--bg-element);border:1px solid var(--border-color);border-radius:20px;padding:22px 24px;margin-bottom:24px}.league-badge-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.league-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:var(--radius-pill);font-weight:800;font-size:var(--font-md);color:#fff;background:linear-gradient(135deg,var(--league-color),var(--league-color));border:2px solid rgba(255,255,255,.25);box-shadow:0 6px 18px -6px var(--league-color)}.league-badge-icon{font-size:1.4rem;line-height:1}.league-season-name{font-size:var(--font-sm);font-weight:600;color:var(--text-muted);text-transform:capitalize}.league-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.league-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;text-align:center}.league-stat-value{font-size:1.4rem;font-weight:900;color:var(--text-primary)}.league-stat-label{font-size:var(--font-xs);font-weight:600;color:var(--text-muted)}.league-progress{display:flex;flex-direction:column;gap:8px}.league-progress-bar{height:10px;border-radius:var(--radius-pill);background:var(--bg-card);border:1px solid var(--border-color);overflow:hidden}.league-progress-fill{height:100%;border-radius:var(--radius-pill);transition:width .6s cubic-bezier(.4, 0, .2, 1)}.league-progress-label{font-size:var(--font-sm);color:var(--text-secondary)}.league-progress-label.league-max{font-weight:700;color:#eab308}.league-encouragement{margin:14px 0 0;padding:12px 16px;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:12px;font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5}.league-list-header{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:4px 4px 12px}.league-list-rows{display:flex;flex-direction:column;gap:6px}.league-row{display:grid;grid-template-columns:44px 1fr 40px 110px;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-card);transition:all var(--transition-slow)}.league-row:hover{border-color:var(--primary-accent);transform:translateX(2px)}.league-row--me{border-color:var(--primary-accent);background:linear-gradient(90deg,rgba(37,84,214,.1),var(--bg-card));box-shadow:0 4px 16px -6px rgba(37,84,214,.35)}.league-row-rank{font-weight:800;font-size:var(--font-md);color:var(--text-secondary);text-align:center}.league-row-user{display:flex;align-items:center;gap:10px;min-width:0}.league-row-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.league-row-name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.league-you{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--gradient-primary,var(--primary-accent));color:#fff;font-size:var(--font-2xs);font-weight:700;vertical-align:middle}.league-row-tier{font-size:1.2rem;text-align:center}.league-row-points{font-weight:800;color:var(--text-primary);text-align:right;white-space:nowrap}.league-list-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 20px;text-align:center;color:var(--text-secondary);font-size:var(--font-sm)}.league-list-empty i{color:var(--primary-accent)}@media (max-width:768px){.league-panel{padding:20px 18px;border-radius:var(--radius-xl)}.league-stats-grid{gap:8px}.league-stat-value{font-size:1.15rem}.league-row{grid-template-columns:36px 1fr 32px 80px;gap:8px;padding:10px}}.lb-maintabs{display:flex;gap:10px;margin:22px 0 18px}.lb-maintab{flex:1;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-align:left}.lb-maintab:hover{border-color:var(--primary-accent)}.lb-maintab [data-lucide],.lb-maintab i{width:22px;height:22px;flex-shrink:0}.lb-maintab-txt{display:flex;flex-direction:column;line-height:1.25}.lb-maintab-title{font-weight:800;font-size:1rem;color:var(--text-primary)}.lb-maintab-sub{font-size:.78rem;opacity:.75}.lb-maintab.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#f59e0b 0,#d97706 100%)}.lb-maintab.active .lb-maintab-sub,.lb-maintab.active .lb-maintab-title{color:#fff}.lb-maintab[data-lbtab=global].active{background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%)}.lb-panel.hidden{display:none}.lb-panel-intro{display:flex;align-items:center;gap:8px;margin:0 0 16px;padding:10px 14px;border-radius:12px;background:var(--bg-element);color:var(--text-secondary);font-size:.88rem;line-height:1.5}.lb-panel-intro [data-lucide],.lb-panel-intro i{width:16px;height:16px;flex-shrink:0;color:var(--primary-accent)}@media (max-width:640px){.lb-maintabs{flex-direction:column}.lb-maintab{padding:10px 14px}}
.community-page{max-width:var(--container-wide);margin:0 auto;padding:0 30px 80px;animation:fadeInUp .5s ease-out}.community-header{background:linear-gradient(135deg,#6366f1 0,#8b5cf6 50%,#6366f1 100%);border-radius:28px;padding:55px 45px;margin-bottom:35px;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px rgba(99,102,241,.4);animation:fadeInUp .6s ease-out}.community-header::before{content:"";position:absolute;top:-60%;right:-25%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.18) 0,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite}.community-header::after{content:"👥";position:absolute;bottom:20px;right:30px;font-size:6rem;opacity:.15;animation:float 4s ease-in-out infinite reverse}.community-header-content{position:relative;z-index:1}.community-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:10px 20px;border-radius:50px;font-size:.9rem;font-weight:700;margin-bottom:18px;border:1px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.community-badge:hover{background:rgba(255,255,255,.35);transform:translateY(-2px)}.community-badge i{width:18px;height:18px}.community-header h1{font-size:2.8rem;font-weight:900;color:#fff;margin:0 0 12px;text-shadow:0 2px 10px rgba(0,0,0,.15);letter-spacing:-.5px}.community-header p{color:rgba(255,255,255,.95);font-size:1.15rem;margin:0;font-weight:500;max-width:450px}.community-stats-bar{display:flex;gap:16px;margin-bottom:28px;animation:fadeInUp .7s ease-out}.community-stat-card{flex:1;display:flex;align-items:center;gap:14px;padding:20px 24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.04);transition:transform .2s,box-shadow .2s}.community-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.08)}.community-stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.community-stat-icon i{width:22px;height:22px;color:#fff}.community-stat-icon.members{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.community-stat-icon.active{background:linear-gradient(135deg,#22c55e,#10b981)}.community-stat-icon.premium{background:linear-gradient(135deg,#f59e0b,#eab308)}.community-stat-info{display:flex;flex-direction:column;gap:2px}.community-stat-value{font-size:1.4rem;font-weight:800;color:var(--text-headings);line-height:1}.community-stat-label{font-size:.78rem;color:var(--text-muted);font-weight:500}.community-toolbar{display:flex;gap:12px;margin-bottom:28px;align-items:stretch}.community-search-bar{flex:1}.community-search-input-wrapper{position:relative;display:flex;align-items:center;height:100%}.community-search-icon{position:absolute;left:18px;width:20px;height:20px;color:var(--text-muted);pointer-events:none}#communitySearchInput{width:100%;height:100%;padding:14px 48px 14px 48px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);color:var(--text-primary);font-size:.95rem;transition:border-color .2s,box-shadow .2s;outline:0;box-shadow:0 4px 20px rgba(0,0,0,.04)}#communitySearchInput:focus{border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(99,102,241,.15),0 4px 20px rgba(0,0,0,.06)}#communitySearchInput::placeholder{color:var(--text-muted)}.community-search-clear{position:absolute;right:12px;width:30px;height:30px;border-radius:50%;border:none;background:var(--bg-element);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.community-search-clear:hover{background:var(--bg-hover)}.community-search-clear i{width:14px;height:14px}.community-search-count{margin-top:8px;font-size:.82rem;color:var(--text-muted);padding-left:4px}.community-sort-select{position:relative}.community-sort-select select{appearance:none;padding:14px 42px 14px 18px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;height:100%;box-shadow:0 4px 20px rgba(0,0,0,.04);transition:border-color .2s;outline:0}.community-sort-select select:focus{border-color:var(--primary-accent)}.community-sort-select::after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-muted);pointer-events:none}.community-filters{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.community-filter-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);color:var(--text-secondary);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.03)}.community-filter-btn:hover{background:var(--bg-element);color:var(--text-headings);transform:translateY(-1px)}.community-filter-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:0 4px 15px rgba(99,102,241,.3)}.community-filter-btn i{width:16px;height:16px}.community-filter-count{background:rgba(255,255,255,.2);padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700}.community-filter-btn:not(.active) .community-filter-count{background:var(--bg-element);color:var(--text-muted)}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.community-card{display:flex;align-items:center;gap:16px;padding:18px 22px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;transition:all .25s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 15px rgba(0,0,0,.04);position:relative;overflow:hidden}.community-card::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;pointer-events:none;background:linear-gradient(135deg,rgba(99,102,241,.03),transparent)}.community-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.1);border-color:var(--primary-accent)}.community-card:hover::before{opacity:1}.community-card.premium{border-color:rgba(245,158,11,.25)}.community-card.premium::before{background:linear-gradient(135deg,rgba(245,158,11,.04),transparent)}.community-card.premium:hover{border-color:rgba(245,158,11,.5);box-shadow:0 12px 30px rgba(245,158,11,.12)}.community-card.founder{border-color:rgba(139,92,246,.3);background:linear-gradient(135deg,var(--bg-card) 0,rgba(139,92,246,.05) 100%)}.community-card.founder::before{background:linear-gradient(135deg,rgba(139,92,246,.06),transparent)}.community-card.founder:hover{border-color:rgba(139,92,246,.55);box-shadow:0 12px 30px rgba(139,92,246,.15)}.community-card-avatar{width:52px;height:52px;border-radius:50%;flex-shrink:0;overflow:hidden;position:relative}.community-card-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.community-card-avatar.avatar-frame-animated{padding:2px}.community-card-avatar.avatar-frame-animated img{border:none}.community-card-avatar.founder-avatar-ring{background:conic-gradient(from 0deg,#8b5cf6,#6366f1,#3b6ef5,#06b6d4,#8b5cf6)!important;padding:2px;animation:founderFrameSpin 4s linear infinite}.community-card-avatar.premium-avatar-ring{background:linear-gradient(130deg,#a7651f,#f59e0b,#fde68a,#f59e0b)!important;background-size:250% 250%;padding:2px;animation:profile-frame-premium-wave 2.8s ease-in-out infinite}.community-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.community-card-name{font-weight:700;color:var(--text-headings);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-card-name small{font-weight:400;color:var(--text-muted);font-size:.75rem}.community-card-role{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.6rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase;width:fit-content;border:1px solid transparent}.community-card-role.role-admin{color:#92400e;background:rgba(245,158,11,.18);border-color:rgba(245,158,11,.3)}.community-card-role.role-moderator{color:#166534;background:rgba(34,197,94,.18);border-color:rgba(34,197,94,.3)}.community-card-role.role-beta_testeur{color:#4c1d95;background:rgba(139,92,246,.16);border-color:rgba(139,92,246,.3)}.community-card-role.founder-role{color:#c4b5fd;background:rgba(139,92,246,.18);border-color:rgba(167,139,250,.35)}.community-card-role.founder-role i{font-size:.5rem}.community-card-stats{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.community-card-stat{display:flex;align-items:center;gap:5px;font-size:.82rem;font-weight:600;color:var(--text-secondary)}.community-card-stat i{font-size:.72rem}.community-card-stat .fa-star{color:#f59e0b}.community-card-stat .fa-fire{color:#ef4444}.community-card-stat .fa-gem{color:#6366f1}.community-card-stat .fa-infinity{color:#8b5cf6}.community-card-stat.founder-stat{color:#8b5cf6}.community-empty,.community-loading{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--text-muted)}.community-empty i{width:48px;height:48px;margin-bottom:16px;opacity:.4}.community-empty p{margin:0;font-size:.95rem}.community-loading i{width:28px;height:28px}.community-load-more{display:flex;justify-content:center;padding:32px 0}.community-load-more-btn{display:flex;align-items:center;gap:8px;padding:14px 32px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px rgba(0,0,0,.04)}.community-load-more-btn:hover{background:var(--bg-hover);border-color:var(--primary-accent);color:var(--primary-accent);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.08)}.community-load-more-btn i{width:18px;height:18px}@media (max-width:900px){.community-stats-bar{flex-direction:column;gap:10px}.community-toolbar{flex-direction:column}}@media (max-width:640px){.community-page{padding:0 16px 60px}.community-header{padding:35px 24px;border-radius:20px}.community-header h1{font-size:1.8rem}.community-header p{font-size:.95rem}.community-grid{grid-template-columns:1fr}.community-filters{gap:6px}.community-filter-btn{padding:8px 14px;font-size:.82rem}}.community-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 22px;border-bottom:2px solid var(--border-color,#e5e7eb);line-height:1}.community-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;background:0 0;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;color:var(--text-secondary,#64748b);font-weight:600;font-size:.92rem;line-height:1;cursor:pointer;transition:color .15s,border-color .15s,background .15s;white-space:nowrap}.community-tab i{width:16px;height:16px;flex-shrink:0}.community-tab:hover:not(.active){color:var(--text-primary,#1e293b);background:rgba(var(--primary-accent-rgb,59,110,245),.04)}.community-tab.active{color:var(--primary-accent,#3b6ef5);border-bottom-color:var(--primary-accent,#3b6ef5)}.community-tab-content{animation:communityTabFadeIn .22s ease}@keyframes communityTabFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.community-page{padding:0 12px 50px}.community-header{padding:24px 18px;border-radius:16px;margin-bottom:20px}.community-header::after{font-size:4rem;bottom:12px;right:16px}.community-header h1{font-size:1.5rem}.community-header p{font-size:.85rem}.community-badge{padding:8px 14px;font-size:.78rem}.community-tabs{gap:2px;overflow-x:auto;flex-wrap:nowrap}.community-tab{padding:0 14px;font-size:.82rem;height:40px;flex-shrink:0}.community-tab i{display:none}}@media (max-width:375px){.community-header{padding:20px 14px}.community-header h1{font-size:1.3rem}.community-tab{padding:0 10px;font-size:.78rem}}
.showcase-page{padding:4px 0 60px}.showcase-intro{margin:0 0 22px;color:var(--text-secondary,#64748b);font-size:.92rem;line-height:1.5}.showcase-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}.showcase-filters{display:flex;gap:8px;flex-wrap:wrap}.showcase-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);color:var(--text-secondary,#475569);border-radius:999px;font-weight:600;font-size:.86rem;cursor:pointer;transition:all .15s}.showcase-filter-btn i{width:14px;height:14px}.showcase-filter-btn:hover{border-color:var(--primary-accent,#3b6ef5);color:var(--primary-accent,#3b6ef5)}.showcase-filter-btn.active{background:linear-gradient(135deg,var(--primary-accent,#3b6ef5) 0,var(--primary-accent-dark,#2554d6) 100%);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(var(--primary-accent-rgb,59,110,245),.3)}.showcase-publish-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--primary-accent,#3b6ef5) 0,var(--primary-accent-dark,#2554d6) 100%);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.92rem;cursor:pointer;box-shadow:0 4px 14px rgba(var(--primary-accent-rgb,59,110,245),.3);transition:transform .15s,box-shadow .15s}.showcase-publish-btn i{width:16px;height:16px}.showcase-publish-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(var(--primary-accent-rgb,59,110,245),.4)}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.showcase-empty,.showcase-loading{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--text-muted,#94a3b8);text-align:center}.showcase-empty i{width:44px;height:44px;opacity:.45}.showcase-empty p{margin:0;font-size:.95rem}.showcase-loading i{width:28px;height:28px}.showcase-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s}.showcase-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.08);border-color:var(--primary-accent,#3b6ef5)}.showcase-card-thumb{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#eff6ff 0,#dbeafe 100%);overflow:hidden}.showcase-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.showcase-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--primary-accent,#3b6ef5);opacity:.45}.showcase-thumb-placeholder i{width:44px;height:44px}.showcase-status{position:absolute;top:10px;left:10px;padding:3px 9px;border-radius:6px;font-size:.66rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.showcase-status.pending{background:rgba(245,158,11,.95);color:#fff}.showcase-status.rejected{background:rgba(239,68,68,.95);color:#fff}.showcase-card-body{padding:13px 15px 14px;flex:1;display:flex;flex-direction:column;gap:8px}.showcase-card-title{margin:0;font-size:.98rem;font-weight:700;color:var(--text-primary,#1e293b);line-height:1.3}.showcase-card-desc{margin:0;font-size:.82rem;color:var(--text-secondary,#64748b);line-height:1.45}.showcase-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.76rem;color:var(--text-muted,#94a3b8)}.showcase-author{display:inline-flex;align-items:center;gap:5px}.showcase-author img{width:18px;height:18px;border-radius:50%;object-fit:cover}.showcase-module-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;background:rgba(var(--primary-accent-rgb,59,110,245),.08);color:var(--primary-accent-dark,#2554d6);border-radius:6px;font-weight:600}.showcase-module-tag i{width:11px;height:11px}.showcase-card-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid var(--border-color,#f1f5f9)}.showcase-vote-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;background:0 0;border:1.5px solid var(--border-color,#e5e7eb);border-radius:8px;font-weight:700;font-size:.82rem;color:var(--text-secondary,#64748b);cursor:pointer;transition:all .15s}.showcase-vote-btn i{width:13px;height:13px}.showcase-vote-btn:hover:not(:disabled){border-color:#ec4899;color:#ec4899}.showcase-vote-btn.voted{background:rgba(236,72,153,.1);border-color:#ec4899;color:#ec4899}.showcase-vote-btn.voted i{fill:#ec4899}.showcase-vote-btn:disabled{opacity:.5;cursor:not-allowed}.showcase-views{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-muted,#94a3b8)}.showcase-views i{width:12px;height:12px}.showcase-detail-btn{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:6px 11px;background:linear-gradient(135deg,var(--primary-accent,#3b6ef5) 0,var(--primary-accent-dark,#2554d6) 100%);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.82rem;cursor:pointer;transition:transform .15s}.showcase-detail-btn i{width:12px;height:12px;transition:transform .15s}.showcase-detail-btn:hover{transform:translateY(-1px)}.showcase-detail-btn:hover i{transform:translateX(2px)}.showcase-load-more{text-align:center;margin-top:28px}.showcase-load-more-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;background:var(--bg-card,#fff);border:1.5px solid var(--border-color,#e5e7eb);color:var(--text-secondary,#475569);border-radius:999px;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .15s}.showcase-load-more-btn:hover{border-color:var(--primary-accent,#3b6ef5);color:var(--primary-accent,#3b6ef5)}.showcase-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.showcase-modal{background:var(--bg-card,#fff);border-radius:14px;max-width:520px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.25)}.showcase-modal-detail{max-width:640px}.showcase-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color,#e5e7eb)}.showcase-modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1.05rem;color:var(--text-primary)}.showcase-modal-header h3 i{width:17px;height:17px;color:var(--primary-accent,#3b6ef5)}.showcase-modal-close{background:0 0;border:none;cursor:pointer;color:var(--text-muted);padding:6px;border-radius:6px;transition:background .15s,color .15s}.showcase-modal-close:hover{background:rgba(0,0,0,.05);color:var(--text-primary)}.showcase-modal-body{padding:18px 20px;overflow-y:auto;flex:1}.showcase-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border-color,#e5e7eb)}.showcase-field{display:block;margin-bottom:14px}.showcase-field>span{display:block;margin-bottom:5px;font-weight:600;font-size:.86rem;color:var(--text-primary)}.showcase-field>span em{color:var(--text-muted);font-weight:500;font-style:normal;font-size:.76rem}.showcase-field input,.showcase-field select,.showcase-field textarea{width:100%;padding:9px 12px;border:1.5px solid var(--border-color,#e5e7eb);border-radius:8px;font-size:.9rem;font-family:inherit;background:var(--bg-card,#fff);color:var(--text-primary);box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.showcase-field input:focus,.showcase-field select:focus,.showcase-field textarea:focus{outline:0;border-color:var(--primary-accent,#3b6ef5);box-shadow:0 0 0 3px rgba(var(--primary-accent-rgb,59,110,245),.15)}.showcase-field small{display:block;margin-top:4px;font-size:.74rem;color:var(--text-muted)}.showcase-modal-hint{display:flex;gap:10px;padding:10px 12px;background:rgba(var(--primary-accent-rgb,59,110,245),.06);border:1px solid rgba(var(--primary-accent-rgb,59,110,245),.2);border-radius:8px;font-size:.8rem;color:var(--primary-accent-dark,#2554d6)}.showcase-modal-hint i{width:15px;height:15px;flex-shrink:0;margin-top:2px}.showcase-btn-danger,.showcase-btn-ghost,.showcase-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:9px 17px;border-radius:8px;font-weight:700;font-size:.88rem;cursor:pointer;border:none;transition:all .15s}.showcase-btn-primary{background:linear-gradient(135deg,var(--primary-accent,#3b6ef5) 0,var(--primary-accent-dark,#2554d6) 100%);color:#fff;text-decoration:none}.showcase-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--primary-accent-rgb,59,110,245),.3)}.showcase-btn-ghost{background:0 0;color:var(--text-secondary);border:1.5px solid var(--border-color)}.showcase-btn-ghost:hover{border-color:var(--primary-accent,#3b6ef5);color:var(--primary-accent,#3b6ef5)}.showcase-btn-danger{background:#ef4444;color:#fff}.showcase-btn-danger:hover{background:#dc2626}.showcase-detail-body{padding:18px 20px;overflow-y:auto;flex:1}.showcase-detail-thumb{width:100%;border-radius:10px;margin-bottom:14px;display:block}.showcase-detail-author{margin:0 0 12px;color:var(--text-secondary);font-size:.9rem}.showcase-detail-desc{margin:0 0 14px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;font-size:.92rem}.showcase-detail-stats{display:flex;gap:18px;padding:10px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:14px;color:var(--text-secondary);font-size:.88rem;font-weight:600}.showcase-detail-stats i{width:14px;height:14px;vertical-align:-2px;margin-right:4px}.showcase-detail-actions{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:720px){.showcase-toolbar{flex-direction:column;align-items:stretch}.showcase-publish-btn{width:100%;justify-content:center}.showcase-grid{grid-template-columns:1fr}}@media (max-width:480px){.showcase-card-title{font-size:.9rem}.showcase-card-meta{font-size:.75rem;flex-wrap:wrap}.showcase-filter-bar{gap:4px;overflow-x:auto;flex-wrap:nowrap}.showcase-filter-btn{flex-shrink:0;font-size:.8rem;padding:6px 12px}.showcase-search{font-size:.85rem}.showcase-preview{flex-direction:column}.showcase-preview-thumb{width:100%;height:80px}}@media (max-width:375px){.showcase-card-thumb{height:140px}.showcase-votes-btn{font-size:.78rem;padding:6px 10px}}.showcase-preview{display:flex;gap:12px;padding:10px;background:var(--bg-sidebar,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:10px;margin-bottom:14px;align-items:center}.showcase-preview-thumb{position:relative;width:100px;height:56px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:6px;overflow:hidden;flex-shrink:0}.showcase-preview-thumb img{width:100%;height:100%;object-fit:cover;display:block}.showcase-preview-spin{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.7);color:var(--primary-accent,#3b6ef5)}.showcase-preview-spin i{width:20px;height:20px}.showcase-preview-info{flex:1;min-width:0}.showcase-preview-name{font-weight:700;font-size:.92rem;color:var(--text-primary);margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showcase-preview-meta{font-size:.78rem;color:var(--text-muted,#94a3b8)}.showcase-card-owner-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transform:translateY(-4px);transition:opacity .18s,transform .18s}.showcase-card:hover .showcase-card-owner-actions{opacity:1;transform:translateY(0)}.showcase-icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:rgba(15,23,42,.7);color:#fff;cursor:pointer;transition:background .15s,transform .12s}.showcase-icon-btn i{width:13px;height:13px}.showcase-icon-btn:hover{background:rgba(15,23,42,.9);transform:scale(1.05)}.showcase-icon-btn.danger:hover{background:#ef4444}
.activity-feed-page{padding:4px 0 60px}.activity-feed-intro{margin:0 0 18px;color:var(--text-secondary,#64748b);font-size:.92rem;line-height:1.5}.activity-feed-list{display:flex;flex-direction:column;gap:10px}.activity-feed-empty,.activity-feed-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--text-muted,#94a3b8);text-align:center}.activity-feed-empty i{width:44px;height:44px;opacity:.45}.activity-feed-empty p{margin:0;font-size:.95rem}.activity-feed-loading i{width:28px;height:28px}.activity-avatar-wrapper{position:relative;display:inline-flex;flex-shrink:0}.activity-row{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.01);transition:all .2s cubic-bezier(.4, 0, .2, 1)}.activity-row:hover{border-color:rgba(var(--primary-accent-rgb,59,110,245),.25);background:rgba(var(--primary-accent-rgb,59,110,245),.02);transform:translateY(-1.5px);box-shadow:0 4px 16px rgba(0,0,0,.03),0 2px 4px rgba(0,0,0,.01)}.activity-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 1px 2px rgba(0,0,0,.05)}.activity-inline-icon{display:inline-flex;align-items:center;vertical-align:-3px;margin:0 3px 0 1px}.activity-inline-icon i,.activity-inline-icon svg{width:15px;height:15px;stroke-width:2.25px}.activity-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}@media (hover:hover){.activity-del-btn{opacity:0;transform:translateX(6px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.activity-row:focus-within .activity-del-btn,.activity-row:hover .activity-del-btn{opacity:1;transform:none;pointer-events:auto}}.activity-clap-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid transparent;border-radius:999px;background:0 0;color:var(--text-secondary,#64748b);font-size:.82rem;font-weight:700;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease,color .15s ease;user-select:none}.activity-clap-btn .activity-clap-emoji{font-size:.95rem;line-height:1;transition:transform .15s ease}@media (hover:hover){.activity-row:hover .activity-clap-btn{border-color:var(--border-color,#e5e7eb);background:var(--bg-card,#fff)}.activity-row:hover .activity-clap-btn.clapped{border-color:#f59e0b;background:rgba(245,158,11,.14)}}.activity-clap-btn:hover{border-color:#f59e0b;background:rgba(245,158,11,.08);color:#b45309}.activity-clap-btn:hover .activity-clap-emoji{transform:scale(1.18) rotate(-8deg)}.activity-clap-btn:active{transform:scale(.94)}.activity-clap-btn.clapped{color:#b45309}.activity-clap-btn.clapped .activity-clap-emoji{animation:activity-clap-pop .32s ease}@keyframes activity-clap-pop{0%{transform:scale(1)}45%{transform:scale(1.45) rotate(-10deg)}100%{transform:scale(1)}}.activity-del-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid transparent;border-radius:8px;background:0 0;color:var(--text-muted,#94a3b8);cursor:pointer;transition:all .15s ease}.activity-del-btn i{width:15px;height:15px}.activity-del-btn:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}.activity-body{flex:1;min-width:0;display:block}.activity-text{margin:0;font-size:.9rem;color:var(--text-primary,#374151);line-height:1.45;display:inline}.activity-text strong{font-weight:600;color:var(--text-headings,#111827)}.clickable-user{cursor:pointer;transition:all .2s ease}.clickable-user:hover{color:var(--primary-accent,#3b6ef5)!important}.activity-avatar-wrapper.clickable-user{cursor:pointer}.activity-avatar-wrapper.clickable-user:hover .activity-avatar{transform:scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,.08)}.activity-avatar-wrapper.clickable-user .activity-avatar{transition:transform .2s cubic-bezier(.4, 0, .2, 1),box-shadow .2s ease}.activity-text em{font-style:normal;font-weight:500;color:var(--primary-accent,#3b6ef5);background:rgba(var(--primary-accent-rgb,59,110,245),.06);padding:1px 6px;border-radius:6px;display:inline-block;font-size:.85rem;margin:0 2px}.activity-clickable-tag{cursor:pointer;transition:all .2s cubic-bezier(.4, 0, .2, 1)}.activity-clickable-tag:hover{background:rgba(var(--primary-accent-rgb,59,110,245),.12)!important;color:var(--primary-accent-dark,#2554d6)!important;transform:translateY(-.5px)}.activity-time{font-size:.76rem;color:var(--text-muted,#9ca3af);font-weight:400;white-space:nowrap;display:inline-block;margin-left:6px}.activity-time::before{content:"·";margin-right:6px;font-weight:700}.activity-feed-load-more{text-align:center;margin-top:24px}.activity-feed-load-more-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;background:var(--bg-card,#fff);border:1.5px solid var(--border-color,#e5e7eb);color:var(--text-secondary,#475569);border-radius:999px;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .15s}.activity-feed-load-more-btn:hover{border-color:var(--primary-accent,#3b6ef5);color:var(--primary-accent,#3b6ef5)}@media (max-width:720px){.activity-row{padding:10px 12px;gap:12px}.activity-avatar{width:36px;height:36px}.activity-text{font-size:.86rem}}.activity-widget-wide{margin:20px 0 26px;padding:20px;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.02)}.activity-widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.activity-widget-header h3{margin:0;display:flex;align-items:center;gap:8px;font-size:1.05rem;color:var(--text-headings,#111827);font-weight:700}.activity-widget-header h3 i{width:18px;height:18px;color:var(--primary-accent,#3b6ef5)}.activity-widget-link{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:0 0;border:none;font-size:.84rem;font-weight:600;color:var(--primary-accent,#3b6ef5);cursor:pointer;border-radius:7px;transition:background .15s,transform .15s}.activity-widget-link i{width:13px;height:13px;transition:transform .15s}.activity-widget-link:hover{background:rgba(var(--primary-accent-rgb,59,110,245),.08)}.activity-widget-link:hover i{transform:translateX(2px)}.activity-widget-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.activity-widget-grid .activity-row{padding:8px 14px;gap:12px;background:var(--bg-sidebar,#fafafa);border-color:transparent;box-shadow:none;cursor:pointer}.activity-widget-grid .activity-row:hover{background:var(--bg-card,#fff);border-color:rgba(var(--primary-accent-rgb,59,110,245),.15);box-shadow:0 4px 12px rgba(0,0,0,.02)}.activity-widget-grid .activity-avatar{width:36px;height:36px}.activity-widget-grid .activity-text{font-size:.86rem}.activity-widget-grid .activity-time{font-size:.74rem}.activity-widget-empty,.activity-widget-grid .activity-feed-loading{grid-column:1/-1;padding:24px 12px;text-align:center;color:var(--text-muted,#94a3b8);font-size:.88rem}@media (max-width:720px){.activity-widget-wide{padding:14px 16px}.activity-widget-grid{grid-template-columns:1fr}.activity-widget-header h3{font-size:.98rem}}[data-activity-tooltip]{position:relative;display:inline-block}[data-activity-tooltip]::after,[data-activity-tooltip]::before{position:absolute!important;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4, 0, .2, 1);pointer-events:none;z-index:10000}[data-activity-tooltip]::before{content:attr(data-activity-tooltip);white-space:nowrap;background:#1e293b;color:#fff;padding:6px 10px;border-radius:6px;font-size:.78rem;font-weight:500;line-height:1.2;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-8px);bottom:calc(100% + 10px)}[data-activity-tooltip]::after{content:"";bottom:calc(100% + 6px);width:8px;height:8px;background:#1e293b;transform:translateX(-50%) rotate(45deg);border-radius:1px}[data-activity-tooltip]:hover::after,[data-activity-tooltip]:hover::before{opacity:1;visibility:visible}[data-activity-tooltip]:hover::before{transform:translateY(0)}[data-activity-tooltip]:hover::after{transform:translateX(-50%) rotate(45deg) translateY(-4px)}[data-activity-tooltip-pos=bottom]::before{bottom:auto;top:calc(100% + 10px);transform:translateY(8px)}[data-activity-tooltip-pos=bottom]::after{bottom:auto;top:calc(100% + 6px);transform:translateX(-50%) rotate(45deg) translateY(-4px)}[data-activity-tooltip-pos=bottom]:hover::before{transform:translateY(0)}[data-activity-tooltip-pos=bottom]:hover::after{transform:translateX(-50%) rotate(45deg) translateY(0)}[data-theme=dark] [data-activity-tooltip]::after,[data-theme=dark] [data-activity-tooltip]::before{background:#0f172a;border:1px solid rgba(255,255,255,.08)}[data-theme=dark] [data-activity-tooltip]::before{border:1px solid rgba(255,255,255,.08)}[data-theme=dark] [data-activity-tooltip]::after{border-right:none;border-bottom:none}.activity-widget-mini{margin:16px 0;padding:16px 20px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-card)}.activity-mini-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.activity-mini-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-headings)}.activity-mini-title [data-lucide],.activity-mini-title i{width:15px;height:15px;color:var(--primary-accent)}.activity-mini-link{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:0 0;color:var(--primary-accent);font-size:11.5px;font-weight:600;cursor:pointer}.activity-mini-link [data-lucide],.activity-mini-link i{width:12px;height:12px}.activity-mini-list{display:flex;flex-direction:column;gap:6px}.activity-mini-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.04)}.activity-mini-row:last-child{border-bottom:none}.activity-mini-icon{flex-shrink:0;display:grid;place-items:center;width:20px;height:20px}.activity-mini-icon [data-lucide],.activity-mini-icon i{width:13px;height:13px}.activity-mini-text{flex:1;font-size:12.5px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-mini-text strong{font-weight:600;color:var(--text-headings)}.activity-mini-time{flex-shrink:0;font-size:11px;color:var(--text-muted)}.activity-mini-empty{padding:12px 0;font-size:12px;color:var(--text-muted);text-align:center}
.prog{display:flex;flex-direction:column;gap:24px;max-width:var(--container-wide);width:100%;margin:0 auto;padding:0 30px 60px;box-sizing:border-box}.prog-tabs{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card)}.prog-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:10px;background:0 0;border:none;font-size:13px;font-weight:650;color:var(--text-muted);cursor:pointer;transition:all .15s}.prog-tab [data-lucide]{width:15px;height:15px}.prog-tab:hover{color:var(--text-headings);background:var(--bg-hover)}.prog-tab.active{background:var(--primary-accent);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb),.25)}.prog-tab-content{display:none;flex-direction:column;gap:24px}.prog-tab-content.active{display:flex}.prog-hero{position:relative;padding:32px 36px;border-radius:20px;background:linear-gradient(135deg,#1e3a8a 0,#3b5ef5 40%,#6366f1 100%);color:#fff;overflow:hidden;box-shadow:0 8px 32px -8px rgba(59,110,245,.3)}.prog-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 85% 30%,rgba(255,255,255,.12) 0,transparent 50%),radial-gradient(ellipse at 15% 80%,rgba(99,102,241,.3) 0,transparent 40%);pointer-events:none}.prog-hero-content{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px}.prog-hero-left{display:flex;align-items:center;gap:20px}.prog-hero-avatar{position:relative;width:80px;height:80px;border-radius:18px;overflow:hidden;border:3px solid rgba(255,255,255,.25);flex-shrink:0;box-shadow:0 4px 16px rgba(0,0,0,.2)}.prog-hero-avatar img{width:100%;height:100%;object-fit:cover}.prog-hero-level{position:absolute;bottom:-4px;right:-4px;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#fff;color:var(--primary-accent);font-size:11px;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.2)}.prog-hero-info h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.01em}.prog-hero-grade{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:14px;font-weight:600}.prog-hero-xp{margin-top:10px;display:flex;flex-direction:column;gap:5px}.prog-hero-xp-bar{width:200px;height:7px;border-radius:99px;background:rgba(255,255,255,.15);overflow:hidden}.prog-hero-xp-fill{height:100%;border-radius:99px;background:#fff;transition:width .4s}.prog-hero-xp span{font-size:11.5px;opacity:.75}.prog-hero-stats{display:flex;gap:10px}.prog-hero-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 18px;border-radius:14px;background:rgba(255,255,255,.1);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);min-width:72px}.prog-hero-stat i{font-size:15px;opacity:.85}.prog-hero-stat span{font-size:17px;font-weight:800}.prog-hero-stat small{font-size:10px;opacity:.6;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.prog-section{padding:24px 28px;border-radius:18px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card)}.prog-section--track{padding:28px 28px 20px}.prog-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.prog-section-header-left{display:flex;align-items:center;gap:12px}.prog-section-header-right{display:flex;align-items:center;gap:16px}.prog-section-header h2{margin:0;display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;color:var(--text-headings)}.prog-section-header h2 [data-lucide],.prog-section-header h2 i{width:20px;height:20px;color:var(--primary-accent)}.prog-section-badge{padding:4px 12px;border-radius:99px;background:rgba(var(--primary-rgb),.08);font-size:12px;font-weight:700;color:var(--primary-accent)}.prog-section-badge--build{background:rgba(147,51,234,.08);color:#9333ea}.prog-section-badge--ugc{background:var(--track-ugc-light);color:var(--track-ugc)}.prog-filters{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.prog-filter{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;background:var(--bg-hover);border:1px solid transparent;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s}.prog-filter span{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:6px;background:var(--bg-card);font-size:10.5px;font-weight:700}.prog-filter:hover{color:var(--text-headings);border-color:var(--border-color)}.prog-filter.active{background:rgba(var(--primary-rgb),.08);color:var(--primary-accent);border-color:rgba(var(--primary-rgb),.2)}.prog-filter.active span{background:rgba(var(--primary-rgb),.12);color:var(--primary-accent)}.prog-track-stats{display:flex;align-items:center;gap:14px}.prog-track-stat{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;background:var(--bg-hover);font-size:12px;font-weight:600;color:var(--text-secondary)}.prog-track-stat [data-lucide]{width:13px;height:13px;color:var(--text-muted)}.prog-modules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.prog-mod{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:14px;border:1px solid var(--border-color);cursor:pointer;transition:all .15s;background:var(--bg-body);box-shadow:0 1px 3px rgba(0,0,0,.04)}.prog-mod:hover{border-color:var(--primary-accent);transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--primary-rgb),.1)}.prog-mod.done{border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.03)}.prog-mod.active{border-left:3px solid var(--primary-accent)}.prog-mod-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.prog-mod-num-badge{padding:3px 9px;border-radius:7px;font-size:11px;font-weight:700;letter-spacing:.02em}.prog-mod-diff{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:7px;font-size:10.5px;font-weight:650}.prog-mod-diff [data-lucide]{width:11px;height:11px}.prog-mod-diff--free{background:rgba(16,185,129,.1);color:#10b981}.prog-mod-diff--pro{background:rgba(234,179,8,.1);color:#d97706}.prog-mod-icon-row{display:flex;align-items:center;gap:10px}.prog-mod-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--bg-hover);flex-shrink:0}.prog-mod-icon [data-lucide]{width:16px;height:16px}.prog-mod.done .prog-mod-icon{background:rgba(16,185,129,.1);color:var(--color-success)!important}.prog-mod-title{font-size:13px;font-weight:650;color:var(--text-headings);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.prog-mod-bar{height:5px;border-radius:99px;background:var(--bg-hover);overflow:hidden}.prog-mod-fill{height:100%;border-radius:99px;background:var(--primary-accent);transition:width .3s}.prog-mod.done .prog-mod-fill{background:var(--color-success)}.prog-mod-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}.prog-mod-stat{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:600;color:var(--text-muted);padding:2px 6px;border-radius:5px;background:var(--bg-hover)}.prog-mod-stat [data-lucide]{width:11px;height:11px}.prog-mod-stat--pass{color:#10b981;background:rgba(16,185,129,.08)}.prog-mod-stat--fail{color:#ef4444;background:rgba(239,68,68,.06)}.prog-mod-footer{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.prog-mod-pct{font-size:12px;font-weight:700;color:var(--text-secondary)}.prog-mod-done{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--color-success)}.prog-mod-done [data-lucide]{width:13px;height:13px}.prog-badges-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.prog-badge{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--border-color);transition:all .15s}.prog-badge--unlocked{background:var(--bg-body)}.prog-badge--locked{opacity:.5}.prog-badge-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;flex-shrink:0;color:#fff}.prog-badge--locked .prog-badge-icon{color:var(--text-muted)}.prog-badge-icon [data-lucide]{width:18px;height:18px}.prog-badge-info{flex:1;min-width:0;display:flex;flex-direction:column}.prog-badge-name{font-size:12.5px;font-weight:700;color:var(--text-headings)}.prog-badge-desc{font-size:11px;color:var(--text-muted);margin-top:1px}.prog-badge-rarity{font-size:10px;font-weight:700;flex-shrink:0;text-transform:uppercase;letter-spacing:.03em}.prog-certs{display:flex;flex-direction:column;gap:12px}.prog-cert{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-body);transition:all .15s}.prog-cert:hover{border-color:var(--primary-accent);box-shadow:0 2px 12px rgba(var(--primary-rgb),.06)}.prog-cert--passed{border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.02)}.prog-cert-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;flex-shrink:0}.prog-cert-icon [data-lucide]{width:22px;height:22px}.prog-cert-body{flex:1;min-width:0}.prog-cert-title{font-size:14px;font-weight:700;color:var(--text-headings)}.prog-cert-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.prog-cert-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.prog-cert-meta span{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--text-muted)}.prog-cert-meta [data-lucide]{width:12px;height:12px}.prog-cert-status{flex-shrink:0;text-align:right}.prog-cert-passed{display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:var(--color-success)}.prog-cert-passed [data-lucide]{width:18px;height:18px}.prog-cert-passed span{font-size:12px;font-weight:700}.prog-cert-passed small{font-size:10.5px;color:var(--text-muted);font-weight:500}.prog-cert-dl{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:5px 12px;border-radius:8px;background:var(--color-success);color:#fff;font-size:11px;font-weight:700;border:none;cursor:pointer;transition:opacity .15s}.prog-cert-dl:hover{opacity:.85}.prog-cert-dl [data-lucide]{width:12px;height:12px}.prog-cert-locked{display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:var(--text-muted)}.prog-cert-locked [data-lucide]{width:16px;height:16px}.prog-cert-locked span{font-size:12px;font-weight:600}.prog-achievements{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.prog-ach{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid var(--border-color);transition:all .15s}.prog-ach.unlocked{background:rgba(16,185,129,.03);border-color:rgba(16,185,129,.2)}.prog-ach.locked{opacity:.5}.prog-ach-icon{font-size:22px;flex-shrink:0}.prog-ach-info{flex:1;display:flex;flex-direction:column}.prog-ach-info strong{font-size:13px;font-weight:700;color:var(--text-headings)}.prog-ach-info span{font-size:11.5px;color:var(--text-muted)}.prog-ach-check{width:18px;height:18px;color:var(--color-success);flex-shrink:0}.prog-ach-lock{width:15px;height:15px;color:var(--text-muted);flex-shrink:0}@media (max-width:900px){.prog-quick{grid-template-columns:repeat(2,1fr)}.prog-achievements{grid-template-columns:1fr}.prog-section-header{flex-wrap:wrap;gap:10px}.prog-track-stats{gap:8px}.prog-modules-grid{grid-template-columns:1fr}}@media (max-width:639px){.prog{padding:0 16px 40px}.prog-hero{padding:20px}.prog-hero-content{flex-direction:column;align-items:flex-start}.prog-hero-stats{width:100%;justify-content:space-between}.prog-hero-xp-bar{width:100%}.prog-quick{grid-template-columns:1fr 1fr}.prog-section{padding:18px 16px}.prog-section-header{flex-direction:column;align-items:flex-start;gap:8px}.prog-section-header-right{width:100%;justify-content:space-between}.prog-modules-grid{grid-template-columns:1fr}}.rev-empty,.rev-loading{padding:28px 20px;text-align:center;color:var(--text-muted,#9ca3af);font-size:.88rem}.rev-loading i{margin-right:8px}.rev-empty i{font-size:1.6rem;display:block;margin-bottom:10px;opacity:.6}.rev-empty p{margin:4px 0}.rev-empty-ok i{color:#10b981;opacity:1}.rev-weak-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 18px;background:var(--bg-element,#f8fafc);border:1px solid var(--border-color,#e5e9f0);border-radius:14px;margin-bottom:14px}.rev-weak-total{display:flex;align-items:baseline;gap:10px;color:var(--text-secondary,#4b5563);font-weight:600}.rev-weak-total-num{font-size:2rem;font-weight:900;color:#ef4444;line-height:1}.rev-start-btn{width:auto;padding:12px 22px}.rev-weak-chips{display:flex;flex-direction:column;gap:8px}.rev-weak-chip{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--bg-card,#fff);border:1.5px solid var(--border-color,#e5e9f0);border-left:4px solid var(--chip-color,#3b82f6);border-radius:12px;cursor:pointer;text-align:left;transition:all .15s ease;font-family:inherit}.rev-weak-chip:hover{transform:translateX(4px);border-color:var(--chip-color,#3b82f6)}.rev-weak-chip-count{min-width:30px;height:30px;display:grid;place-items:center;background:color-mix(in srgb,var(--chip-color,#3b82f6) 14%,transparent);color:var(--chip-color,#3b82f6);border-radius:9px;font-weight:900;font-size:.85rem}.rev-weak-chip-title{flex:1;font-weight:700;font-size:.85rem;color:var(--text-headings,#111827)}.rev-weak-chip i{color:var(--text-muted,#9ca3af);font-size:.75rem}.rev-hint{margin-top:12px;font-size:.73rem;color:var(--text-muted,#9ca3af)}.rev-notes-list{display:flex;flex-direction:column;gap:10px}.rev-note-row{display:block;width:100%;text-align:left;padding:13px 16px;background:var(--bg-card,#fff);border:1.5px solid var(--border-color,#e5e9f0);border-radius:12px;cursor:pointer;transition:all .15s ease;font-family:inherit}.rev-note-row:hover{border-color:#f59e0b;transform:translateX(4px)}.rev-note-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.rev-note-title{font-weight:800;font-size:.83rem;color:var(--text-headings,#111827)}.rev-note-title i{color:#f59e0b;margin-right:6px}.rev-note-date{font-size:.68rem;color:var(--text-muted,#9ca3af)}.rev-note-excerpt{margin:0;font-size:.78rem;color:var(--text-secondary,#4b5563);line-height:1.5;white-space:pre-line}.rev-quiz-modal{max-width:520px;width:calc(100vw - 32px)}.rev-quiz-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.rev-quiz-progress{font-weight:800;font-size:.75rem;color:var(--text-muted,#9ca3af)}.rev-quiz-module{flex:1;font-size:.72rem;font-weight:700;text-align:right}.rev-quiz-question{font-size:1rem;font-weight:700;color:var(--text-headings,#111827);margin:0 0 16px}.rev-quiz-options{display:flex;flex-direction:column;gap:8px}.rev-quiz-option{padding:12px 16px;background:var(--bg-element,#f8fafc);border:2px solid var(--border-color,#e5e9f0);border-radius:11px;text-align:left;font-weight:600;font-size:.86rem;color:var(--text-secondary,#4b5563);cursor:pointer;transition:all .15s ease;font-family:inherit}.rev-quiz-option:hover:not(:disabled){border-color:#7c3aed}.rev-quiz-option:disabled{cursor:default}.rev-quiz-option.correct{border-color:#10b981;background:color-mix(in srgb,#10b981 10%,var(--bg-element,#f8fafc));color:#059669;font-weight:800}.rev-quiz-option.wrong{border-color:#ef4444;background:color-mix(in srgb,#ef4444 10%,var(--bg-element,#f8fafc));color:#ef4444}.rev-quiz-feedback{margin-top:14px;display:flex;flex-direction:column;gap:12px;font-weight:700;font-size:.85rem}.rev-quiz-feedback .ok{color:#10b981}.rev-quiz-feedback .ko{color:#ef4444}.rev-quiz-next{width:auto;align-self:flex-end;padding:10px 18px}.rev-quiz-end{text-align:center;padding:10px 4px}.rev-quiz-end>i{font-size:2.4rem;color:#f59e0b;margin-bottom:12px}.rev-quiz-end h3{margin:0 0 6px}.rev-quiz-score{font-size:1.3rem;font-weight:900;color:var(--text-headings,#111827);margin:6px 0}.rev-quiz-tip{color:var(--text-muted,#9ca3af);font-size:.82rem;margin-bottom:16px}.rev-quiz-actions{display:flex;gap:10px;justify-content:center}.rev-quiz-actions>*{width:auto;padding:11px 20px}.rev-acc-list{display:flex;flex-direction:column;gap:10px}.rev-acc-item{border:1.5px solid var(--border-color,#e5e9f0);border-radius:12px;background:var(--bg-card,#fff);overflow:hidden;transition:border-color .15s}.rev-acc-item.open{border-color:var(--primary-accent,#3b6ef5)}.rev-acc-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 16px;cursor:pointer;background:0 0;border:none;text-align:left;font-family:inherit}.rev-acc-toggle:hover{background:var(--bg-hover,#f4f6fb)}.rev-acc-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.85rem;color:var(--text-headings,#111827);min-width:0}.rev-acc-title i{color:#f59e0b;flex-shrink:0}.rev-acc-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.rev-acc-chev{color:var(--text-muted,#9ca3af);font-size:.75rem;transition:transform .2s ease}.rev-acc-item.open .rev-acc-chev{transform:rotate(180deg)}.rev-acc-body{display:none;padding:4px 16px 16px;border-top:1px solid var(--border-color,#e5e9f0)}.rev-acc-item.open .rev-acc-body{display:block;animation:revAccIn .18s ease-out}@keyframes revAccIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rev-acc-points{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.rev-acc-points li{position:relative;padding-left:22px;font-size:.83rem;line-height:1.55;color:var(--text-secondary,#4b5563)}.rev-acc-points li::before{content:"✓";position:absolute;left:0;top:0;color:var(--color-success,#10b981);font-weight:800;font-size:.8rem}.rev-acc-note{margin:12px 0 0;font-size:.83rem;line-height:1.6;color:var(--text-secondary,#4b5563);white-space:pre-line}.rev-open-module{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:8px 14px;border-radius:9px;cursor:pointer;font-family:inherit;border:1px solid var(--border-color,#e5e9f0);background:var(--bg-body,#f8fafc);font-size:12px;font-weight:700;color:var(--text-secondary,#4b5563);transition:all .15s}.rev-open-module:hover{background:var(--primary-accent,#3b6ef5);color:#fff;border-color:var(--primary-accent,#3b6ef5);transform:translateY(-1px)}.rev-open-module i{font-size:.72rem}.rev-modal-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);overflow-y:auto;animation:revModalFade .18s ease-out}@keyframes revModalFade{from{opacity:0}to{opacity:1}}.rev-modal{width:100%;max-width:760px;margin:auto;background:var(--bg-body,#f4f6fb);border:1px solid var(--border-color,#e5e9f0);border-radius:18px;box-shadow:0 24px 64px rgba(0,0,0,.3);overflow:hidden;animation:revModalIn .22s cubic-bezier(.22,1,.36,1)}@keyframes revModalIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.rev-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-card,#fff);border-bottom:1px solid var(--border-color,#e5e9f0);position:sticky;top:0;z-index:2}.rev-modal-head h3{display:flex;align-items:center;gap:9px;margin:0;font-size:16px;font-weight:800;color:var(--text-headings,#111827)}.rev-modal-head h3 [data-lucide]{width:19px;height:19px;color:var(--primary-accent,#3b6ef5)}.rev-modal-close{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border-color,#e5e9f0);border-radius:9px;background:var(--bg-hover,#f1f5f9);color:var(--text-muted,#6b7280);cursor:pointer;transition:background .15s,color .15s}.rev-modal-close:hover{background:rgba(239,68,68,.1);color:#ef4444}.rev-modal-close [data-lucide]{width:16px;height:16px}.rev-modal-body{padding:18px 20px 24px;display:flex;flex-direction:column;gap:18px;max-height:calc(100vh - 160px);overflow-y:auto}.rev-modal-body .prog-section{margin:0}@media (max-width:560px){.rev-modal-overlay{padding:16px 10px}.rev-modal-body{padding:14px;max-height:calc(100vh - 120px)}}
.forum-page{display:flex;flex-direction:column;gap:20px;animation:fadeIn .3s ease}.forum-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.forum-search-wrapper{position:relative;flex:1;min-width:260px}.forum-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted,#94a3b8);width:18px;height:18px;pointer-events:none}.forum-search-input{width:100%;padding:11px 16px 11px 42px;background:var(--bg-card,#fff);border:1.5px solid var(--border-color,#e5e7eb);border-radius:12px;font-size:.92rem;color:var(--text-primary,#374151);transition:all .2s;box-shadow:0 1px 2px rgba(0,0,0,.02)}.forum-search-input:focus{outline:0;border-color:var(--primary-accent,#3b6ef5);box-shadow:0 0 0 3px rgba(59,110,245,.12),0 4px 12px rgba(0,0,0,.02)}.forum-btn-new{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;background:linear-gradient(135deg,var(--primary-accent,#3b6ef5),#2554d6);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 4px 14px rgba(59,110,245,.3);transition:all .25s cubic-bezier(.4, 0, .2, 1)}.forum-btn-new:hover{transform:translateY(-1.5px);box-shadow:0 6px 20px rgba(59,110,245,.4)}.forum-btn-new:active{transform:translateY(.5px)}.forum-btn-new i{width:16px;height:16px}.forum-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}.forum-layout.compose-open,.forum-layout.thread-open{display:block}.forum-sidebar{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.01);display:flex;flex-direction:column;gap:8px}.forum-sidebar-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted,#94a3b8);font-weight:800;margin:0 0 8px 4px}.forum-cat-btn{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:0 0;border:none;border-radius:10px;color:var(--text-secondary,#475569);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.forum-cat-btn:hover{background:rgba(var(--primary-accent-rgb,59,110,245),.05);color:var(--primary-accent,#3b6ef5)}.forum-cat-btn.active{background:rgba(var(--primary-accent-rgb,59,110,245),.08);color:var(--primary-accent,#3b6ef5)}.forum-cat-btn-left{display:flex;align-items:center;gap:10px}.forum-cat-btn-left i{width:16px;height:16px}.forum-cat-count{font-size:.72rem;font-weight:700;background:var(--bg-sidebar,#f8fafc);padding:2px 7px;border-radius:99px;color:var(--text-muted,#94a3b8);border:1px solid var(--border-color,#e5e7eb)}.forum-cat-btn.active .forum-cat-count{background:var(--primary-accent,#3b6ef5);color:#fff;border-color:transparent}.forum-topics-list{display:flex;flex-direction:column;gap:14px}.forum-topic-card{display:flex;align-items:center;gap:18px;padding:16px 20px;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.01);transition:all .25s cubic-bezier(.4, 0, .2, 1);cursor:pointer;position:relative;overflow:hidden}.forum-topic-card:hover{transform:translateY(-2px);border-color:rgba(var(--primary-accent-rgb,59,110,245),.3);box-shadow:0 8px 24px rgba(0,0,0,.03),0 2px 4px rgba(0,0,0,.01)}.forum-topic-card.pinned{border-left:4px solid var(--primary-accent,#3b6ef5);background:linear-gradient(92deg,rgba(var(--primary-accent-rgb,59,110,245),.01),var(--bg-card,#fff) 20%)}.forum-topic-avatar-wrapper{position:relative;flex-shrink:0}.forum-topic-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--bg-card,#fff);box-shadow:0 2px 8px rgba(0,0,0,.06)}.forum-topic-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.forum-topic-header-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.forum-tag{font-size:.72rem;font-weight:700;padding:2.5px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}.tag-general{background:rgba(59,110,245,.08);color:#3b6ef5}.tag-scripting{background:rgba(168,85,247,.08);color:#a855f7}.tag-build{background:rgba(16,185,129,.08);color:#10b981}.tag-aide{background:rgba(239,68,68,.08);color:#ef4444}.tag-suggestions{background:rgba(245,158,11,.08);color:#f59e0b}.forum-topic-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;padding:2.5px 8px;border-radius:6px}.forum-badge-pinned{background:rgba(59,110,245,.1);color:#2554d6}.forum-badge-pinned i{width:10px;height:10px}.forum-badge-solved{background:rgba(16,185,129,.1);color:#059669}.forum-badge-solved i{width:11px;height:11px}.forum-topic-title{margin:0;font-size:.98rem;font-weight:700;color:var(--text-headings,#111827);line-height:1.4;transition:color .15s}.forum-topic-card:hover .forum-topic-title{color:var(--primary-accent,#3b6ef5)}.forum-topic-meta{font-size:.78rem;color:var(--text-muted,#94a3b8);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.forum-topic-author{font-weight:600;color:var(--text-secondary,#475569)}.forum-author-founder{color:var(--primary-accent,#3b6ef5)!important;position:relative}.forum-topic-stats{display:flex;align-items:center;gap:20px;flex-shrink:0}.forum-stat-item{display:flex;align-items:center;flex-direction:column;gap:2px;color:var(--text-muted,#94a3b8);min-width:44px;text-align:center}.forum-stat-item i{width:15px;height:15px;opacity:.7;transition:transform .2s}.forum-topic-card:hover .forum-stat-item i{transform:translateY(-1px)}.forum-stat-value{font-size:.8rem;font-weight:700;color:var(--text-secondary,#475569)}.forum-topics-empty{text-align:center;padding:60px 20px;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;color:var(--text-muted,#94a3b8)}.forum-topics-empty i{width:48px;height:48px;margin-bottom:12px;opacity:.5}.forum-topics-empty h4{margin:0 0 6px 0;color:var(--text-headings,#111827);font-size:1rem}.forum-topics-empty p{margin:0;font-size:.88rem}.forum-thread-view{display:flex;flex-direction:column;gap:20px;animation:slideInUp .3s cubic-bezier(.16,1,.3,1)}.forum-back-btn{display:inline-flex;align-items:center;gap:6px;background:0 0;border:none;color:var(--text-secondary,#475569);font-size:.88rem;font-weight:700;cursor:pointer;padding:6px 12px;border-radius:8px;width:fit-content;transition:all .15s}.forum-back-btn:hover{background:var(--bg-sidebar,#f8fafc);color:var(--primary-accent,#3b6ef5)}.forum-back-btn i{width:16px;height:16px}.forum-post-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.015);display:flex;flex-direction:column;gap:16px}.forum-post-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-color,#e5e7eb);padding-bottom:14px}.forum-post-author-box{display:flex;align-items:center;gap:12px}.forum-post-author-meta{display:flex;flex-direction:column;gap:2px}.forum-post-author-name{font-weight:700;font-size:.94rem;color:var(--text-headings,#111827)}.forum-post-date{font-size:.76rem;color:var(--text-muted,#94a3b8)}.forum-post-badges{display:flex;align-items:center;gap:8px}.forum-post-title{margin:0;font-size:1.25rem;font-weight:800;color:var(--text-headings,#111827);line-height:1.35}.forum-post-content{font-size:.94rem;color:var(--text-primary,#374151);line-height:1.6;white-space:normal;word-wrap:break-word}.forum-post-content p{margin:0 0 12px}.forum-post-content p:last-child{margin-bottom:0}.forum-post-content code{background:var(--bg-sidebar,#f1f5f9);padding:2px 6px;border-radius:6px;font-family:Consolas,Courier,monospace;font-size:.85em;color:var(--primary-accent-dark,#1d4ed8)}.forum-post-content pre{background:#1e1e1e;color:#d4d4d4;padding:16px;border-radius:12px;overflow-x:auto;font-family:Consolas,Courier,monospace;font-size:.86rem;margin:14px 0;box-shadow:inset 0 2px 8px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.05)}.forum-post-content pre code{background:0 0;padding:0;color:inherit;font-size:inherit}.forum-post-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-color,#e5e7eb);padding-top:14px;flex-wrap:wrap;gap:12px}.forum-like-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-sidebar,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:10px;color:var(--text-secondary,#475569);font-weight:700;font-size:.84rem;cursor:pointer;transition:all .2s}.forum-like-btn:hover{background:rgba(239,68,68,.06);color:#ef4444;border-color:rgba(239,68,68,.2)}.forum-like-btn.liked{background:rgba(239,68,68,.1);color:#ef4444;border-color:transparent}.forum-like-btn i{width:14px;height:14px}.forum-post-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.forum-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-sidebar,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:10px;color:var(--text-secondary,#475569);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s}.forum-action-btn i{width:13px;height:13px}.forum-action-btn:hover{background:var(--bg-card,#fff);color:var(--primary-accent,#3b6ef5);border-color:var(--primary-accent,#3b6ef5)}.forum-action-btn.btn-delete:hover{background:rgba(239,68,68,.06);color:#ef4444;border-color:rgba(239,68,68,.2)}.forum-action-btn.btn-solve:hover{background:rgba(16,185,129,.06);color:#10b981;border-color:rgba(16,185,129,.2)}.forum-post-card.editing{display:flex;flex-direction:column;gap:16px;border:1.5px dashed var(--primary-accent,#3b6ef5);background:rgba(var(--primary-accent-rgb,59,110,245),.01)}.forum-editing-title{display:flex;align-items:center;gap:8px;margin:0 0 8px 0;font-size:1.1rem;font-weight:800;color:var(--text-headings,#111827)}.forum-editing-title i{width:18px;height:18px;color:var(--primary-accent,#3b6ef5)}.forum-editing-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:10px}.forum-reply-meta-right{display:flex;align-items:center;gap:10px}.forum-reply-delete-btn{background:0 0;border:none;color:var(--text-muted,#94a3b8);cursor:pointer;padding:4px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.forum-reply-delete-btn i{width:14px;height:14px}.forum-reply-delete-btn:hover{background:rgba(239,68,68,.08);color:#ef4444}[data-theme=dark] .forum-action-btn{background:#1e293b;border-color:rgba(255,255,255,.08)}[data-theme=dark] .forum-action-btn:hover{background:#0f172a;color:var(--primary-accent,#3b6ef5);border-color:var(--primary-accent,#3b6ef5)}[data-theme=dark] .forum-post-card.editing{background:rgba(59,110,245,.02)}[data-theme=dark] .forum-reply-delete-btn:hover{background:rgba(239,68,68,.15)}.forum-replies-section{display:flex;flex-direction:column;gap:16px}.forum-replies-title{font-size:.94rem;font-weight:800;color:var(--text-headings,#111827);margin:10px 0 0 4px}.forum-reply-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.005);display:flex;flex-direction:column;gap:12px;animation:fadeIn .25s ease}.forum-reply-card.founder-reply{border-left:3px solid var(--primary-accent,#3b6ef5)}.forum-reply-header{display:flex;align-items:center;justify-content:space-between}.forum-reply-author{display:flex;align-items:center;gap:10px}.forum-reply-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;box-shadow:0 1px 3px rgba(0,0,0,.1)}.forum-reply-name{font-weight:700;font-size:.88rem;color:var(--text-headings,#111827)}.forum-reply-role{font-size:.68rem;font-weight:700;padding:1.5px 6px;border-radius:4px}.role-founder-badge{background:rgba(59,110,245,.08);color:var(--primary-accent,#3b6ef5)}.role-user-badge{background:var(--bg-sidebar,#f1f5f9);color:var(--text-muted,#94a3b8)}.forum-reply-content{font-size:.9rem;color:var(--text-primary,#374151);line-height:1.5;padding-left:46px}.forum-add-reply{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.01);display:flex;flex-direction:column;gap:14px}.forum-add-reply-title{margin:0;font-size:.94rem;font-weight:800;color:var(--text-headings,#111827)}.forum-reply-textarea{width:100%;padding:14px;background:var(--bg-sidebar,#f8fafc);border:1.5px solid var(--border-color,#e5e7eb);border-radius:12px;font-size:.9rem;color:var(--text-primary,#374151);resize:vertical;min-height:100px;transition:all .2s}.forum-reply-textarea:focus{outline:0;background:var(--bg-card,#fff);border-color:var(--primary-accent,#3b6ef5);box-shadow:0 0 0 3px rgba(59,110,245,.12)}.forum-reply-submit{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--primary-accent,#3b6ef5);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s}.forum-reply-submit:hover{background:var(--primary-accent-dark,#2554d6)}.forum-reply-submit i{width:14px;height:14px}.forum-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.4);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .2s ease}.forum-modal-container{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);width:100%;max-width:600px;border-radius:20px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);overflow:hidden;animation:scaleIn .25s cubic-bezier(.16,1,.3,1)}.forum-modal-header{padding:20px 24px;background:linear-gradient(135deg,rgba(var(--primary-accent-rgb,59,110,245),.05),rgba(124,58,237,.05));border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;align-items:center;justify-content:space-between}.forum-modal-title{margin:0;font-size:1.15rem;font-weight:800;color:var(--text-headings,#111827);display:flex;align-items:center;gap:8px}.forum-modal-title i{width:20px;height:20px;color:var(--primary-accent,#3b6ef5)}.forum-modal-close{background:0 0;border:none;color:var(--text-muted,#94a3b8);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s}.forum-modal-close:hover{background:rgba(0,0,0,.05);color:var(--text-primary,#374151)}.forum-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.forum-form-group{display:flex;flex-direction:column;gap:6px}.forum-form-label{font-size:.82rem;font-weight:700;color:var(--text-secondary,#475569);text-transform:uppercase;letter-spacing:.5px}.forum-form-input,.forum-form-select,.forum-form-textarea{width:100%;padding:10px 14px;background:var(--bg-sidebar,#f8fafc);border:1.5px solid var(--border-color,#e5e7eb);border-radius:10px;font-size:.9rem;color:var(--text-primary,#374151);transition:all .2s}.forum-form-input:focus,.forum-form-select:focus,.forum-form-textarea:focus{outline:0;background:var(--bg-card,#fff);border-color:var(--primary-accent,#3b6ef5);box-shadow:0 0 0 3px rgba(59,110,245,.12)}.forum-form-textarea{resize:vertical;min-height:120px}.forum-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;border-top:1px solid var(--border-color,#e5e7eb);padding:16px 24px;background:var(--bg-sidebar,#f8fafc)}.forum-btn-cancel{padding:10px 18px;background:0 0;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;color:var(--text-secondary,#475569);font-weight:700;font-size:.88rem;cursor:pointer;transition:all .15s}.forum-btn-cancel:hover{background:rgba(0,0,0,.03)}.forum-btn-submit{padding:10px 20px;background:var(--primary-accent,#3b6ef5);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(59,110,245,.25)}.forum-btn-submit:hover{background:var(--primary-accent-dark,#2554d6)}[data-theme=dark] .forum-search-input{background:#1e293b;border-color:rgba(255,255,255,.08)}[data-theme=dark] .forum-add-reply,[data-theme=dark] .forum-modal-container,[data-theme=dark] .forum-post-card,[data-theme=dark] .forum-reply-card,[data-theme=dark] .forum-sidebar,[data-theme=dark] .forum-topic-card,[data-theme=dark] .forum-topics-empty{background:#0f172a;border-color:rgba(255,255,255,.08)}[data-theme=dark] .forum-cat-count{background:#1e293b;border-color:rgba(255,255,255,.08)}[data-theme=dark] .forum-cat-btn:hover{background:rgba(59,110,245,.1)}[data-theme=dark] .forum-cat-btn.active{background:rgba(59,110,245,.15)}[data-theme=dark] .forum-form-input,[data-theme=dark] .forum-form-select,[data-theme=dark] .forum-form-textarea,[data-theme=dark] .forum-reply-textarea{background:#1e293b;border-color:rgba(255,255,255,.08)}[data-theme=dark] .forum-form-input:focus,[data-theme=dark] .forum-form-select:focus,[data-theme=dark] .forum-form-textarea:focus,[data-theme=dark] .forum-reply-textarea:focus{background:#0f172a;border-color:var(--primary-accent,#3b6ef5)}[data-theme=dark] .forum-modal-actions{background:#1e293b;border-color:rgba(255,255,255,.08)}[data-theme=dark] .forum-like-btn{background:#1e293b;border-color:rgba(255,255,255,.08)}[data-theme=dark] .forum-post-content code{background:#1e293b;color:#38bdf8}[data-theme=dark] .forum-back-btn:hover{background:#1e293b}[data-theme=dark] .role-user-badge{background:#1e293b}[data-theme=dark] .tag-general{background:rgba(59,110,245,.15)}[data-theme=dark] .tag-scripting{background:rgba(168,85,247,.15)}[data-theme=dark] .tag-build{background:rgba(16,185,129,.15)}[data-theme=dark] .tag-aide{background:rgba(239,68,68,.15)}[data-theme=dark] .tag-suggestions{background:rgba(245,158,11,.15)}@media (max-width:900px){.forum-layout{grid-template-columns:1fr}.forum-sidebar{flex-direction:row;overflow-x:auto;white-space:nowrap;padding:10px;border-radius:12px}.forum-sidebar-title{display:none}.forum-cat-btn{padding:8px 12px}}@media (max-width:600px){.forum-topic-card{flex-direction:column;align-items:flex-start;padding:14px 16px;gap:12px}.forum-topic-stats{width:100%;border-top:1px solid var(--border-color,#e5e7eb);padding-top:10px;justify-content:space-between}.forum-stat-item{flex-direction:row;gap:6px;min-width:unset}[data-theme=dark] .forum-topic-stats{border-top-color:rgba(255,255,255,.08)}.forum-toolbar{flex-direction:column;align-items:stretch}.forum-btn-new{justify-content:center}.forum-post-header{flex-direction:column;align-items:flex-start;gap:10px}.forum-post-badges{align-self:flex-start}}.forum-compose-view{width:100%}.forum-compose-view .forum-back-btn{margin-bottom:16px}.forum-compose-view .forum-form-label,.forum-compose-view .forum-form-label *{font-size:.9rem;font-weight:600;text-transform:none;letter-spacing:normal;color:var(--text-primary)}.forum-compose-view .forum-form-label em{font-style:normal;font-weight:400;color:var(--text-muted);font-size:.82rem;margin-left:6px}.forum-compose-view .forum-form-group{margin-bottom:18px}.forum-compose-header{display:flex;align-items:flex-start;gap:16px;padding:22px 26px;background:linear-gradient(135deg,rgba(var(--primary-accent-rgb,59,110,245),.08) 0,rgba(var(--primary-accent-rgb,59,110,245),.02) 100%);border:1px solid rgba(var(--primary-accent-rgb,59,110,245),.18);border-radius:14px;margin-bottom:18px}.forum-compose-header::before{content:"";flex-shrink:0;width:52px;height:52px;border-radius:12px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z'/><path d='M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1'/></svg>"),linear-gradient(135deg,var(--primary-accent,#3b6ef5) 0,var(--primary-accent-dark,#2554d6) 100%);background-size:26px 26px,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;box-shadow:0 6px 14px rgba(var(--primary-accent-rgb,59,110,245),.3);display:flex;align-items:center;justify-content:center}.forum-compose-header>div{flex:1;min-width:0}.forum-compose-header h2{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:1.45rem;font-weight:800;color:var(--text-primary);line-height:1.2}.forum-compose-header h2 i{display:none}.forum-compose-header p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.55}.forum-compose-header p code{background:rgba(0,0,0,.05);padding:1px 6px;border-radius:4px;font-family:'Fira Code',monospace;font-size:.85em;color:var(--primary-accent-dark,#2554d6)}.forum-compose-form{background:var(--bg-card,#fff);border:1px solid var(--border-color);border-radius:14px;padding:26px 28px;box-shadow:0 2px 10px rgba(0,0,0,.04)}.forum-compose-editor-wrap{margin-top:6px}.forum-compose-toolbar{display:flex;align-items:center;gap:4px;padding:6px 8px;background:var(--bg-sidebar,#fafafa);border:1px solid var(--border-color);border-bottom:none;border-radius:8px 8px 0 0;flex-wrap:wrap}.forum-compose-toolbar button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:30px;padding:0 8px;background:0 0;border:1px solid transparent;border-radius:6px;cursor:pointer;color:var(--text-secondary);font-size:.9rem;transition:all .15s}.forum-compose-toolbar button:hover{background:var(--bg-card);border-color:var(--border-color);color:var(--primary-accent)}.forum-compose-toolbar button i{width:14px;height:14px}.forum-compose-toolbar-spacer{flex:1}.forum-compose-preview-btn{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:0 10px!important;font-weight:600!important;color:var(--primary-accent)!important;background:rgba(var(--primary-accent-rgb),.08)!important;border-color:rgba(var(--primary-accent-rgb),.3)!important}.forum-compose-textarea{border-top-left-radius:0!important;border-top-right-radius:0!important;border-top:none!important;font-family:'Fira Code','Courier New',monospace!important;font-size:.92rem!important;line-height:1.55;min-height:260px;resize:vertical}.forum-compose-preview{min-height:260px;padding:14px 16px;background:var(--bg-sidebar,#fafafa);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px}.forum-compose-counter{text-align:right;margin-top:6px;font-size:.78rem;color:var(--text-muted)}.forum-compose-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.forum-md{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.forum-md h1,.forum-md h2,.forum-md h3,.forum-md h4,.forum-md h5,.forum-md h6{margin:18px 0 10px;line-height:1.3;font-weight:800}.forum-md h1{font-size:1.45rem}.forum-md h2{font-size:1.3rem}.forum-md h3{font-size:1.18rem}.forum-md h4{font-size:1.05rem}.forum-md p{margin:0 0 14px;line-height:1.7}.forum-md p:last-child{margin-bottom:0}.forum-md-spacer{height:14px}.forum-md strong{font-weight:700;color:var(--text-primary)}.forum-md em{font-style:italic}.forum-md code{background:rgba(var(--primary-accent-rgb),.08);color:var(--primary-accent-dark,#2554d6);padding:1px 6px;border-radius:4px;font-family:'Fira Code','Courier New',monospace;font-size:.88em}.forum-md pre{background:#0f172a;color:#e2e8f0;padding:12px 14px;border-radius:8px;overflow-x:auto;margin:14px 0}.forum-md pre code{background:0 0;color:inherit;padding:0;font-size:.85em}.forum-md ul{margin:12px 0;padding-left:28px}.forum-md ul li{margin:6px 0}.forum-md blockquote{margin:14px 0;padding:10px 14px;border-left:3px solid var(--primary-accent,#3b6ef5);background:rgba(var(--primary-accent-rgb),.05);color:var(--text-secondary);font-style:italic}.forum-md a{color:var(--primary-accent);text-decoration:underline;text-underline-offset:2px}.forum-md a:hover{color:var(--primary-accent-dark)}.forum-md-hint{font-size:.78rem;color:var(--text-muted);margin:0 0 6px}.forum-reply-card.reply-solution{border:2px solid #10b981;background:linear-gradient(180deg,rgba(16,185,129,.05) 0,var(--bg-card,#fff) 60%);position:relative}.forum-solution-banner{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(90deg,#10b981 0,#059669 100%);color:#fff;font-weight:700;font-size:.84rem;margin:-1px -1px 12px;border-radius:10px 10px 0 0}.forum-solution-banner i{width:16px;height:16px}.forum-reply-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border-color)}.forum-reply-actions .forum-action-btn{padding:5px 10px;font-size:.78rem}.btn-mark-solution{background:rgba(16,185,129,.1)!important;color:#059669!important;border-color:rgba(16,185,129,.3)!important}.btn-mark-solution:hover{background:#10b981!important;color:#fff!important}.btn-unmark-solution{background:rgba(245,158,11,.1)!important;color:#d97706!important;border-color:rgba(245,158,11,.3)!important}.btn-report{background:0 0!important;color:var(--text-muted)!important;border-color:var(--border-color)!important}.btn-report:hover{color:#ef4444!important;border-color:#ef4444!important}.forum-load-more{text-align:center;margin-top:18px}.forum-load-more button{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-weight:700;font-size:.88rem;cursor:pointer;transition:all .15s}.forum-load-more button:hover{border-color:var(--primary-accent);color:var(--primary-accent)}@media (max-width:720px){.forum-compose-form{padding:16px 14px}.forum-compose-toolbar{gap:2px}.forum-compose-toolbar button{min-width:28px;height:28px;padding:0 6px}.forum-compose-toolbar-spacer{display:none}}.forum-md pre code.lang-luau .lk-kw{color:#c084fc;font-weight:600}.forum-md pre code.lang-luau .lk-bi{color:#60a5fa}.forum-md pre code.lang-luau .lk-str{color:#86efac}.forum-md pre code.lang-luau .lk-num{color:#fbbf24}.forum-md pre code.lang-luau .lk-com{color:#94a3b8;font-style:italic}.forum-md-modlink{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;background:rgba(var(--primary-accent-rgb,59,110,245),.1);color:var(--primary-accent-dark,#2554d6)!important;border-radius:999px;font-size:.86em;font-weight:600;text-decoration:none!important}.forum-md-modlink i,.forum-md-modlink svg{width:13px;height:13px}.forum-md-modlink:hover{background:rgba(var(--primary-accent-rgb,59,110,245),.18)}.forum-post-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.forum-subscribe-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color,#e2e8f0);border-radius:999px;background:0 0;color:var(--text-secondary,#64748b);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.forum-subscribe-btn:hover{border-color:var(--primary-accent,#3b6ef5);color:var(--primary-accent,#3b6ef5)}.forum-subscribe-btn i,.forum-subscribe-btn svg{width:15px;height:15px}.forum-subscribe-btn.subscribed{background:rgba(var(--primary-accent-rgb,59,110,245),.12);border-color:var(--primary-accent,#3b6ef5);color:var(--primary-accent,#3b6ef5)}.forum-subscribe-btn.subscribed i{color:var(--primary-accent,#3b6ef5)}@media (max-width:600px){.forum-post-header-right{justify-content:flex-start}}@media (max-width:480px){.forum-layout{padding:0 0 60px}.forum-sidebar{display:none}.forum-main{min-width:0}.forum-toolbar{gap:8px}.forum-search{font-size:.85rem;padding:8px 12px}.forum-topic-title{font-size:.9rem}.forum-topic-meta{font-size:.75rem;flex-wrap:wrap;gap:6px}.forum-topic-avatar{width:34px;height:34px}.forum-post-card{padding:14px}.forum-post-title{font-size:1.05rem}.forum-post-content{font-size:.88rem}.forum-reply-card{padding:12px}.forum-reply-textarea{font-size:.88rem}.forum-reply-submit{width:100%;justify-content:center}.forum-compose-header{padding:16px 14px}.forum-compose-form{padding:16px 12px}}@media (max-width:375px){.forum-topic-card{padding:10px 12px}.forum-post-card{padding:12px}.forum-tag{font-size:.7rem;padding:3px 8px}.forum-action-btn{font-size:.75rem;padding:5px 8px}.forum-post-footer{flex-wrap:wrap;gap:6px}}
.public-profile-container.loading-state{align-items:center;justify-content:center;background:var(--bg-card)}.pp-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-muted)}.pp-spinner{width:40px;height:40px;border:4px solid rgba(var(--primary-accent-rgb),.2);border-top-color:var(--primary-accent);border-radius:50%;animation:spin 1s linear infinite}
.help-page{max-width:var(--container-wide);margin:0 auto;padding:0 30px 60px}.help-header{background:linear-gradient(135deg,var(--primary-accent) 0,var(--primary-accent) 100%);border-radius:24px;padding:50px 40px;margin-bottom:30px;position:relative;overflow:hidden}.help-header::before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:rgba(255,255,255,.1);border-radius:50%}.help-header::after{content:"";position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;background:rgba(255,255,255,.05);border-radius:50%}.help-header-content{position:relative;z-index:1}.help-header-text{text-align:center;color:#fff;margin-bottom:30px}.help-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);padding:8px 16px;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:20px;backdrop-filter:blur(10px)}.help-badge i{width:16px;height:16px}.help-header h1{font-size:2.2rem;font-weight:700;margin:0 0 12px}.help-header p{font-size:1.1rem;opacity:.9;margin:0}.help-search-box{max-width:500px;margin:0 auto;position:relative}.help-search-box .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b;width:20px;height:20px;z-index:10;pointer-events:none}.help-search-box input{width:100%;padding:16px 20px 16px 48px;border:none;border-radius:16px;font-size:1rem;background:#fff;color:#1e293b;box-shadow:0 10px 40px rgba(0,0,0,.15);transition:transform .2s,box-shadow .2s}.help-search-box input:focus{outline:0;transform:scale(1.02);box-shadow:0 15px 50px rgba(0,0,0,.2)}.help-search-box input::placeholder{color:#94a3b8}.help-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}.action-card{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;transition:all .3s}.action-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.1)}.action-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;position:relative}.action-icon i{width:26px;height:26px}.action-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-sidebar)}.action-discord .action-icon{background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff}.action-ticket .action-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-history .action-icon{background:linear-gradient(135deg,var(--primary-accent),#2554d6);color:#fff}.action-bug .action-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.action-info h3{margin:0;font-size:.95rem;font-weight:600;color:var(--text-headings)}.action-info p{margin:0;font-size:.8rem;color:var(--text-muted)}.action-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s;background:var(--bg-element);color:var(--text-headings);margin-top:auto}.action-btn i{width:14px;height:14px}.action-btn:hover{background:var(--primary-accent);color:#fff}.help-main-grid{display:grid;grid-template-columns:1fr 320px;gap:30px;align-items:start}.help-faq-section{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:20px;padding:28px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.section-title{display:flex;align-items:center;gap:12px}.section-title i{width:24px;height:24px;color:var(--primary-accent)}.section-title h2{margin:0;font-size:1.25rem;font-weight:700}.faq-tabs{display:flex;gap:8px;background:var(--bg-element);padding:5px;border-radius:12px}.faq-tab{padding:8px 16px;border:none;background:0 0;color:var(--text-secondary);font-size:.85rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.faq-tab:hover{color:var(--text-headings)}.faq-tab.active{background:var(--bg-sidebar);color:var(--primary-accent);box-shadow:0 2px 8px rgba(0,0,0,.08)}.faq-container{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--primary-accent) var(--bg-element)}.faq-container::-webkit-scrollbar{width:6px}.faq-container::-webkit-scrollbar-track{background:var(--bg-element);border-radius:10px}.faq-container::-webkit-scrollbar-thumb{background:var(--primary-accent);border-radius:10px}.faq-container::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.faq-item{border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s ease;background:var(--bg-sidebar);flex-shrink:0}.faq-item:hover{border-color:var(--primary-light)}.faq-item.open{border-color:var(--primary-accent);box-shadow:0 4px 16px rgba(59,110,245,.1)}.faq-trigger{width:100%;display:flex;align-items:center;gap:12px;padding:16px;border:none;background:0 0;text-align:left;cursor:pointer;color:var(--text-headings);font-size:.9rem;font-weight:600;transition:background .2s;font-family:inherit}.faq-trigger:hover{background:var(--bg-element)}.faq-icon{width:36px;height:36px;min-width:36px;border-radius:10px;background:var(--primary-light);display:flex;align-items:center;justify-content:center}.faq-icon i{width:16px;height:16px;color:var(--primary-accent)}.faq-text{flex:1;line-height:1.4}.faq-chevron{width:26px;height:26px;min-width:26px;border-radius:50%;background:var(--bg-element);display:flex;align-items:center;justify-content:center;transition:all .2s}.faq-chevron i{width:14px;height:14px;color:var(--text-muted);transition:transform .2s}.faq-item.open .faq-chevron{background:var(--primary-accent)}.faq-item.open .faq-chevron i{color:#fff;transform:rotate(180deg)}.faq-content{max-height:0;overflow:hidden;transition:max-height .25s ease-out,padding .25s ease-out;background:var(--bg-element)}.faq-item.open .faq-content{max-height:300px;padding:16px;padding-top:0}.faq-content p{margin:0;padding:16px;padding-top:0;color:var(--text-secondary);line-height:1.6;font-size:.85rem}.faq-content strong{color:var(--text-headings)}.faq-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center;color:var(--text-muted)}.faq-no-results i{width:48px;height:48px;margin-bottom:16px;opacity:.5}.faq-no-results p{margin:0 0 16px}.btn-reset-search{padding:10px 20px;border:none;background:var(--primary-accent);color:#fff;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-reset-search:hover{background:var(--primary-hover)}.help-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-card{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:16px;padding:24px}.sidebar-card h3{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:1rem;font-weight:700}.sidebar-card h3 i{width:20px;height:20px;color:var(--primary-accent)}.sidebar-card p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.contact-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.stat{background:var(--bg-element);border-radius:12px;padding:12px 8px;text-align:center;overflow:hidden}.stat-value{display:block;font-size:1.2rem;font-weight:700;color:var(--primary-accent);white-space:nowrap}.stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;line-height:1.3;margin-top:4px}.quick-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.quick-links li a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;text-decoration:none;color:var(--text-secondary);font-size:.9rem;transition:all .2s;background:var(--bg-element)}.quick-links li a:hover{background:var(--primary-light);color:var(--primary-accent)}.quick-links li a i{width:18px;height:18px}.status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.status-header h3{margin:0}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:50px;font-size:.75rem;font-weight:600}.status-badge.online{background:rgba(16,185,129,.15);color:#059669}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.5}}.status-text{font-size:.85rem}.help-admin-section{background:linear-gradient(135deg,rgba(59,110,245,.05) 0,rgba(59,110,245,.05) 100%);border:1px solid rgba(59,110,245,.2);border-radius:20px;padding:0;margin-top:30px;overflow:hidden}.admin-header{background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%);padding:24px 28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.admin-title{display:flex;align-items:center;gap:16px}.admin-icon{width:52px;height:52px;background:rgba(255,255,255,.2);border-radius:14px;display:flex;align-items:center;justify-content:center}.admin-icon i{width:26px;height:26px;color:#fff}.admin-title h2{color:#fff;font-size:1.4rem;font-weight:700;margin:0}.admin-title p{color:rgba(255,255,255,.8);font-size:.9rem;margin:4px 0 0}.admin-stats{display:flex;gap:24px}.admin-stat{text-align:center;background:rgba(255,255,255,.15);padding:12px 20px;border-radius:12px;min-width:90px}.admin-stat .stat-number{display:block;font-size:1.6rem;font-weight:800;color:#fff}.admin-stat .stat-label{font-size:.75rem;color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.5px}.admin-filters{display:flex;gap:10px;padding:20px 28px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.admin-filter-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.admin-filter-btn i{width:16px;height:16px}.admin-filter-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.admin-filter-btn.active{background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%);border-color:transparent;color:#fff}.admin-ticket-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;padding:24px 28px}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:50px;color:var(--text-muted);grid-column:1/-1}.admin-loading i{width:32px;height:32px;color:var(--primary-accent)}.admin-ticket-grid .admin-ticket-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:22px;transition:all .25s ease;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.admin-ticket-grid .admin-ticket-card:hover{border-color:var(--primary-accent);box-shadow:0 12px 32px rgba(59,110,245,.18);transform:translateY(-4px)}.admin-ticket-header{display:flex;justify-content:space-between;align-items:flex-start}.admin-ticket-user{display:flex;align-items:center;gap:12px}.admin-ticket-avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary-accent),#2554d6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0}.admin-ticket-user-info h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0}.admin-ticket-user-info span{font-size:.8rem;color:var(--text-muted)}.admin-ticket-status{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.admin-ticket-status.pending{background:rgba(245,158,11,.15);color:#f59e0b}.admin-ticket-status.resolved{background:rgba(16,185,129,.15);color:#10b981}.admin-ticket-subject{font-weight:700;color:var(--text-headings);font-size:1.05rem;line-height:1.3}.admin-ticket-message{color:var(--text-secondary);font-size:.9rem;line-height:1.6;background:var(--bg-element);padding:14px 16px;border-radius:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.admin-ticket-actions{display:flex;gap:12px;margin-top:auto}.admin-ticket-btn{flex:1;padding:12px 16px;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px;border:none}.admin-ticket-btn i{width:16px;height:16px}.admin-ticket-btn.resolve{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff}.admin-ticket-btn.resolve:hover{transform:scale(1.02);box-shadow:0 4px 15px rgba(16,185,129,.4)}.admin-ticket-btn.delete{background:rgba(239,68,68,.1);color:#ef4444}.admin-ticket-btn.delete:hover{background:#ef4444;color:#fff}.admin-empty{grid-column:1/-1;text-align:center;padding:50px 20px;color:var(--text-muted)}.admin-empty i{width:48px;height:48px;margin-bottom:16px;opacity:.5}.admin-empty p{font-size:1rem}.ticket-filters{display:flex;gap:8px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.ticket-filters .filter-btn{padding:6px 14px;border:1px solid var(--border-color);background:0 0;border-radius:50px;font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.ticket-filters .filter-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.ticket-filters .filter-btn.active{background:var(--primary-accent);border-color:var(--primary-accent);color:#fff}.modal-header-tickets{background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%)!important;color:#fff;border-bottom:none!important;padding:25px 30px!important}.modal-header-tickets .header-subtitle{opacity:.9;font-size:.9rem;font-weight:400}.modal-large{max-width:750px}.tickets-modal-body{padding:20px 24px;min-height:300px;max-height:60vh;overflow-y:auto}.tickets-modal-body .ticket-filters{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.refresh-btn-modal{margin-left:auto}.refresh-btn-modal.spinning i,.spinning i{animation:spin .8s linear infinite}.ticket-list-container .ticket-item,.tickets-modal-body .ticket-item{background:var(--bg-element);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;transition:all .2s}.ticket-item:hover{border-color:var(--primary-accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.ticket-main{flex:1;min-width:0}.ticket-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.ticket-subject{font-weight:600;color:var(--text-headings);font-size:1rem}.ticket-category-pill{background:var(--primary-light);color:var(--primary-accent);padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.ticket-preview{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-meta{display:flex;gap:15px;font-size:.8rem;color:var(--text-muted)}.ticket-meta span{display:inline-flex;align-items:center;gap:5px}.ticket-status{flex-shrink:0}.ticket-status .badge{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.ticket-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--text-muted);gap:10px}.ticket-loading i.spin{animation:spin 1s linear infinite}.ticket-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.ticket-empty-state .empty-icon{width:80px;height:80px;border-radius:50%;background:var(--bg-element);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.ticket-empty-state .empty-icon i{width:36px;height:36px;color:var(--text-muted)}.ticket-empty-state h4{margin:0 0 8px 0;color:var(--text-headings);font-size:1.1rem}.ticket-empty-state p{margin:0 0 20px 0;color:var(--text-secondary);font-size:.95rem}.ticket-error{text-align:center;padding:40px 20px;color:var(--text-secondary)}.ticket-error i{width:40px;height:40px;color:#ef4444;margin-bottom:15px}.ticket-error small{display:block;margin-top:10px;color:var(--text-muted);font-size:.8rem}@media (max-width:1024px){.help-main-grid{grid-template-columns:1fr}.help-sidebar{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width:768px){.help-page{max-width:100%;padding:0 20px 40px}.help-actions{grid-template-columns:1fr;gap:12px}.action-card{flex-direction:row;padding:16px;gap:14px;text-align:left}.action-icon{width:48px;height:48px}.action-icon i{width:22px;height:22px}.action-info{flex:1}.action-info h3{font-size:.95rem}.action-info p{font-size:.8rem}.action-btn{padding:10px 16px;font-size:.8rem;margin-top:0}.help-header{padding:28px 20px;border-radius:16px;margin-bottom:20px}.help-header h1{font-size:1.35rem}.help-header p{font-size:.9rem}.help-header-text{margin-bottom:20px}.help-badge{padding:6px 12px;font-size:.75rem;margin-bottom:14px}.help-search-box{max-width:100%}.help-search-box input{padding:14px 16px 14px 44px;font-size:.9rem;border-radius:12px}.help-sidebar{grid-template-columns:1fr}.sidebar-card{padding:20px}.faq-tabs{display:none}.help-faq-section{padding:20px}.admin-header{flex-direction:column;text-align:center}.admin-stats{width:100%;justify-content:center}.admin-ticket-grid{grid-template-columns:1fr;padding:16px}}.ticket-item{cursor:pointer;position:relative;transition:all .2s}.ticket-item:hover{transform:translateX(4px)}.ticket-item.has-reply{border-left:3px solid var(--primary-accent);background:linear-gradient(90deg,rgba(59,110,245,.08) 0,transparent 50%)}.ticket-reply-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,var(--primary-accent),var(--primary-accent));color:#fff;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:20px;animation:pulse 2s infinite}.user-ticket-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.user-ticket-container{background:var(--bg-sidebar);border-radius:20px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.3);animation:slideUp .3s ease-out}.user-ticket-header{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--bg-element);border-bottom:1px solid var(--border-color)}.user-ticket-info{flex:1}.user-ticket-category{display:inline-block;font-size:.75rem;font-weight:600;color:var(--primary-accent);text-transform:uppercase;margin-bottom:4px}.user-ticket-info h3{margin:0;font-size:1.1rem;color:var(--text-headings)}.user-ticket-status{padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.user-ticket-status.pending{background:rgba(245,158,11,.15);color:#f59e0b}.user-ticket-status.resolved{background:rgba(16,185,129,.15);color:#10b981}.user-ticket-close{background:var(--bg-card);border:1px solid var(--border-color);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.user-ticket-close:hover{background:#ef4444;border-color:#ef4444;color:#fff}.user-ticket-close i{width:18px;height:18px}.user-ticket-messages{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px;max-height:350px}.user-chat-message{max-width:85%}.user-chat-message.me{align-self:flex-end}.user-chat-message.support{align-self:flex-start}.user-chat-content{padding:14px 18px;border-radius:18px}.user-chat-message.me .user-chat-content{background:linear-gradient(135deg,var(--primary-accent),var(--primary-accent));color:#fff;border-bottom-right-radius:4px}.user-chat-message.support .user-chat-content{background:var(--bg-element);border:1px solid var(--border-color);border-bottom-left-radius:4px}.user-chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:12px}.user-chat-header span:first-child{font-weight:600;font-size:.85rem}.user-chat-message.me .user-chat-header span:first-child{color:#fff}.user-chat-message.support .user-chat-header span:first-child{color:var(--text-headings)}.user-chat-time{font-size:.75rem;opacity:.7}.user-chat-content p{margin:0;font-size:.9rem;line-height:1.5}.user-chat-message.me .user-chat-content p{color:rgba(255,255,255,.95)}.user-chat-message.support .user-chat-content p{color:var(--text-secondary)}.user-ticket-input{padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-element);display:flex;flex-direction:column;gap:12px}.user-ticket-input textarea{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-sidebar);color:var(--text-headings);font-size:.9rem;resize:none;font-family:inherit;transition:all .2s}.user-ticket-input textarea:focus{outline:0;border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(59,110,245,.15)}.user-ticket-send{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--primary-accent),var(--primary-accent));color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;align-self:flex-end}.user-ticket-send:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,110,245,.4)}.user-ticket-send i{width:18px;height:18px}.user-ticket-resolved{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:rgba(16,185,129,.1);border-top:1px solid var(--border-color);text-align:center}.user-ticket-resolved i{width:32px;height:32px;color:#10b981}.user-ticket-resolved p{margin:0;font-size:.9rem;color:var(--text-secondary)}
.admin-page{max-width:1600px;margin:0 auto;padding:0 30px 80px;animation:fadeInUp .5s ease-out}.admin-header{background:linear-gradient(135deg,#dc2626 0,#991b1b 50%,#7f1d1d 100%);border-radius:var(--radius-2xl);padding:55px 45px;margin-bottom:35px;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px rgba(220,38,38,.4)}.admin-header::before{content:"";position:absolute;top:-60%;right:-25%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.15) 0,transparent 70%);border-radius:50%}.admin-header::after{content:"🛡️";position:absolute;bottom:20px;right:30px;font-size:6rem;opacity:.15}.admin-header-content{position:relative;z-index:1}.admin-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);color:#fff;padding:10px 20px;border-radius:var(--radius-pill);font-size:var(--font-base);font-weight:700;margin-bottom:18px;border:1px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.5px}.admin-badge i{width:18px;height:18px}.admin-header h1{font-size:2.8rem;font-weight:900;color:#fff;margin:0 0 12px;text-shadow:0 2px 10px rgba(0,0,0,.15)}.admin-header p{color:rgba(255,255,255,.9);font-size:1.15rem;margin:0;font-weight:500}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:35px}.admin-stat-card{background:var(--bg-card);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;border:1px solid var(--border-color);transition:all .3s ease}.admin-stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.1)}.admin-stat-card.loading{opacity:.5}.admin-stat-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-accent),var(--primary-accent-dark))}.admin-stat-icon.users{background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%)}.admin-stat-icon.online{background:linear-gradient(135deg,#34d399 0,#10b981 100%)}.admin-stat-icon.gems{background:linear-gradient(135deg,#fb923c 0,#f97316 100%)}.admin-stat-icon.points{background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%)}.admin-stat-icon.modules{background:linear-gradient(135deg,#22c55e 0,#10b981 100%)}.admin-stat-icon.tickets{background:linear-gradient(135deg,#f472b6 0,#ec4899 100%)}.admin-stat-icon i{width:auto;height:auto;font-size:var(--font-2xl);color:#fff}.admin-stat-content{display:flex;flex-direction:column;gap:4px}.admin-stat-value{font-size:var(--font-3xl);font-weight:800;color:var(--text-primary);line-height:1}.admin-stat-label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500}.admin-tabs{display:flex;gap:8px;margin-bottom:25px;background:var(--bg-card);padding:8px;border-radius:var(--radius-lg);width:fit-content;border:1px solid var(--border-color)}.admin-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);font-size:var(--font-base);font-weight:600;color:var(--text-secondary);background:0 0;border:none;cursor:pointer;transition:all .2s ease}.admin-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-tab.active{background:var(--primary-accent);color:#fff}.admin-tab i{width:18px;height:18px}.admin-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.admin-search{flex:1;min-width:250px;position:relative}.admin-search i,.admin-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none;z-index:10}.admin-search input{width:100%;padding:12px 16px 12px 44px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);font-size:var(--font-base);color:var(--text-primary);transition:all .2s ease}.admin-search input:focus{outline:0;border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(37,84,214,.1)}.admin-filters{display:flex;gap:10px}.admin-filters select{padding:12px 16px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.admin-filters select:focus{outline:0;border-color:var(--primary-accent)}.admin-refresh-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;background:var(--primary-accent);color:#fff;font-size:var(--font-base);font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.admin-refresh-btn:hover{background:var(--primary-accent-dark);transform:translateY(-2px)}.admin-refresh-btn.spinning i{animation:spin 1s linear infinite}.admin-refresh-btn i{width:18px;height:18px}.admin-table-container{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table th{padding:16px 20px;text-align:left;font-size:var(--font-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-element);border-bottom:1px solid var(--border-color)}.admin-table td{padding:16px 20px;border-bottom:1px solid var(--border-color);font-size:var(--font-base)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background:var(--bg-hover)}.admin-user-row{cursor:pointer;transition:background .2s ease}.admin-user-cell{min-width:220px}.admin-user-info{display:flex;align-items:center;gap:12px}.admin-user-avatar{position:relative;width:44px;height:44px}.admin-user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.admin-status-dot{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;border:3px solid var(--bg-card)}.admin-status-dot.online{background:#22c55e}.admin-status-dot.offline{background:#6b7280}.admin-user-details{display:flex;flex-direction:column;gap:2px}.admin-user-name{font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.admin-role-pill{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;border-radius:var(--radius-full);font-size:.58rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase;border:1px solid transparent;line-height:1.3;vertical-align:middle}.admin-role-pill.role-user{display:none}.admin-role-pill.role-admin{color:#92400e;background:rgba(245,158,11,.16);border-color:rgba(245,158,11,.3)}.admin-role-pill.role-moderator{color:#166534;background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.3)}.admin-role-pill.role-beta_testeur{color:#4c1d95;background:rgba(139,92,246,.16);border-color:rgba(139,92,246,.3)}.admin-role-pill.role-creator{color:#075985;background:rgba(14,165,233,.16);border-color:rgba(14,165,233,.3)}.admin-user-id{font-size:var(--font-xs);color:var(--text-muted);font-family:var(--font-code)}.admin-status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-xl);font-size:var(--font-xs);font-weight:600}.admin-status-badge.online{background:rgba(34,197,94,.1);color:#22c55e}.admin-status-badge.offline{background:var(--bg-element);color:var(--text-muted)}.admin-points{font-weight:700;color:var(--primary-accent)}.admin-gems{display:flex;align-items:center;gap:6px;font-weight:700;color:#f59e0b}.admin-gems i{font-size:var(--font-xs)}.admin-streak{font-weight:600}.admin-modules{color:var(--text-secondary)}.admin-date{color:var(--text-muted);font-size:var(--font-sm)}.admin-actions{display:flex;gap:8px}.admin-action-btn{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-element);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.admin-action-btn:hover{background:var(--primary-accent);border-color:var(--primary-accent);color:#fff}.admin-action-btn i{width:16px;height:16px}.admin-empty,.admin-error,.admin-loading{text-align:center;padding:40px;color:var(--text-muted)}.admin-loading i{width:24px;height:24px;margin-right:10px}.admin-loading-full{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-secondary)}.admin-loading-full i{width:24px;height:24px;margin-right:10px}.admin-error{color:#dc2626}.admin-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.admin-modal.open{opacity:1;visibility:visible}.admin-modal-content{background:var(--bg-card);border-radius:var(--radius-xl);width:90%;max-width:700px;max-height:85vh;overflow:hidden;transform:translateY(20px);transition:transform .3s ease}.admin-modal.open .admin-modal-content{transform:translateY(0)}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--border-color)}.admin-modal-header h2{font-size:1.25rem;font-weight:700;color:var(--text-headings);letter-spacing:-.01em;margin:0}.admin-modal-close{width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-body);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.admin-modal-close:hover{background:var(--bg-element);color:var(--text-primary);border-color:var(--text-muted)}.admin-modal-close i{width:20px;height:20px}.admin-modal-body{padding:28px;overflow-y:auto;max-height:calc(85vh - 80px)}.admin-modal-loading{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-secondary)}.admin-user-detail{display:flex;flex-direction:column;gap:20px}.admin-detail-header{display:flex;align-items:center;gap:16px}.admin-detail-avatar{position:relative;width:68px;height:68px;flex-shrink:0}.admin-detail-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.admin-detail-avatar .admin-status-dot{width:15px;height:15px;border-width:3px;bottom:1px;right:1px}.admin-detail-info{min-width:0}.admin-detail-info h3{font-size:1.3rem;font-weight:700;color:var(--text-headings);margin:0 0 5px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;letter-spacing:-.01em}.admin-badge-small{font-size:.62rem;padding:3px 9px;background:var(--color-error);color:#fff;border-radius:var(--radius-pill);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.admin-detail-status{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-sm);color:var(--text-secondary);margin:0 0 6px}.admin-detail-status.online{color:var(--color-success);font-weight:600}.admin-detail-id{font-size:var(--font-2xs);color:var(--text-muted);font-family:var(--font-code);margin:0;letter-spacing:-.01em}.admin-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-detail-stat{position:relative;background:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 12px;text-align:center;transition:border-color var(--transition-fast)}.admin-detail-stat:hover{border-color:var(--text-muted)}.admin-detail-stat .stat-value{display:block;font-size:var(--font-2xl);font-weight:800;color:var(--text-headings);line-height:1.1;margin-bottom:5px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.admin-detail-stat .stat-label{font-size:var(--font-2xs);color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-detail-stat.gems .stat-value{color:var(--color-gold)}.admin-detail-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px 18px}.admin-detail-section h4{display:flex;align-items:center;gap:9px;font-size:var(--font-sm);font-weight:700;color:var(--text-headings);margin:0 0 14px}.admin-detail-section h4 i{width:16px;height:16px;color:var(--text-muted)}.admin-detail-connections{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-connection{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-sm);min-width:0}.admin-connection span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-connection.connected{color:var(--text-primary);font-weight:600;border-color:var(--text-muted)}.admin-connection i{font-size:1.15rem;flex-shrink:0}.admin-connection.connected .fa-discord{color:#5865f2}.admin-connection.connected .fa-gamepad{color:#e11d48}.admin-detail-dates{display:flex;flex-direction:column}.admin-date-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border-color)}.admin-date-item:first-child{padding-top:0}.admin-date-item:last-child{border-bottom:none;padding-bottom:0}.date-label{font-size:var(--font-sm);color:var(--text-secondary)}.date-value{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.admin-detail-inventory{display:flex;flex-wrap:wrap;gap:8px}.admin-inventory-item{display:flex;align-items:center;gap:8px;padding:7px 11px;background:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-xs)}.admin-inventory-item .item-type{color:var(--text-muted);font-size:var(--font-2xs);text-transform:uppercase;letter-spacing:.03em}.admin-inventory-item .item-name{color:var(--text-primary);font-weight:600}.admin-inventory-item .item-qty{color:var(--primary-accent);font-weight:700}.admin-detail-tickets{display:flex;flex-direction:column;gap:8px}.admin-ticket-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md)}.admin-ticket-item .ticket-status{font-size:.62rem;font-weight:700;padding:3px 9px;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.admin-ticket-item.open .ticket-status,.admin-ticket-item.pending .ticket-status{background:var(--color-warning-light);color:var(--color-warning)}.admin-ticket-item.closed .ticket-status,.admin-ticket-item.resolved .ticket-status{background:var(--color-success-light);color:var(--color-success)}.admin-ticket-item .ticket-subject{flex:1;font-size:var(--font-sm);color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-ticket-item .ticket-date{font-size:var(--font-xs);color:var(--text-muted);flex-shrink:0}.admin-empty-text{color:var(--text-muted);font-size:var(--font-sm);margin:0;text-align:center;padding:14px}.admin-detail-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-detail-actions .admin-btn{flex:1 1 auto}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.admin-btn:hover{transform:translateY(-1px)}.admin-btn:active{transform:translateY(0)}.admin-btn:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(var(--primary-accent-rgb),.35)}.admin-btn i{width:17px;height:17px}.admin-btn.primary{background:var(--primary-accent);color:var(--text-on-accent);box-shadow:0 1px 2px rgba(var(--primary-accent-rgb),.3)}.admin-btn.primary:hover{background:var(--primary-accent-dark);box-shadow:0 4px 12px rgba(var(--primary-accent-rgb),.35)}.admin-btn.secondary{background:var(--bg-body);color:var(--text-primary);border-color:var(--border-color)}.admin-btn.secondary:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.admin-btn.secondary .fa-gem,.admin-btn.secondary .fa-star{color:var(--color-gold)}.admin-btn.danger{background:var(--color-error);color:#fff}.admin-btn.danger:hover{background:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.35)}.admin-btn.warning{background:var(--color-warning);color:#fff}.admin-btn.warning:hover{background:#d97706;box-shadow:0 4px 12px rgba(245,158,11,.35)}.admin-btn.success{background:var(--color-success);color:#fff}.admin-btn.success:hover{background:#0d9f6e;box-shadow:0 4px 12px rgba(16,185,129,.35)}.admin-btn.premium{background:var(--color-gold);color:#422006;box-shadow:0 1px 2px rgba(234,179,8,.35)}.admin-btn.premium:hover{background:#ca9a04;box-shadow:0 4px 12px rgba(234,179,8,.4)}.admin-msg-composer{width:min(440px,92vw)}.admin-msg-body{display:flex;flex-direction:column;gap:5px;padding:2px}.admin-msg-label{font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);margin-top:8px}.admin-msg-input,.admin-msg-textarea{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-body);color:var(--text-primary);font-size:var(--font-sm);padding:10px 12px;font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.admin-msg-input::placeholder,.admin-msg-textarea::placeholder{color:var(--text-muted)}.admin-msg-textarea{resize:vertical;min-height:96px;line-height:1.55}.admin-msg-input:focus,.admin-msg-textarea:focus{outline:0;border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(var(--primary-accent-rgb),.15)}.admin-msg-send{margin-top:14px;width:100%}.admin-detail-section.moderation-section{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.035)}.admin-detail-section.moderation-section h4{color:var(--color-error)}.admin-detail-section.moderation-section h4 i{color:var(--color-error)}.user-banned-alert{display:flex;align-items:center;gap:16px;padding:16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:12px}.user-banned-alert>i{width:40px;height:40px;color:#ef4444;flex-shrink:0}.banned-alert-content{flex:1;display:flex;flex-direction:column;gap:4px}.banned-alert-title{font-weight:700;color:#ef4444}.banned-alert-reason{font-size:var(--font-base);color:var(--text-secondary)}.banned-alert-expires{font-size:var(--font-xs);color:var(--text-muted)}.banned-alert-expires.permanent{color:#ef4444;font-weight:600}.admin-moderation-actions{display:flex;gap:12px}.admin-moderation-actions .admin-btn{flex:1;justify-content:center}.admin-activity-section{padding:20px 0}.admin-activity-header{display:flex;gap:20px;margin-bottom:30px}.admin-activity-stat{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px 32px;text-align:center}.admin-activity-stat .stat-value{display:block;font-size:2rem;font-weight:800;color:var(--primary-accent);margin-bottom:4px}.admin-activity-stat .stat-label{font-size:var(--font-sm);color:var(--text-secondary)}.admin-activity-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.admin-activity-column{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px}.admin-activity-column h4{display:flex;align-items:center;gap:10px;font-size:var(--font-md);font-weight:700;color:var(--text-primary);margin:0 0 20px}.admin-activity-column h4 i{width:20px;height:20px;color:var(--text-muted)}.admin-activity-list{display:flex;flex-direction:column;gap:12px}.admin-activity-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-element);border-radius:var(--radius-md)}.admin-activity-item .activity-module,.admin-activity-item .activity-user{font-weight:600;color:var(--text-primary)}.admin-activity-item .activity-time{font-size:var(--font-xs);color:var(--text-muted)}.admin-activity-item .activity-status{font-size:var(--font-xs);font-weight:600;padding:4px 10px;border-radius:6px;background:var(--bg-card);color:var(--text-secondary)}.admin-activity-item .activity-status.completed{background:rgba(34,197,94,.1);color:#22c55e}.admin-economy-section{padding:20px 0}.admin-economy-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:30px}.admin-economy-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:28px;display:flex;gap:24px}.economy-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.economy-icon.gems{background:linear-gradient(135deg,#f59e0b,#d97706)}.economy-icon.points{background:linear-gradient(135deg,#eab308,#ca8a04)}.economy-icon i{width:32px;height:32px;color:#fff}.economy-content{flex:1}.economy-content h4{font-size:var(--font-lg);font-weight:700;color:var(--text-primary);margin:0 0 16px}.economy-values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.economy-value{text-align:center}.economy-value .value{display:block;font-size:1.3rem;font-weight:800;color:var(--text-primary);margin-bottom:4px}.economy-value .label{font-size:var(--font-2xs);color:var(--text-muted);text-transform:uppercase}.admin-economy-distribution{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:28px}.admin-economy-distribution h4{display:flex;align-items:center;gap:10px;font-size:var(--font-md);font-weight:700;color:var(--text-primary);margin:0 0 24px}.admin-economy-distribution h4 i{width:20px;height:20px;color:var(--text-muted)}.distribution-bars{display:flex;justify-content:space-around;align-items:flex-end;height:200px;padding:0 20px}.distribution-bar{display:flex;flex-direction:column;align-items:center;gap:8px;width:80px}.distribution-bar .bar-fill{width:50px;background:linear-gradient(to top,var(--primary-accent),#60a5fa);border-radius:8px 8px 0 0;min-height:10px;transition:height .5s ease}.distribution-bar .bar-label{font-size:var(--font-xs);font-weight:600;color:var(--text-secondary)}.distribution-bar .bar-count{font-size:var(--font-xs);color:var(--text-muted)}.spin{animation:spin 1s linear infinite}.admin-tickets-section{display:flex;flex-direction:column;gap:24px}.admin-tickets-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding:20px;background:var(--bg-sidebar);border-radius:16px;border:1px solid var(--border-color)}.tickets-stats{display:flex;gap:24px}.ticket-stat{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-element);border-radius:12px}.ticket-stat i{width:20px;height:20px}.ticket-stat.pending i{color:#f59e0b}.ticket-stat.resolved i{color:#10b981}.ticket-stat.total i{color:var(--primary-accent)}.ticket-stat .stat-value{font-size:1.4rem;font-weight:700;color:var(--text-headings)}.ticket-stat .stat-label{font-size:var(--font-sm);color:var(--text-muted)}.tickets-filters{display:flex;gap:8px}.ticket-filter-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all .2s}.ticket-filter-btn i{width:16px;height:16px}.ticket-filter-btn:hover{background:var(--bg-card);color:var(--text-headings)}.ticket-filter-btn.active{background:var(--primary-accent);border-color:var(--primary-accent);color:#fff}.admin-tickets-list{display:flex;flex-direction:column;gap:16px}.tickets-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--bg-sidebar);border-radius:16px;border:1px solid var(--border-color);color:var(--text-muted)}.tickets-empty i{width:48px;height:48px;margin-bottom:16px;opacity:.5}.tickets-empty p{font-size:var(--font-md);margin:0}.admin-ticket-card{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s;cursor:pointer;position:relative}.admin-ticket-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.1);transform:translateY(-2px)}.admin-ticket-card.pending{border-left:4px solid #f59e0b}.admin-ticket-card.resolved{border-left:4px solid #10b981;opacity:.8}.ticket-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 0;flex-wrap:wrap;gap:16px}.ticket-user{display:flex;align-items:center;gap:12px}.ticket-avatar{width:44px;height:44px;border-radius:12px;object-fit:cover}.ticket-avatar-placeholder{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--primary-accent),var(--primary-accent));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.ticket-user-info{display:flex;flex-direction:column;gap:2px}.ticket-username{font-weight:600;color:var(--text-headings)}.ticket-email{font-size:var(--font-xs);color:var(--text-muted)}.ticket-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ticket-category,.ticket-time{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-secondary);padding:4px 10px;background:var(--bg-element);border-radius:6px}.ticket-category i,.ticket-time i{width:14px;height:14px}.ticket-status{font-size:var(--font-xs);font-weight:600;padding:4px 10px;border-radius:6px}.ticket-status.pending{background:rgba(245,158,11,.15);color:#f59e0b}.ticket-status.resolved{background:rgba(16,185,129,.15);color:#10b981}.ticket-card-body{padding:16px 20px}.ticket-subject{margin:0 0 8px;font-size:var(--font-md);font-weight:600;color:var(--text-headings)}.ticket-message{margin:0;font-size:var(--font-base);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ticket-card-actions{display:flex;gap:10px;padding:16px 20px;background:var(--bg-element);border-top:1px solid var(--border-color)}.ticket-action-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:var(--radius-md);border:none;font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all .2s}.ticket-action-btn i{width:16px;height:16px}.ticket-action-btn.resolve{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.ticket-action-btn.resolve:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.4)}.ticket-action-btn.reopen{background:var(--bg-card);color:var(--text-headings);border:1px solid var(--border-color)}.ticket-action-btn.reopen:hover{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.ticket-action-btn.delete{background:0 0;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.ticket-action-btn.delete:hover{background:#ef4444;color:#fff;border-color:#ef4444}.progress-item{flex-direction:column;gap:6px}.progress-item-header{display:flex;justify-content:space-between;align-items:center;width:100%}.progress-item-details{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:4px;border-top:1px solid var(--border-color)}.activity-module{font-weight:500;color:var(--text-headings);font-size:var(--font-sm)}.admin-ticket-card.unread{border-left:4px solid var(--primary-accent);background:linear-gradient(90deg,rgba(59,110,245,.05) 0,transparent 50%)}.unread-badge{position:absolute;top:12px;right:12px;background:var(--primary-accent);color:#fff;font-size:var(--font-2xs);font-weight:700;padding:4px 8px;border-radius:6px;text-transform:uppercase}.ticket-action-btn.chat{background:linear-gradient(135deg,var(--primary-accent),var(--primary-accent));color:#fff}.ticket-action-btn.chat:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,110,245,.4)}.ticket-chat-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.ticket-chat-container{background:var(--bg-sidebar);border-radius:var(--radius-xl);width:100%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.3);animation:slideUp .3s ease-out}.ticket-chat-header{display:flex;align-items:center;gap:16px;padding:18px 22px;background:var(--primary-accent);color:#fff}.ticket-chat-user{display:flex;align-items:center;gap:12px;flex:1}.ticket-chat-avatar,.ticket-chat-avatar-placeholder{width:48px;height:48px;border-radius:12px;object-fit:cover}.ticket-chat-avatar-placeholder{background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.ticket-chat-user h3{margin:0;font-size:var(--font-lg);font-weight:600}.ticket-chat-user span{font-size:var(--font-sm);opacity:.8}.ticket-chat-status{padding:6px 12px;border-radius:var(--radius-xl);font-size:var(--font-xs);font-weight:600}.ticket-chat-status.pending{background:rgba(245,158,11,.2)}.ticket-chat-status.resolved{background:rgba(16,185,129,.2)}.ticket-chat-close{background:rgba(255,255,255,.2);border:none;width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#fff}.ticket-chat-close:hover{background:rgba(255,255,255,.3)}.ticket-chat-close i{width:20px;height:20px}.ticket-chat-subject{padding:14px 22px;border-bottom:1px solid var(--border-color);background:var(--bg-body)}.ticket-chat-subject .ticket-category{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-xs);color:var(--text-muted);margin-bottom:8px}.ticket-chat-subject .ticket-category i{width:14px;height:14px}.ticket-chat-subject h4{margin:0;font-size:var(--font-lg);color:var(--text-headings)}.ticket-chat-messages{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px;max-height:400px}.chat-message{display:flex;gap:12px;max-width:85%}.chat-message.user{align-self:flex-start}.chat-message.admin{align-self:flex-end;flex-direction:row-reverse}.chat-message-avatar{width:36px;height:36px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.chat-message-avatar img{width:100%;height:100%;object-fit:cover}.chat-message-avatar .admin-avatar,.chat-message-avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-element);color:var(--text-secondary);font-weight:600;font-size:var(--font-base)}.chat-message.admin .chat-message-avatar .admin-avatar,.chat-message.admin .chat-message-avatar span{background:var(--primary-accent);color:#fff}.chat-message-content{background:var(--bg-body);border:1px solid var(--border-color);padding:11px 15px;border-radius:16px;border-top-left-radius:4px}.chat-message.admin .chat-message-content{background:var(--primary-accent);border-color:var(--primary-accent);color:#fff;border-radius:16px;border-top-right-radius:4px}.chat-message-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}.chat-message-author{font-weight:600;font-size:var(--font-sm);color:var(--text-headings)}.chat-message.admin .chat-message-author{color:#fff}.chat-message-time{font-size:var(--font-xs);color:var(--text-muted)}.chat-message.admin .chat-message-time{color:rgba(255,255,255,.7)}.chat-message-content p{margin:0;font-size:var(--font-base);line-height:1.5;color:var(--text-primary)}.chat-message.admin .chat-message-content p{color:rgba(255,255,255,.95)}.ticket-chat-input{padding:18px 22px;border-top:1px solid var(--border-color);background:var(--bg-body)}.ticket-chat-input textarea{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-sidebar);color:var(--text-headings);font-size:var(--font-base);resize:none;font-family:inherit;transition:all .2s}.ticket-chat-input textarea:focus{outline:0;border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(59,110,245,.15)}.ticket-chat-input textarea::placeholder{color:var(--text-muted)}.ticket-chat-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.ticket-chat-actions button{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:var(--radius-md);border:none;font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all .2s}.ticket-chat-actions button i{width:16px;height:16px}.ticket-chat-actions .btn-resolve{background:var(--color-success);color:#fff}.ticket-chat-actions .btn-resolve:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.4)}.ticket-chat-actions .btn-reopen{background:var(--bg-sidebar);color:var(--text-headings);border:1px solid var(--border-color)}.ticket-chat-actions .btn-reopen:hover{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.ticket-chat-actions .btn-send{background:var(--primary-accent);color:#fff}.ticket-chat-actions .btn-send:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,110,245,.4)}@media (max-width:1024px){.admin-activity-columns,.admin-economy-stats{grid-template-columns:1fr}.admin-tickets-header{flex-direction:column;align-items:stretch}.tickets-stats{justify-content:center}.tickets-filters{justify-content:center}}@media (max-width:768px){.admin-page{padding:0 16px 60px}.admin-header{padding:35px 25px;border-radius:var(--radius-xl)}.admin-header h1{font-size:2rem}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.admin-stat-card{padding:16px}.admin-stat-icon{width:44px;height:44px}.admin-stat-value{font-size:1.4rem}.admin-tabs{width:100%;overflow-x:auto}.admin-toolbar{flex-direction:column}.admin-search{width:100%}.admin-filters{width:100%;flex-wrap:wrap}.admin-filters select{flex:1;min-width:120px}.admin-table-container{overflow-x:auto}.admin-table{min-width:800px}.admin-detail-stats{grid-template-columns:repeat(2,1fr)}.admin-detail-connections{flex-direction:column}.admin-detail-actions{flex-direction:column}.admin-btn{width:100%;justify-content:center}.economy-values{grid-template-columns:1fr;gap:12px}.moderation-stats{grid-template-columns:1fr}.quick-action-buttons{flex-direction:column}.mod-reasons-grid{grid-template-columns:1fr}.mod-duration-options{grid-template-columns:repeat(2,1fr)}}.admin-moderation-section{display:flex;flex-direction:column;gap:30px}.moderation-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mod-stat-card{background:var(--bg-card);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;border:1px solid var(--border-color);transition:all .3s ease}.mod-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.mod-stat-card i{width:48px;height:48px;padding:12px;border-radius:12px;background:rgba(239,68,68,.1);color:#ef4444}.mod-stat-card.warning i{background:rgba(245,158,11,.1);color:#f59e0b}.mod-stat-card.ban i{background:rgba(239,68,68,.1);color:#ef4444}.mod-stat-card.active-bans i{background:rgba(59,110,245,.1);color:#2554d6}.mod-stat-content{display:flex;flex-direction:column}.mod-stat-value{font-size:2rem;font-weight:800;color:var(--text-primary)}.mod-stat-label{font-size:var(--font-base);color:var(--text-secondary)}.moderation-quick-actions{background:var(--bg-card);border-radius:16px;padding:24px;border:1px solid var(--border-color)}.moderation-quick-actions h3{display:flex;align-items:center;gap:10px;font-size:var(--font-lg);font-weight:700;color:var(--text-primary);margin:0 0 20px}.moderation-quick-actions h3 i{width:20px;height:20px;color:#f59e0b}.quick-action-buttons{display:flex;gap:15px}.mod-quick-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:12px;font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.mod-quick-btn i{width:20px;height:20px}.mod-quick-btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.mod-quick-btn.warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 8px 20px rgba(245,158,11,.3)}.mod-quick-btn.ban{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.mod-quick-btn.ban:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 20px rgba(239,68,68,.3)}.moderation-banned-section{background:var(--bg-card);border-radius:16px;padding:24px;border:1px solid var(--border-color)}.moderation-banned-section h3{display:flex;align-items:center;gap:10px;font-size:var(--font-lg);font-weight:700;color:var(--text-primary);margin:0 0 20px}.moderation-banned-section h3 i{width:20px;height:20px;color:#ef4444}.banned-users-list{display:flex;flex-direction:column;gap:12px}.banned-user-card{display:flex;align-items:center;justify-content:space-between;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:16px;transition:all .3s ease}.banned-user-card:hover{background:rgba(239,68,68,.1)}.banned-user-info{display:flex;align-items:center;gap:14px}.banned-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #ef4444}.banned-user-details{display:flex;flex-direction:column;gap:4px}.banned-username{font-weight:700;color:var(--text-primary)}.banned-reason{font-size:var(--font-sm);color:#ef4444}.banned-expires{font-size:var(--font-xs);color:var(--text-secondary)}.banned-expires.permanent{color:#ef4444;font-weight:600}.mod-unban-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-sm);background:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.3);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all .3s ease}.mod-unban-btn:hover{background:#22c55e;color:#fff}.mod-unban-btn i{width:16px;height:16px}.moderation-history-section{background:var(--bg-card);border-radius:16px;padding:24px;border:1px solid var(--border-color)}.moderation-history-section h3{display:flex;align-items:center;gap:10px;font-size:var(--font-lg);font-weight:700;color:var(--text-primary);margin:0 0 20px}.moderation-history-section h3 i{width:20px;height:20px;color:var(--text-secondary)}.sanctions-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.sanction-item{display:flex;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:12px;border-left:4px solid var(--border-color);transition:all .3s ease}.sanction-item:hover{background:var(--bg-hover)}.sanction-item.warning{border-left-color:#f59e0b}.sanction-item.ban{border-left-color:#ef4444}.sanction-item.unban{border-left-color:#22c55e}.sanction-item.mute{border-left-color:#2554d6}.sanction-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sanction-item.warning .sanction-icon{background:rgba(245,158,11,.1);color:#f59e0b}.sanction-item.ban .sanction-icon{background:rgba(239,68,68,.1);color:#ef4444}.sanction-item.unban .sanction-icon{background:rgba(34,197,94,.1);color:#22c55e}.sanction-item.mute .sanction-icon{background:rgba(59,110,245,.1);color:#2554d6}.sanction-icon i{width:20px;height:20px}.sanction-content{flex:1;display:flex;flex-direction:column;gap:6px}.sanction-header{display:flex;align-items:center;gap:10px}.sanction-type-badge{font-size:var(--font-xs);font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase}.sanction-type-badge.warning{background:rgba(245,158,11,.1);color:#f59e0b}.sanction-type-badge.ban{background:rgba(239,68,68,.1);color:#ef4444}.sanction-type-badge.unban{background:rgba(34,197,94,.1);color:#22c55e}.sanction-user{font-weight:600;color:var(--text-primary)}.sanction-reason{font-size:var(--font-base);color:var(--text-secondary);margin:0}.sanction-meta{display:flex;align-items:center;gap:15px;font-size:var(--font-xs);color:var(--text-muted)}.sanction-duration{background:var(--bg-card);padding:2px 8px;border-radius:4px}.moderation-empty{text-align:center;color:var(--text-secondary);padding:30px;font-style:italic}.moderation-modal{max-width:600px}.moderation-form{display:flex;flex-direction:column;gap:24px}.mod-form-group{display:flex;flex-direction:column;gap:10px}.mod-form-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary)}.mod-form-group label i{width:18px;height:18px;color:var(--text-secondary)}.mod-user-search{position:relative}.mod-user-search input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-md);transition:all .3s ease}.mod-user-search input:focus{outline:0;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(59,110,245,.1)}.mod-user-results{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-top:8px;box-shadow:0 10px 30px rgba(0,0,0,.15);z-index:100;display:none;overflow:hidden}.mod-user-results.show{display:block}.mod-user-result{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease}.mod-user-result:hover{background:var(--bg-hover)}.mod-user-result.banned{opacity:.6}.mod-user-result img{width:36px;height:36px;border-radius:50%;object-fit:cover}.mod-user-result span{font-weight:500;color:var(--text-primary)}.mod-user-result .banned-badge{margin-left:auto;font-size:var(--font-2xs);padding:3px 8px;border-radius:4px;background:rgba(239,68,68,.1);color:#ef4444;font-weight:600}.mod-no-results{padding:16px;text-align:center;color:var(--text-secondary)}.mod-selected-user{margin-top:8px}.mod-selected-card{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(59,110,245,.1);border:1px solid rgba(59,110,245,.3);border-radius:var(--radius-md)}.mod-selected-card img{width:32px;height:32px;border-radius:50%;object-fit:cover}.mod-selected-card span{font-weight:600;color:var(--text-primary)}.mod-remove-user{width:24px;height:24px;border-radius:50%;border:none;background:rgba(239,68,68,.1);color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mod-remove-user:hover{background:#ef4444;color:#fff}.mod-remove-user i{width:14px;height:14px}.mod-reasons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mod-reason-option{cursor:pointer}.mod-reason-option input{display:none}.mod-reason-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;transition:all .3s ease}.mod-reason-option input:checked+.mod-reason-card{border-color:var(--accent-primary);background:rgba(59,110,245,.05)}.mod-reason-card:hover{border-color:var(--text-secondary)}.mod-reason-icon{font-size:1.4rem}.mod-reason-label{font-weight:500;color:var(--text-primary);font-size:var(--font-base)}.mod-form-group textarea{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-md);resize:vertical;min-height:80px;font-family:inherit;transition:all .3s ease}.mod-form-group textarea:focus{outline:0;border-color:var(--accent-primary)}.mod-duration-options{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.mod-duration-option{cursor:pointer}.mod-duration-option input{display:none}.mod-duration-card{display:flex;align-items:center;justify-content:center;padding:12px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;color:var(--text-primary);transition:all .3s ease;text-align:center}.mod-duration-option input:checked+.mod-duration-card{border-color:#ef4444;background:rgba(239,68,68,.1);color:#ef4444}.mod-duration-card:hover{border-color:var(--text-secondary)}.mod-duration-card.permanent{background:rgba(239,68,68,.05)}.mod-form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:10px;border-top:1px solid var(--border-color)}.mod-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;border-radius:12px;font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.mod-btn i{width:18px;height:18px}.mod-btn.cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.mod-btn.cancel:hover{background:var(--bg-hover)}.mod-btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.mod-btn.warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,.3)}.mod-btn.ban{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.mod-btn.ban:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px rgba(239,68,68,.3)}.admin-notifications-section{display:flex;flex-direction:column;gap:30px}.notif-create-section{background:var(--bg-card);border-radius:16px;padding:24px;border:1px solid var(--border-color)}.notif-create-section h3{display:flex;align-items:center;gap:10px;font-size:var(--font-lg);font-weight:700;color:var(--text-primary);margin:0 0 24px}.notif-create-section h3 i{width:22px;height:22px;color:var(--primary-accent)}.notif-form{display:flex;flex-direction:column;gap:20px}.notif-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.notif-form-extras{display:flex;flex-direction:column;gap:16px;padding:16px;background:rgba(255,255,255,.02);border:1px solid var(--border-color,rgba(255,255,255,.06));border-radius:12px}.notif-popup-toggle{display:flex;align-items:center;gap:14px;cursor:pointer;padding:10px 14px;border-radius:var(--radius-md);transition:background .2s}.notif-popup-toggle:hover{background:rgba(255,255,255,.03)}.notif-popup-toggle input[type=checkbox]{display:none}.notif-popup-switch{position:relative;width:44px;height:24px;background:rgba(255,255,255,.1);border-radius:12px;transition:background .3s;flex-shrink:0}.notif-popup-switch::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:#64748b;border-radius:50%;transition:all .3s}.notif-popup-toggle input:checked~.notif-popup-switch{background:rgba(239,68,68,.3)}.notif-popup-toggle input:checked~.notif-popup-switch::after{transform:translateX(20px);background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.5)}.notif-popup-label{display:flex;flex-direction:column;gap:2px}.notif-popup-label>span{font-size:var(--font-base);font-weight:600;color:var(--text-primary,#fff);display:flex;align-items:center;gap:8px}.notif-popup-label>span i,.notif-popup-label>span svg{width:16px;height:16px;color:#ef4444}.notif-popup-label small{font-size:var(--font-xs);color:var(--text-muted,#64748b);font-weight:400}.notif-banner-duration{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:rgba(239,68,68,.04);border:1px solid rgba(239,68,68,.1);border-radius:var(--radius-md)}.notif-banner-duration label:first-child{font-size:var(--font-xs);font-weight:600;color:var(--text-primary,#fff);display:flex;align-items:center;gap:6px}.notif-banner-duration label:first-child i,.notif-banner-duration label:first-child svg{width:14px;height:14px;color:#ef4444}.notif-duration-options{display:flex;gap:8px;flex-wrap:wrap}.duration-option{cursor:pointer}.duration-option input{display:none}.duration-option span{display:inline-block;padding:5px 14px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--text-secondary,#94a3b8);transition:all .2s}.duration-option input:checked+span{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.3);color:#ef4444}.notif-icon-picker-wrapper{position:relative}.notif-icon-picker-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:var(--bg-input,rgba(255,255,255,.04));border:1px solid var(--border-color,rgba(255,255,255,.06));border-radius:var(--radius-md);color:var(--text-primary,#fff);cursor:pointer;font-size:var(--font-sm);transition:all .2s}.notif-icon-picker-btn:hover{border-color:#3b6ef5}.notif-icon-picker-btn i:first-child,.notif-icon-picker-btn svg:first-child{width:18px;height:18px;color:#3b6ef5}.icon-picker-arrow{margin-left:auto}.notif-icon-picker-btn .icon-picker-arrow,.notif-icon-picker-btn .icon-picker-arrow svg{width:14px!important;height:14px!important;color:var(--text-muted)!important;transition:transform .2s}.notif-icon-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-card,#1a1d23);border:1px solid var(--border-color,rgba(255,255,255,.08));border-radius:12px;padding:10px;display:none;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:4px;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 12px 40px rgba(0,0,0,.4)}.notif-icon-dropdown.open{display:grid}.notif-icon-option{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:0 0;border:1px solid transparent;color:var(--text-secondary,#94a3b8);cursor:pointer;transition:all .15s}.notif-icon-option:hover{background:rgba(99,102,241,.1);color:#3b6ef5}.notif-icon-option.active{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.3);color:#3b6ef5}.notif-icon-option i,.notif-icon-option svg{width:16px;height:16px}.notif-form-actions{display:flex;gap:12px;justify-content:flex-end}.notif-preview-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:rgba(255,255,255,.04);border:1px solid var(--border-color,rgba(255,255,255,.08));color:var(--text-secondary,#94a3b8);border-radius:var(--radius-md);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all .2s}.notif-preview-btn:hover{background:rgba(99,102,241,.08);border-color:#3b6ef5;color:#3b6ef5}.notif-preview-btn i,.notif-preview-btn svg{width:16px;height:16px}.notif-preview-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background:rgba(255,255,255,.02);border:1px solid var(--border-color,rgba(255,255,255,.06));border-radius:12px}.notif-preview-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-preview-icon i,.notif-preview-icon svg{width:18px;height:18px}.notif-preview-content{display:flex;flex-direction:column;gap:4px}.notif-preview-content strong{font-size:var(--font-sm);color:var(--text-primary,#fff)}.notif-preview-content span{font-size:var(--font-xs);color:var(--text-secondary,#94a3b8)}.notif-preview-content small{font-size:var(--font-2xs);color:var(--text-muted,#64748b)}.notif-read-count{display:inline-flex;align-items:center;gap:4px;color:#22c55e;font-weight:500}.notif-read-count i,.notif-read-count svg{width:12px;height:12px}.poll-stats-export{margin-top:16px;display:flex;justify-content:flex-end}.poll-export-csv-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:rgba(34,197,94,.08);color:#22c55e;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:all .2s}.poll-export-csv-btn:hover{background:rgba(34,197,94,.15);border-color:#22c55e}.poll-export-csv-btn i,.poll-export-csv-btn svg{width:14px;height:14px}.notif-form-group{display:flex;flex-direction:column;gap:8px;position:relative}.notif-form-group.type-select{grid-column:1/-1}.notif-form-group label{display:flex;align-items:center;gap:6px;font-weight:600;font-size:var(--font-base);color:var(--text-primary)}.notif-form-group label i{width:16px;height:16px;color:var(--text-secondary)}.notif-form-group input[type=text],.notif-form-group select,.notif-form-group textarea{padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-base);font-family:inherit;transition:all .2s ease}.notif-form-group input:focus,.notif-form-group select:focus,.notif-form-group textarea:focus{outline:0;border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(59,110,245,.1)}.notif-form-group textarea{resize:vertical;min-height:80px}.notif-char-count{position:absolute;bottom:10px;right:12px;font-size:var(--font-xs);color:var(--text-muted)}.notif-type-options{display:flex;flex-wrap:wrap;gap:10px}.notif-type-option{cursor:pointer}.notif-type-option input{display:none}.notif-type-card{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);background:var(--bg-secondary);border:2px solid var(--border-color);transition:all .2s ease;font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.notif-type-card i{width:18px;height:18px;color:var(--type-color)}.notif-type-option input:checked+.notif-type-card{border-color:var(--type-color);background:color-mix(in srgb,var(--type-color) 10%,transparent)}.notif-type-card:hover{border-color:var(--text-secondary)}.notif-send-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;border-radius:12px;background:linear-gradient(135deg,var(--primary-accent),#2554d6);color:#fff;font-size:var(--font-md);font-weight:700;border:none;cursor:pointer;transition:all .3s ease}.notif-send-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,110,245,.35)}.notif-send-btn i{width:20px;height:20px}.notif-history-section{background:var(--bg-card);border-radius:16px;padding:24px;border:1px solid var(--border-color)}.notif-history-section h3{display:flex;align-items:center;gap:10px;font-size:var(--font-lg);font-weight:700;color:var(--text-primary);margin:0 0 20px}.notif-history-section h3 i{width:20px;height:20px;color:var(--text-secondary)}.notif-history-list{display:flex;flex-direction:column;gap:12px}.notif-history-item{display:flex;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition:all .2s ease}.notif-history-item:hover{background:var(--bg-hover)}.notif-history-item.inactive{opacity:.5}.notif-history-icon{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--type-color) 15%,transparent);color:var(--type-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-history-icon i{width:22px;height:22px}.notif-history-content{flex:1;min-width:0}.notif-history-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.notif-history-title{font-weight:700;color:var(--text-headings);font-size:var(--font-base)}.notif-history-type{font-size:var(--font-2xs);font-weight:600;padding:3px 8px;border-radius:6px;background:var(--bg-element);color:var(--text-secondary);text-transform:uppercase}.notif-history-message{font-size:var(--font-base);color:var(--text-secondary);margin:0 0 8px;line-height:1.5}.notif-history-meta{display:flex;gap:16px;font-size:var(--font-xs);color:var(--text-muted)}.notif-history-meta span{display:flex;align-items:center;gap:4px}.notif-history-meta i{width:14px;height:14px}.notif-history-actions{display:flex;flex-direction:column;gap:8px}.notif-action-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notif-action-btn i{width:16px;height:16px}.notif-action-btn.deactivate{background:rgba(245,158,11,.1);color:#f59e0b}.notif-action-btn.deactivate:hover{background:#f59e0b;color:#fff}.notif-action-btn.activate{background:rgba(34,197,94,.1);color:#22c55e}.notif-action-btn.activate:hover{background:#22c55e;color:#fff}.notif-action-btn.delete{background:rgba(239,68,68,.1);color:#ef4444}.notif-action-btn.delete:hover{background:#ef4444;color:#fff}.notif-empty{text-align:center;color:var(--text-secondary);padding:30px;font-style:italic}@media (max-width:768px){.notif-form-row{grid-template-columns:1fr}.notif-type-options{flex-direction:column}.notif-history-item{flex-direction:column}.notif-history-actions{flex-direction:row;justify-content:flex-end}.ticket-chat-modal{padding:0}.ticket-chat-container{width:100%;height:100%;max-height:100vh;max-height:100dvh;border-radius:0}.ticket-chat-header{flex-wrap:wrap;gap:10px;padding:15px}.ticket-chat-messages{padding:15px;max-height:calc(100vh - 300px);max-height:calc(100dvh - 300px)}.ticket-chat-input{padding:15px}.ticket-chat-input textarea{font-size:16px}.ticket-chat-actions{flex-direction:column}.ticket-chat-actions button{width:100%}.admin-ticket-card{padding:15px}.ticket-card-header{flex-direction:column;align-items:flex-start;gap:10px}.ticket-meta{flex-wrap:wrap}.ticket-card-actions{flex-direction:column}.ticket-action-btn{width:100%;justify-content:center}}.devtools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.devtools-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:28px;margin-bottom:0;transition:all .3s ease;position:relative;overflow:hidden}.devtools-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-accent),#2554d6);opacity:0;transition:opacity .3s ease}.devtools-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.1);border-color:var(--primary-accent)}.devtools-card:hover::before{opacity:1}.devtools-card h4{display:flex;align-items:center;gap:12px;font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}.devtools-card h4 i{width:24px;height:24px;padding:8px;background:linear-gradient(135deg,var(--primary-accent),#2554d6);color:#fff;border-radius:var(--radius-md)}.devtools-card>p{color:var(--text-secondary);font-size:var(--font-base);margin-bottom:24px;line-height:1.5}.devtools-form{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.devtools-form label{color:var(--text-secondary);font-weight:600;font-size:var(--font-base)}.devtools-form select{padding:12px 18px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-base);min-width:220px;cursor:pointer;transition:all .2s ease;font-weight:500}.devtools-form select:hover{border-color:var(--primary-accent)}.devtools-form select:focus{outline:0;border-color:var(--primary-accent);box-shadow:0 0 0 4px rgba(59,110,245,.15)}.devtools-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.devtools-row .input-select,.devtools-row select{padding:12px 18px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-base);min-width:160px;cursor:pointer;transition:all .2s ease;font-weight:500}.devtools-row .input-select:hover,.devtools-row select:hover{border-color:var(--primary-accent)}.devtools-row .input-select:focus,.devtools-row select:focus{outline:0;border-color:var(--primary-accent);box-shadow:0 0 0 4px rgba(59,110,245,.15)}.devtools-row .btn-secondary{padding:12px 24px;display:flex;align-items:center;gap:10px;font-weight:600;border-radius:12px}.devtools-card .btn-primary,.devtools-card .btn-secondary{padding:14px 28px;border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;border:none}.devtools-card .btn-primary{background:linear-gradient(135deg,var(--primary-accent) 0,#2554d6 100%);color:#fff;box-shadow:0 4px 15px rgba(59,110,245,.3)}.devtools-card .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,110,245,.4)}.devtools-card .btn-primary:active{transform:translateY(0)}.devtools-card .btn-primary i{width:18px;height:18px}.devtools-card .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.devtools-card .btn-secondary:hover{border-color:var(--primary-accent);background:var(--bg-hover);transform:translateY(-2px)}.devtools-card .btn-secondary:active{transform:translateY(0)}.devtools-card .btn-secondary i{width:18px;height:18px;color:var(--primary-accent)}.devtools-row .grade-arrow{font-size:var(--font-2xl);color:var(--primary-accent);font-weight:700}.devtools-result{margin-top:20px;padding:16px 20px;border-radius:var(--radius-lg);background:var(--bg-secondary);font-size:var(--font-base);border:1px solid var(--border-color)}.devtools-result .success{color:#10b981;font-weight:600;display:flex;align-items:center;gap:8px}.devtools-result .error{color:#ef4444;font-weight:600}.devtools-result .info{color:var(--primary-accent);font-weight:600}.devtools-result .spin{animation:spin 1s linear infinite}.devtools-debug{margin-top:20px;padding:20px;border-radius:var(--radius-lg);background:#1e1e2e;color:#cdd6f4;font-family:var(--font-code);font-size:var(--font-sm);overflow-x:auto;max-height:450px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;border:1px solid #313244;line-height:1.6}.devtools-debug::-webkit-scrollbar{width:8px;height:8px}.devtools-debug::-webkit-scrollbar-track{background:#1e1e2e;border-radius:4px}.devtools-debug::-webkit-scrollbar-thumb{background:#45475a;border-radius:4px}.devtools-debug::-webkit-scrollbar-thumb:hover{background:#585b70}@media (max-width:768px){.devtools-grid{grid-template-columns:1fr}.devtools-card{padding:20px}.devtools-form{flex-direction:column;align-items:stretch}.devtools-form select{min-width:100%}.devtools-row{flex-direction:column;align-items:stretch}.devtools-row .input-select,.devtools-row select{min-width:100%}}.poll-options-section{background:rgba(14,165,233,.04);border:1px solid rgba(14,165,233,.15);border-radius:12px;padding:20px;margin-top:4px}.poll-options-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.poll-option-row{display:flex;align-items:center;gap:10px}.poll-option-number{font-weight:700;font-size:var(--font-sm);color:var(--text-muted);min-width:22px}.poll-option-input{flex:1;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);font-size:var(--font-base);color:var(--text-primary);transition:border-color .2s}.poll-option-input:focus{outline:0;border-color:#3b6ef5;box-shadow:0 0 0 3px rgba(14,165,233,.1)}.poll-option-remove{width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:0 0;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.poll-option-remove:not(:disabled):hover{background:rgba(239,68,68,.1);color:#ef4444}.poll-option-remove:disabled{opacity:.3;cursor:not-allowed}.poll-option-remove i,.poll-option-remove svg{width:16px;height:16px}.poll-add-option-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);border:1px dashed rgba(14,165,233,.4);background:0 0;color:#3b6ef5;font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all .2s}.poll-add-option-btn:hover{background:rgba(14,165,233,.06);border-color:#3b6ef5}.poll-add-option-btn i,.poll-add-option-btn svg{width:16px;height:16px}.poll-options-hint{font-size:var(--font-xs);color:var(--text-muted);margin:8px 0 0}#changelogItemsSection{display:flex;flex-direction:column;gap:10px}.cl-admin-section-label{display:flex;align-items:center;gap:6px;font-size:var(--font-xs);font-weight:700;color:var(--text-secondary)}.cl-admin-section-label svg{width:14px;height:14px}.cl-admin-items-list{display:flex;flex-direction:column;gap:8px}.cl-admin-item-row{display:flex;align-items:center;gap:8px}.cl-admin-tag-select{flex-shrink:0;padding:7px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-element);color:var(--text-primary);font-size:var(--font-xs);cursor:pointer}.cl-admin-item-input{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-element);color:var(--text-primary);font-size:var(--font-xs)}.cl-admin-item-input:focus{outline:0;border-color:var(--primary-accent)}.cl-admin-item-remove{flex-shrink:0;width:28px;height:28px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-element);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.cl-admin-item-remove:not(:disabled):hover{border-color:#ef4444;color:#ef4444}.cl-admin-item-remove:disabled{opacity:.35;cursor:not-allowed}.cl-admin-item-remove svg{width:13px;height:13px}.cl-admin-add-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px dashed var(--border-color);border-radius:var(--radius-sm);background:0 0;color:var(--primary-accent);font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:all .15s;width:fit-content}.cl-admin-add-btn:hover{border-color:var(--primary-accent);background:rgba(59,110,245,.05)}.cl-admin-add-btn svg{width:14px;height:14px}.update-diffusion-grid{display:flex;flex-direction:column;gap:8px}.update-diffusion-opt{cursor:pointer;display:block}.update-diffusion-opt input{display:none}.update-diffusion-inner{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-element);transition:all .15s}.update-diffusion-opt input:checked+.update-diffusion-inner{border-color:var(--primary-accent);background:rgba(59,110,245,.06)}.update-diffusion-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary);transition:all .15s}.update-diffusion-opt input:checked+.update-diffusion-inner .update-diffusion-icon{background:var(--primary-accent);border-color:var(--primary-accent);color:#fff}.update-diffusion-icon svg{width:14px;height:14px}.update-diffusion-title{display:block;font-size:var(--font-xs);font-weight:700;color:var(--text-headings);margin-bottom:2px}.update-diffusion-desc{display:block;font-size:var(--font-2xs);color:var(--text-muted);line-height:1.4}.notif-poll-summary{margin-top:8px}.poll-stats-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(14,165,233,.08);color:#3b6ef5;border:1px solid rgba(14,165,233,.2);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:all .2s}.poll-stats-btn:hover{background:rgba(14,165,233,.15);border-color:#3b6ef5}.poll-stats-btn i,.poll-stats-btn svg{width:14px;height:14px}.poll-stats-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.poll-stats-modal{background:var(--bg-card,#1a1d23);border:1px solid var(--border-color,rgba(255,255,255,.06));border-radius:16px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;animation:modalSlideUp .3s ease;box-shadow:0 20px 60px rgba(0,0,0,.4)}@keyframes modalSlideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.poll-stats-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color,rgba(255,255,255,.06))}.poll-stats-modal-header h3{display:flex;align-items:center;gap:10px;font-size:var(--font-lg);color:var(--text-primary,#fff);margin:0}.poll-stats-modal-header h3 i,.poll-stats-modal-header h3 svg{width:20px;height:20px;color:#3b6ef5}.poll-stats-close{background:rgba(255,255,255,.06);border:none;color:var(--text-secondary,#94a3b8);border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.poll-stats-close:hover{background:rgba(239,68,68,.15);color:#ef4444}.poll-stats-close i,.poll-stats-close svg{width:18px;height:18px}.poll-stats-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.poll-stats-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.poll-stats-notif-title{font-size:var(--font-md);font-weight:700;color:var(--text-primary,#fff)}.poll-stats-total{display:flex;align-items:center;gap:6px;font-size:var(--font-sm);color:#3b6ef5;font-weight:600;background:rgba(14,165,233,.08);padding:4px 12px;border-radius:var(--radius-xl);white-space:nowrap}.poll-stats-total i,.poll-stats-total svg{width:14px;height:14px}.poll-stats-options{display:flex;flex-direction:column;gap:16px}.poll-stats-option{background:rgba(255,255,255,.02);border:1px solid var(--border-color,rgba(255,255,255,.06));border-radius:12px;padding:16px}.poll-stats-option-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.poll-stats-option-label{font-size:var(--font-base);font-weight:600;color:var(--text-primary,#fff)}.poll-stats-option-count{font-size:var(--font-xs);color:var(--text-secondary,#94a3b8);font-weight:500}.poll-stats-bar-track{width:100%;height:8px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden}.poll-stats-bar-fill{height:100%;background:linear-gradient(90deg,#3b6ef5,#3b6ef5);border-radius:4px;transition:width .6s ease}.poll-stats-voters{margin-top:10px}.poll-stats-toggle-voters{display:flex;align-items:center;gap:6px;background:0 0;border:none;color:var(--text-secondary,#94a3b8);font-size:var(--font-xs);cursor:pointer;padding:4px 0;transition:color .2s}.poll-stats-toggle-voters:hover{color:#3b6ef5}.poll-stats-toggle-voters i,.poll-stats-toggle-voters svg{width:14px;height:14px;transition:transform .2s}.poll-stats-toggle-voters.open i,.poll-stats-toggle-voters.open svg{transform:rotate(180deg)}.poll-stats-voter-list{display:none;flex-direction:column;gap:6px;margin-top:8px;padding-left:4px}.poll-stats-voter-list.open{display:flex}.poll-stats-voter{display:flex;align-items:center;gap:10px;padding:6px 10px;background:rgba(255,255,255,.03);border-radius:var(--radius-sm)}.poll-stats-voter-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);flex-shrink:0}.poll-stats-voter-avatar img{width:100%;height:100%;object-fit:cover}.poll-stats-voter-avatar i,.poll-stats-voter-avatar svg{width:14px;height:14px;color:var(--text-secondary,#94a3b8)}.poll-stats-voter-name{font-size:var(--font-xs);font-weight:600;color:var(--text-primary,#fff);flex:1}.poll-stats-voter-date{font-size:var(--font-2xs);color:var(--text-muted,#64748b);white-space:nowrap}.poll-stats-no-votes{font-size:var(--font-xs);color:var(--text-muted,#64748b);margin:8px 0 0;font-style:italic}.poll-stats-error{display:flex;align-items:center;gap:8px;color:#ef4444;font-size:var(--font-base)}.poll-stats-error i,.poll-stats-error svg{width:18px;height:18px}.role-picker-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);animation:fadeIn .15s ease}.role-picker{background:var(--bg-secondary,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;width:340px;max-width:90vw;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden}.role-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border,#e2e8f0)}.role-picker-header h3{margin:0;font-size:var(--font-md);font-weight:600;color:var(--text-primary,#1e293b)}.role-picker-close{background:0 0;border:none;cursor:pointer;color:var(--text-secondary,#64748b);padding:4px;border-radius:6px;display:flex;align-items:center}.role-picker-close:hover{background:var(--bg-tertiary,#f1f5f9);color:var(--text-primary,#1e293b)}.role-picker-list{padding:8px;display:flex;flex-direction:column;gap:4px}.role-picker-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);border:none;background:0 0;cursor:pointer;font-size:var(--font-base);font-weight:500;color:var(--text-primary,#1e293b);transition:background .15s,transform .1s;width:100%;text-align:left}.role-picker-item:hover{background:var(--bg-tertiary,#f1f5f9)}.role-picker-item:active{transform:scale(.98)}.role-picker-item i,.role-picker-item svg{width:18px;height:18px;color:var(--text-secondary,#64748b);flex-shrink:0}.role-picker-item.active{background:var(--primary-bg,#eff6ff);color:var(--primary,#3b6ef5);cursor:default}.role-picker-item.active i,.role-picker-item.active svg{color:var(--primary,#3b6ef5)}.role-picker-badge{margin-left:auto;font-size:var(--font-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary,#3b6ef5);background:var(--primary-bg,#dbeafe);padding:2px 8px;border-radius:var(--radius-full)}.admin-v2{max-width:1600px;margin:0 auto;padding:0 20px 80px;animation:fadeInUp .4s ease-out}.admin-v2-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0 18px;border-bottom:1px solid var(--border-color);margin-bottom:20px;flex-wrap:wrap}.admin-v2-header-left{display:flex;align-items:center;gap:14px}.admin-v2-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(220,38,38,.12);color:#dc2626;padding:6px 14px;border-radius:var(--radius-pill);font-size:var(--font-xs);font-weight:700;border:1px solid rgba(220,38,38,.25);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.admin-v2-badge i,.admin-v2-badge svg{width:14px;height:14px}.admin-v2-header h1{font-size:1.6rem;font-weight:800;color:var(--text-primary);margin:0}.admin-v2-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.admin-v2-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:4px;margin-bottom:20px;scrollbar-width:none}.admin-v2-nav::-webkit-scrollbar{display:none}.admin-v2-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:var(--radius-pill);font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.admin-v2-tab:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-secondary)}.admin-v2-tab.active{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.admin-v2-tab i,.admin-v2-tab svg{width:15px;height:15px;flex-shrink:0}.admin-v2-body{width:100%}@media (max-width:639px){.admin-v2 .admin-table td:nth-child(2),.admin-v2 .admin-table td:nth-child(4),.admin-v2 .admin-table td:nth-child(5),.admin-v2 .admin-table td:nth-child(7),.admin-v2 .admin-table th.col-date,.admin-v2 .admin-table th.col-gems,.admin-v2 .admin-table th.col-status,.admin-v2 .admin-table th.col-streak{display:none}.admin-v2 .admin-table{min-width:unset}.admin-v2 .admin-toolbar{flex-direction:column;gap:10px}.admin-v2 .admin-search{width:100%;min-width:unset}.admin-v2 .admin-filters{width:100%;flex-wrap:wrap}.admin-v2 .admin-filters select{flex:1;min-width:100px}}@media (max-width:767px){.admin-v2{padding:0 12px 60px}.admin-v2-stats{grid-template-columns:repeat(2,1fr);gap:10px}.admin-v2-header h1{font-size:1.3rem}.admin-refresh-btn span{display:none}}@media (min-width:768px) and (max-width:1023px){.admin-v2-stats{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.admin-v2-stats{grid-template-columns:repeat(6,1fr)}}.notif-v2-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:start}@media (max-width:900px){.notif-v2-layout{grid-template-columns:1fr}}.ann-tab{width:100%}.ann-view{animation:ann-view-in .22s ease-out both}@keyframes ann-view-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ann-view{animation:none}}#annViewCreate{max-width:760px;margin:0 auto}.ann-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-element)}.ann-list-title{display:flex;align-items:center;gap:12px}.ann-list-title>i{width:22px;height:22px;color:var(--primary-accent);flex-shrink:0}.ann-list-title h3{margin:0;font-size:var(--font-lg, 1.1rem);font-weight:800;color:var(--text-primary)}.ann-list-sub{display:block;font-size:var(--font-xs);color:var(--text-muted);margin-top:1px}.ann-new-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:11px;border:none;background:var(--gradient-primary,linear-gradient(135deg,#3b6ef5,#2554d6));color:#fff;font-size:var(--font-sm);font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.ann-new-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(59,110,245,.35)}.ann-new-btn i{width:16px;height:16px}.ann-create-head{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-element)}.ann-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.ann-back-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-accent)}.ann-back-btn i{width:15px;height:15px}.ann-create-title{display:flex;align-items:center;gap:9px}.ann-create-title i{width:18px;height:18px;color:var(--primary-accent)}.ann-create-title h3{margin:0;font-size:var(--font-md);font-weight:800;color:var(--text-primary)}#annViewList .notif-v2-list{padding:16px 20px;gap:12px;max-height:none}.notif-v2-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.notif-v2-panel-header{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-element)}.notif-v2-panel-header i,.notif-v2-panel-header svg{width:18px;height:18px;color:var(--primary-accent);flex-shrink:0}.notif-v2-panel-header h3{font-size:var(--font-md);font-weight:700;color:var(--text-primary);margin:0;flex:1}.notif-v2-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-full);background:var(--primary-accent);color:#fff;font-size:var(--font-2xs);font-weight:700}.notif-v2-form{padding:20px;display:flex;flex-direction:column;gap:16px}.notif-v2-field{display:flex;flex-direction:column;gap:7px}.notif-v2-field-relative{position:relative}.notif-v2-label{font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.notif-v2-optional{font-weight:400;text-transform:none;color:var(--text-muted)}.notif-v2-input{padding:10px 13px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-element);color:var(--text-primary);font-size:var(--font-base);font-family:inherit;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.notif-v2-input:focus{outline:0;border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(59,110,245,.1)}.notif-v2-textarea{resize:vertical;min-height:80px;padding-bottom:26px}.notif-v2-charcount{position:absolute;bottom:9px;right:12px;font-size:var(--font-2xs);color:var(--text-muted);pointer-events:none}.notif-v2-type-pills{display:flex;flex-wrap:wrap;gap:7px}.notif-v2-type-pill{cursor:pointer}.notif-v2-type-pill input{display:none}.notif-v2-type-pill span{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:var(--radius-pill);border:2px solid var(--border-color);background:var(--bg-element);font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);transition:all .15s;white-space:nowrap}.notif-v2-type-pill span i,.notif-v2-type-pill span svg{width:13px;height:13px;color:var(--pill-color)}.notif-v2-type-pill input:checked+span{border-color:var(--pill-color);background:var(--pill-color);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.notif-v2-type-pill input:checked+span i,.notif-v2-type-pill input:checked+span svg{color:#fff}.notif-v2-type-pill span:hover{border-color:var(--pill-color);background:color-mix(in srgb,var(--pill-color) 15%,transparent)}.notif-v2-banner-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:var(--bg-element);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:background .2s}.notif-v2-banner-toggle:hover{background:var(--bg-hover)}.notif-v2-toggle-left{display:flex;align-items:center;gap:10px}.notif-v2-toggle-left>i,.notif-v2-toggle-left>svg{width:16px;height:16px;color:#ef4444;flex-shrink:0}.notif-v2-toggle-title{display:block;font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.notif-v2-toggle-desc{display:block;font-size:var(--font-xs);color:var(--text-muted)}.notif-v2-switch-wrap{flex-shrink:0}.notif-v2-switch-input{display:none}.notif-v2-switch{display:block;position:relative;width:44px;height:24px;background:rgba(255,255,255,.1);border-radius:12px;transition:background .3s;cursor:pointer}.notif-v2-switch::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:#64748b;border-radius:50%;transition:all .3s}.notif-v2-switch-input:checked~.notif-v2-switch{background:rgba(239,68,68,.3)}.notif-v2-switch-input:checked~.notif-v2-switch::after{transform:translateX(20px);background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.5)}.notif-v2-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:500px){.notif-v2-row-2col{grid-template-columns:1fr}}.notif-v2-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.notif-v2-btn-preview{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;background:var(--bg-element);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all .2s}.notif-v2-btn-preview:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.notif-v2-btn-preview i,.notif-v2-btn-preview svg{width:16px;height:16px}.notif-v2-btn-send{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;background:linear-gradient(135deg,var(--primary-accent),#2554d6);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-base);font-weight:700;cursor:pointer;transition:all .2s}.notif-v2-btn-send:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(59,110,245,.35)}.notif-v2-btn-send i,.notif-v2-btn-send svg{width:16px;height:16px}.notif-v2-list{display:flex;flex-direction:column;gap:0;max-height:600px;overflow-y:auto;padding:12px;gap:8px}.notif-v2-list::-webkit-scrollbar{width:4px}.notif-v2-list::-webkit-scrollbar-track{background:0 0}.notif-v2-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.notif-v2-item{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border-radius:12px;border-left:3px solid var(--notif-color,#3b6ef5);background:var(--bg-element);border:1px solid var(--border-color);border-left:3px solid var(--notif-color,#3b6ef5);transition:background .15s}.notif-v2-item:hover{background:var(--bg-hover)}.notif-v2-item.inactive{opacity:.45}.notif-v2-item-icon{width:38px;height:38px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--notif-color,#3b6ef5) 14%,transparent);color:var(--notif-color,#3b6ef5);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.notif-v2-item-icon i,.notif-v2-item-icon svg{width:18px;height:18px}.notif-v2-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.notif-v2-item-top{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.notif-v2-item-title{font-size:var(--font-sm);font-weight:700;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-v2-item-type-badge{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:5px;background:var(--notif-color,var(--bg-card));color:#fff;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;opacity:.9}.notif-v2-item-banner-badge{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:5px;background:rgba(239,68,68,.1);color:#ef4444;white-space:nowrap}.notif-v2-item-banner-badge i,.notif-v2-item-banner-badge svg{width:10px;height:10px}.notif-v2-item-status{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:5px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.notif-v2-item-status.on{background:rgba(34,197,94,.1);color:#22c55e}.notif-v2-item-status.off{background:var(--bg-card);color:var(--text-muted)}.notif-v2-item-msg{font-size:var(--font-xs);color:var(--text-secondary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-v2-item-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:var(--font-xs);color:var(--text-muted)}.notif-v2-item-meta span{display:inline-flex;align-items:center;gap:4px}.notif-v2-item-meta i,.notif-v2-item-meta svg{width:12px;height:12px}.notif-v2-reads{color:#22c55e!important;font-weight:600}.notif-v2-item-actions{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.notif-v2-action-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.notif-v2-action-btn i,.notif-v2-action-btn svg{width:14px;height:14px}.notif-v2-action-btn.deactivate{background:rgba(245,158,11,.1);color:#f59e0b}.notif-v2-action-btn.deactivate:hover{background:#f59e0b;color:#fff}.notif-v2-action-btn.activate{background:rgba(34,197,94,.1);color:#22c55e}.notif-v2-action-btn.activate:hover{background:#22c55e;color:#fff}.notif-v2-action-btn.edit{background:rgba(99,102,241,.1);color:#6366f1}.notif-v2-action-btn.edit:hover{background:#6366f1;color:#fff}.notif-v2-action-btn.delete{background:rgba(239,68,68,.1);color:#ef4444}.notif-v2-action-btn.delete:hover{background:#ef4444;color:#fff}.notif-v2-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:var(--text-muted);font-size:var(--font-base);text-align:center}.notif-v2-empty i,.notif-v2-empty svg{width:32px;height:32px;opacity:.4}.event-date-section{padding:14px 16px;background:rgba(251,191,36,.06);border:1px solid rgba(251,191,36,.2);border-radius:12px;margin-bottom:4px}.event-date-section .cl-admin-section-label{color:#f59e0b;margin-bottom:8px}.event-date-section .cl-admin-section-label svg{color:#f59e0b}.notif-v2-field-hint{font-size:var(--font-2xs);color:var(--text-muted);margin-top:8px;line-height:1.4}.notif-v2-event-countdown{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-2xs);font-weight:600;color:#f59e0b;background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.25);border-radius:var(--radius-xl);padding:2px 8px}.notif-v2-event-countdown i,.notif-v2-event-countdown svg{width:11px;height:11px}.admin-v2 .admin-pagination{margin-top:16px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.admin-v2 .admin-pagination-info{font-size:var(--font-xs);color:var(--text-muted);margin-right:auto}.admin-v2 .admin-page-btn{min-width:32px;height:32px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-element);color:var(--text-secondary);font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.admin-v2 .admin-page-btn:hover:not(:disabled):not(.active){border-color:#2554d6;color:#2554d6}.admin-v2 .admin-page-btn.active{background:#2554d6;border-color:#2554d6;color:#fff;cursor:default}.admin-v2 .admin-page-btn:disabled{opacity:.45;cursor:default}.admin-v2 .admin-page-btn i,.admin-v2 .admin-page-btn svg{width:16px;height:16px}.admin-v2 .admin-page-ellipsis{min-width:20px;text-align:center;color:var(--text-muted);font-size:var(--font-sm);user-select:none}.admin-payments-section{padding:8px 0}.pay-stats-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.pay-stat-chip{flex:1;min-width:100px;background:var(--bg-card,var(--bg-secondary));border:1px solid var(--border-color);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.pay-stat-chip span{font-size:1.35rem;font-weight:800;line-height:1.1;color:var(--text-headings,var(--text-primary))}.pay-stat-chip label{font-size:var(--font-2xs);color:var(--text-muted)}.pay-stat-chip.revenue span{color:#16a34a}.pay-stat-chip.ok span{color:#16a34a}.pay-stat-chip.pending span{color:#d97706}.pay-stat-chip.expired span{color:#94a3b8}.pay-stat-chip.rejected span{color:#dc2626}.pay-stat-chip.loading span{color:var(--text-muted)}.pay-filters{display:flex;gap:6px;flex-wrap:wrap}.pay-filter-btn{padding:6px 14px;font-size:var(--font-xs);font-weight:600;border:1px solid var(--border-color);border-radius:var(--radius-xl);background:0 0;color:var(--text-muted);cursor:pointer;transition:all .15s}.pay-filter-btn.active{background:#2554d622;border-color:#2554d6;color:#2554d6}.pay-filter-btn:hover:not(.active){border-color:var(--text-muted);color:var(--text-secondary)}.admin-payments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px;flex-wrap:wrap}.payments-list{display:flex;flex-direction:column;gap:12px}.pay-card{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:10px}.pay-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pay-code{font-family:monospace;font-size:var(--font-md);font-weight:700;color:#2554d6}.pay-status{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--font-xs);font-weight:700;white-space:nowrap}.pay-pending{background:#fef3c7;color:#92400e}.pay-ok{background:#d1fae5;color:#065f46}.pay-ko{background:#fee2e2;color:#991b1b}.pay-expired{background:#f1f5f9;color:#64748b}.pay-card-meta{display:flex;flex-direction:column;gap:2px}.pay-card-user{display:flex;align-items:center;gap:5px;font-size:var(--font-base);font-weight:600;color:var(--text-primary)}.pay-card-email{font-size:var(--font-xs);color:var(--text-muted,#94a3b8)}.pay-card-details{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--font-xs);color:var(--text-secondary)}.pay-card-type{font-weight:600;color:var(--text-primary)}.pay-card-amount{font-weight:700;color:#2554d6}.pay-card-date{color:var(--text-muted,#94a3b8);margin-left:auto}.pay-card-promo{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-xs);font-weight:700;color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:6px;padding:2px 7px}.pay-card-promo svg{width:11px;height:11px}.pay-card-gift{display:flex;align-items:center;gap:6px;font-size:var(--font-xs);color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:4px 10px;margin:2px 0}.pay-card-gift strong{color:#92400e}[data-theme=dark] .pay-card-gift{background:#1c1500;border-color:#78350f;color:#fbbf24}[data-theme=dark] .pay-card-gift strong{color:#fcd34d}.admin-promo-section{margin-top:32px;padding:8px 0}.admin-promo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-promo-header h3{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;margin:0}.admin-promo-header h3 svg{width:18px;height:18px}.admin-promo-form{flex-direction:column;gap:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px}.admin-promo-form-row{display:flex;gap:10px;flex-wrap:wrap}.admin-promo-input{width:100%;padding:9px 12px;border-radius:9px;border:1px solid var(--border-color);background:var(--bg-primary);font-size:var(--font-sm);color:var(--text-primary);outline:0;text-transform:uppercase}.admin-promo-input::placeholder{text-transform:none}.admin-promo-pct-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.admin-promo-pct{width:80px}.admin-promo-pct-label{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap}.admin-promo-form-actions{display:flex;gap:8px}.admin-promo-form-actions button{flex:1}.admin-promo-form-error{font-size:var(--font-xs);color:#dc2626;min-height:16px;margin:0}.admin-promo-types-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0}.admin-promo-types-label{font-size:var(--font-xs);color:var(--text-muted);flex-shrink:0}.promo-type-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-xl);cursor:pointer;border:1px solid var(--border-color);font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);background:var(--bg-primary);user-select:none;transition:all .15s}.promo-type-pill input{display:none}.promo-type-pill:has(input:checked){background:#2554d618;border-color:#2554d6;color:#2554d6}.promo-types-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.promo-type-tag{font-size:var(--font-2xs);font-weight:600;padding:2px 7px;border-radius:5px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.promo-type-all{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.promo-public-badge{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:5px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.promo-public-badge svg{width:11px;height:11px}.promo-public-row{display:flex;align-items:center;gap:8px;font-size:var(--font-xs);color:var(--text-secondary);cursor:pointer;padding:8px 0}.promo-public-row input[type=checkbox]{accent-color:#2554d6;width:15px;height:15px;cursor:pointer}.promo-public-row svg{width:14px;height:14px}.promo-edit-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:9999}.promo-edit-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:20px;width:min(420px,92vw);display:flex;flex-direction:column;gap:14px}.promo-edit-modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.promo-edit-modal-header h4{margin:0;font-size:var(--font-md);font-weight:700;color:var(--text-primary)}.promo-edit-modal-header h4 code{color:#7c3aed}.promo-edit-close{background:0 0;border:none;cursor:pointer;padding:4px;border-radius:6px;color:var(--text-muted)}.promo-edit-close:hover{background:var(--bg-element)}.promo-edit-close svg{width:16px;height:16px}.promo-edit-body{display:flex;flex-direction:column}.promo-edit-actions{display:flex;gap:8px}.promo-edit-actions button{flex:1}.promo-list{display:flex;flex-direction:column;gap:8px}.promo-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-color)}.promo-inactive{opacity:.5}.promo-card-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.promo-code-val{font-family:monospace;font-size:var(--font-base);font-weight:700;color:#7c3aed}.promo-pct-badge{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe;border-radius:6px;padding:2px 8px;font-size:var(--font-xs);font-weight:700}.promo-desc{font-size:var(--font-xs);color:var(--text-muted)}.promo-card-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.promo-delete-btn,.promo-edit-btn{background:0 0;border:none;cursor:pointer;padding:5px;border-radius:7px;transition:background .15s;color:var(--text-secondary)}.promo-edit-btn:hover{background:var(--bg-element);color:#2554d6}.promo-delete-btn:hover{background:#fee2e2;color:#991b1b}.promo-delete-btn svg,.promo-edit-btn svg{width:15px;height:15px}.promo-toggle{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}.promo-toggle input{opacity:0;width:0;height:0}.promo-toggle-slider{position:absolute;inset:0;background:#cbd5e1;border-radius:var(--radius-xl);transition:background .2s}.promo-toggle-slider::before{content:'';position:absolute;width:14px;height:14px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.promo-toggle input:checked+.promo-toggle-slider{background:#22c55e}.promo-toggle input:checked+.promo-toggle-slider::before{transform:translateX(16px)}.pay-card-actions{display:flex;gap:8px;margin-top:2px;align-items:center}.pay-btn-reject,.pay-btn-validate{flex:1;padding:10px 0;border-radius:var(--radius-md);border:none;cursor:pointer;font-size:var(--font-sm);font-weight:700;transition:background .15s}.pay-btn-validate{background:#d1fae5;color:#065f46}.pay-btn-validate:hover{background:#a7f3d0}.pay-btn-reject{background:#fee2e2;color:#991b1b}.pay-btn-reject:hover{background:#fecaca}.pay-btn-delete{padding:9px 11px;border-radius:var(--radius-md);border:none;cursor:pointer;background:#f1f5f9;color:#94a3b8;transition:all .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pay-btn-delete:hover{background:#fee2e2;color:#991b1b}.pay-btn-delete svg{width:14px;height:14px}.mod-showcase{display:flex;flex-direction:column;gap:28px;padding:16px 4px}.mod-showcase-section{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:18px 20px}.mod-showcase-title{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:1rem;color:var(--text-primary)}.mod-showcase-title i{width:17px;height:17px;color:var(--primary-accent,#3b6ef5)}.mod-showcase-count{margin-left:4px;padding:2px 9px;border-radius:999px;background:rgba(var(--primary-accent-rgb,59,110,245),.1);color:var(--primary-accent-dark,#2554d6);font-size:.78rem;font-weight:700}.mod-showcase-empty{margin:0;padding:24px 0;color:var(--text-muted,#94a3b8);text-align:center;font-size:.9rem}.mod-showcase-list{display:flex;flex-direction:column;gap:12px}.mod-showcase-row{display:flex;gap:14px;padding:14px;background:var(--bg-sidebar,#fafafa);border:1px solid var(--border-color,#e5e7eb);border-radius:10px;align-items:flex-start}.mod-showcase-thumb{width:120px;height:68px;flex-shrink:0;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:8px;overflow:hidden}.mod-showcase-thumb img{width:100%;height:100%;object-fit:cover;display:block}.mod-showcase-thumb-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--primary-accent,#3b6ef5);opacity:.4}.mod-showcase-thumb-empty i{width:28px;height:28px}.mod-showcase-info{flex:1;min-width:0}.mod-showcase-row-title{font-weight:700;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mod-showcase-row-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:.8rem;color:var(--text-muted,#94a3b8);margin-bottom:6px}.mod-showcase-row-meta i{width:12px;height:12px;vertical-align:-2px;margin-right:3px}.mod-showcase-row-desc{margin:0 0 8px;font-size:.85rem;color:var(--text-secondary,#64748b);line-height:1.5;white-space:pre-wrap}.mod-showcase-link{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;color:var(--primary-accent,#3b6ef5);text-decoration:none;font-weight:600}.mod-showcase-link i{width:12px;height:12px}.mod-showcase-link:hover{text-decoration:underline}.mod-showcase-status{display:inline-flex;padding:2px 8px;border-radius:5px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.mod-showcase-status.pending{background:#fef3c7;color:#92400e}.mod-showcase-status.approved{background:#d1fae5;color:#065f46}.mod-showcase-status.rejected{background:#fee2e2;color:#991b1b}.mod-showcase-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.mod-showcase-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border:none;border-radius:7px;font-weight:700;font-size:.82rem;cursor:pointer;transition:all .15s;white-space:nowrap}.mod-showcase-btn i{width:13px;height:13px}.mod-showcase-btn.approve{background:#10b981;color:#fff}.mod-showcase-btn.approve:hover{background:#059669}.mod-showcase-btn.reject{background:#ef4444;color:#fff}.mod-showcase-btn.reject:hover{background:#dc2626}.mod-showcase-btn.ghost{background:0 0;color:var(--text-secondary);border:1.5px solid var(--border-color)}.mod-showcase-btn.ghost:hover{border-color:var(--text-primary);color:var(--text-primary)}@media (max-width:720px){.mod-showcase-row{flex-direction:column}.mod-showcase-thumb{width:100%;height:140px}.mod-showcase-actions{flex-direction:row;width:100%}.mod-showcase-actions .mod-showcase-btn{flex:1}}.mod-forum-stats{display:flex;gap:16px;flex-wrap:wrap;padding:12px 16px;margin-bottom:18px;background:var(--bg-sidebar,#fafafa);border:1px solid var(--border-color);border-radius:10px;font-size:.86rem;color:var(--text-secondary)}.mod-forum-stat{display:inline-flex;align-items:center;gap:6px}.mod-forum-stat span{font-weight:800;color:var(--primary-accent);font-size:1.05rem}.ann-editor{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-card);min-height:90px}.ann-editor-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px;text-align:center;color:var(--text-muted)}.ann-editor-empty i{width:26px;height:26px;opacity:.5}.ann-editor-empty p{margin:0;font-size:var(--font-sm)}.ann-b{position:relative;display:flex;gap:6px;padding:10px 12px;border-radius:10px;transition:background .15s}.ann-b:hover{background:var(--bg-element)}.ann-b-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.ann-b-ctrls{display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .15s}.ann-b:focus-within .ann-b-ctrls,.ann-b:hover .ann-b-ctrls{opacity:1}.ann-b-ctrl{display:inline-flex;align-items:center;justify-content:center;width:24px;height:22px;border-radius:6px;border:none;background:0 0;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s}.ann-b-ctrl:hover{background:var(--bg-hover);color:var(--text-primary)}.ann-b-ctrl i{width:14px;height:14px}.ann-b-del:hover{background:rgba(239,68,68,.1);color:#ef4444}.ann-b-label{display:inline-flex;align-items:center;gap:5px;font-size:var(--font-2xs, .7rem);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.ann-b-label i{width:12px;height:12px}.ann-ce{outline:0;min-height:1.4em;line-height:1.5;color:var(--text-primary);word-break:break-word;border-radius:6px}.ann-ce:empty::before{content:attr(data-ph);color:var(--text-muted);opacity:.7}.ann-ce-title{font-size:1.35rem;font-weight:800}.ann-ce-text{font-size:.95rem}.ann-b-toolbar{display:none;align-items:center;gap:4px;padding:4px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-element);width:fit-content}.ann-b--text:focus-within .ann-b-toolbar{display:flex}.ann-tb{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:none;background:0 0;color:var(--text-secondary);cursor:pointer}.ann-tb:hover{background:var(--bg-hover)}.ann-tb.on{background:var(--primary-accent);color:#fff}.ann-tb i{width:14px;height:14px}.ann-tb-sep{width:1px;height:18px;background:var(--border-color);margin:0 2px}.ann-dots{display:inline-flex;gap:4px;align-items:center}.ann-dot{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;font-size:10px;line-height:1;color:var(--text-muted)}.ann-dot.on{border-color:var(--text-primary)}.ann-dot-default{background:var(--bg-card);border:1px dashed var(--border-color);display:inline-flex;align-items:center;justify-content:center}.ann-btnrows{display:flex;flex-direction:column;gap:7px}.ann-btnrow{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ann-btnrow input[type=text]{flex:1;min-width:110px}.ann-addsub{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:8px;border:1px dashed var(--border-color);background:0 0;color:var(--text-secondary);font-size:var(--font-xs);cursor:pointer}.ann-addsub:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.ann-addsub i{width:12px;height:12px}.ann-btn-del:hover{background:rgba(239,68,68,.1);color:#ef4444}.ann-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ann-inline input[type=text],.ann-inline input[type=url]{flex:1;min-width:140px}.ann-check{display:inline-flex;align-items:center;gap:5px;font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap}.ann-imgprev{max-width:160px;max-height:90px;border-radius:8px;border:1px solid var(--border-color);object-fit:cover}.ann-b input[type=datetime-local],.ann-b input[type=text],.ann-b input[type=url],.ann-b select{padding:8px 11px;border-radius:9px;border:1px solid var(--border-color);background:var(--bg-body,var(--bg-element));color:var(--text-primary);font-size:var(--font-sm);font-family:inherit}.ann-b input:focus,.ann-b select:focus{outline:0;border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(59,110,245,.1)}.ann-b-divider{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:var(--font-2xs, .7rem);text-transform:uppercase;letter-spacing:.5px}.ann-b-divider::after,.ann-b-divider::before{content:"";flex:1;height:1px;background:var(--border-color)}.ann-addbar{position:relative;margin-top:10px}.ann-addbtn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;border:1px dashed var(--border-color);background:0 0;color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.ann-addbtn:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:rgba(59,110,245,.05)}.ann-addbtn i{width:15px;height:15px}.ann-addmenu{position:absolute;top:calc(100% + 6px);left:0;z-index:20;display:flex;flex-direction:column;min-width:210px;padding:6px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:0 12px 32px rgba(0,0,0,.14)}.ann-addmenu[hidden]{display:none}.ann-addmenu button{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;border:none;background:0 0;color:var(--text-primary);font-size:var(--font-sm);font-weight:500;cursor:pointer;text-align:left;transition:background .12s}.ann-addmenu button:hover{background:var(--bg-hover)}.ann-addmenu button i{width:16px;height:16px;color:var(--primary-accent)}@media (prefers-reduced-motion:reduce){.ann-addbtn,.ann-b,.ann-b-ctrls{transition:none}}
:root{--bloxi-size:140px;--bloxi-primary:var(--primary-accent);--bloxi-primary-dark:var(--primary-accent-dark);--bloxi-radius:var(--radius-lg)}.bloxi-bubble{position:fixed;z-index:99999;right:24px;bottom:24px;pointer-events:none;transition:opacity .3s,visibility .3s,transform .3s}.bloxi-bubble.hidden-by-modal{opacity:0;visibility:hidden;transform:translateY(20px) scale(.9);pointer-events:none!important}.bloxi-bubble.is-dragging{transition:none!important}.bloxi-container{display:none}.bloxi-avatar-float{width:var(--bloxi-size);height:var(--bloxi-size);display:flex;align-items:center;justify-content:center;cursor:grab;position:relative;padding:0;pointer-events:auto;background:0 0!important;border:none!important;box-shadow:none!important;border-radius:0!important;touch-action:none;transition:transform .2s}.bloxi-avatar-float:active{cursor:grabbing;transform:scale(.95)}.bloxi-avatar-float::before{display:none}.bloxi-avatar-float::after{content:"";position:absolute;top:4px;right:4px;width:14px;height:14px;background:linear-gradient(135deg,#f43f5e,var(--color-error));border-radius:50%;border:2.5px solid #fff;animation:bloxi-ping 1.5s ease-out infinite;z-index:2;box-shadow:0 2px 6px rgba(239,68,68,.4)}.bloxi-bubble.visible .bloxi-avatar-float::after{display:none}.bloxi-avatar{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;cursor:grab;animation:bloxi-float 3s ease-in-out infinite}.bloxi-avatar:active{cursor:grabbing}.bloxi-gif{width:var(--bloxi-size);height:var(--bloxi-size);object-fit:contain;filter:drop-shadow(0 4px 12px rgba(99, 102, 241, .25)) drop-shadow(0 2px 4px rgba(0, 0, 0, .1));pointer-events:auto;user-select:none;cursor:grab;transition:transform .25s ease,filter .3s}.bloxi-avatar-float:hover .bloxi-gif{transform:scale(1.06);filter:drop-shadow(0 6px 16px rgba(99, 102, 241, .35)) drop-shadow(0 2px 4px rgba(0, 0, 0, .1))}.bloxi-icon-avatar{display:none}.bloxi-logo-b{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:var(--primary-accent);color:#fff;font-size:13px;font-weight:800;font-family:var(--font-headings, -apple-system, BlinkMacSystemFont, sans-serif);flex-shrink:0;box-shadow:0 2px 6px rgba(var(--primary-rgb),.35);transform:rotate(-8deg);animation:bloxiTilt 1.8s ease-in-out infinite}@keyframes bloxiTilt{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.bloxi-speech-header{cursor:grab}.bloxi-speech-header:active{cursor:grabbing}.bloxi-chat-header{cursor:grab}.bloxi-chat-header:active{cursor:grabbing}.bloxi-inline-explain{margin:20px 0;padding:18px 20px;border-radius:16px;background:var(--bg-card,#fff);border:1.5px solid rgba(var(--primary-rgb),.2);box-shadow:0 4px 20px rgba(var(--primary-rgb),.06);animation:bloxi-card-in .3s ease-out}.bloxi-inline-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border-color,#e5e7eb);font-size:13px;font-weight:700;color:var(--primary-accent)}.bloxi-inline-header .bloxi-logo-b{width:24px;height:24px;font-size:12px;border-radius:7px}.bloxi-inline-close{margin-left:auto;width:24px;height:24px;border-radius:7px;border:none;background:var(--bg-hover,#f3f4f6);color:var(--text-muted);cursor:pointer;display:grid;place-items:center;font-size:12px;transition:background .15s,color .15s}.bloxi-inline-close:hover{background:rgba(239,68,68,.1);color:#ef4444}.bloxi-inline-body{font-size:.88rem;line-height:1.7;color:var(--text-primary)}.bloxi-inline-body p{margin:0 0 10px}.bloxi-inline-body p:last-child{margin-bottom:0}.bloxi-inline-body p:first-child{font-size:.92rem;font-weight:600;color:var(--text-headings);padding-bottom:8px;border-bottom:1px solid var(--border-color,#e5e7eb);margin-bottom:12px}.bloxi-inline-body code{background:var(--bg-hover,#f3f4f6);padding:2px 6px;border-radius:5px;font-size:.85em;font-family:ui-monospace,monospace}.bloxi-inline-body pre{background:#0f172a;border-radius:10px;padding:12px 14px;overflow-x:auto;margin:10px 0}.bloxi-inline-body pre code{background:0 0;padding:0;color:#e2e8f0;font-size:.82rem;white-space:pre}.bloxi-inline-body strong{color:var(--primary-accent);font-weight:700}.bloxi-inline-body em{font-style:italic;opacity:.85}.bloxi-inline-body ol,.bloxi-inline-body ul{margin:8px 0;padding-left:20px}.bloxi-inline-body li{margin-bottom:6px;padding-left:4px;position:relative}.bloxi-inline-body ul li::marker{color:var(--primary-accent)}.bloxi-inline-typing{display:inline-block;animation:bloxiExplainPulse 1s infinite;color:var(--primary-accent);font-size:18px;letter-spacing:2px}.bloxi-mini-bubble{position:absolute;top:-28px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#3b6ef5 0,#60a5fa 100%);color:#fff;padding:5px 14px;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;box-shadow:0 4px 14px rgba(99,102,241,.35),0 2px 4px rgba(0,0,0,.08);z-index:10;animation:bloxi-bubble-float 3s ease-in-out infinite;backdrop-filter:blur(4px)}.bloxi-mini-bubble::after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #60a5fa}.bloxi-bubble.chat-active .bloxi-mini-bubble,.bloxi-bubble.visible .bloxi-mini-bubble{display:none}.bloxi-speech{display:none;width:300px;min-width:200px;background:rgba(255,255,255,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--bloxi-radius);box-shadow:0 8px 32px rgba(99,102,241,.12),0 2px 8px rgba(0,0,0,.06);border:1px solid rgba(99,102,241,.1);position:relative;overflow:visible;pointer-events:auto}.bloxi-bubble.visible:not(.chat-active) .bloxi-speech{display:block;animation:bloxi-card-in .3s ease-out}.bloxi-speech::after{display:none}.bloxi-speech-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.06)}.bloxi-header-info{flex:1;display:flex;align-items:center;gap:8px}.bloxi-speech-name{font-weight:700;font-size:.85rem;color:var(--bloxi-primary);display:flex;align-items:center;gap:4px}.bloxi-status{font-size:.7rem;color:#6b7280;margin-top:1px}.bloxi-status::before{content:"";display:inline-block;width:5px;height:5px;background:#60a5fa;border-radius:50%;margin-right:4px;animation:bloxi-online 1.5s ease-in-out infinite}.bloxi-action-btn,.bloxi-close-btn{width:28px;height:28px;border-radius:6px;background:0 0;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.bloxi-action-btn:hover,.bloxi-close-btn:hover{background:rgba(0,0,0,.08);color:#374151}.bloxi-action-btn{color:var(--bloxi-primary)}.bloxi-action-btn svg{transition:transform .2s}.bloxi-action-btn:hover svg{transform:scale(1.1)}.bloxi-speech-body{padding:12px}.bloxi-speech-hint{font-size:.65rem;color:var(--text-muted,#9ca3af);text-align:center;opacity:.8;margin-top:8px;font-style:italic}.bloxi-speech-message{font-size:.85rem;line-height:1.5;color:#374151;margin:0 0 12px 0}.bloxi-speech-message strong{color:var(--bloxi-primary);font-weight:600}.bloxi-actions{display:flex;flex-direction:column;gap:6px}.bloxi-btn{width:100%;padding:10px 16px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:6px}.bloxi-btn-primary,.bloxi-btn-yes{background:linear-gradient(135deg,#3b6ef5 0,#60a5fa 100%);color:#fff;box-shadow:0 2px 8px rgba(99,102,241,.3);transition:transform .2s,box-shadow .2s}.bloxi-btn-primary:hover,.bloxi-btn-yes:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.4)}.bloxi-btn-no{background:#f3f4f6;color:#6b7280}.bloxi-btn-no:hover{background:#e5e7eb;color:#374151}.bloxi-ai-chat-panel{display:none;position:relative;width:300px;height:400px;background:rgba(255,255,255,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--bloxi-radius);box-shadow:0 12px 40px rgba(99,102,241,.15),0 4px 12px rgba(0,0,0,.06);flex-direction:column;overflow:hidden;transform-origin:bottom right;z-index:100;border:1px solid rgba(99,102,241,.12);pointer-events:auto;transition:width .3s ease,height .3s ease,border-radius .3s ease}.bloxi-ai-chat-panel.bloxi-expanded{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;right:auto;width:min(900px,94vw);height:min(80vh,92vh);border-radius:16px;box-shadow:0 20px 60px rgba(99,102,241,.2),0 8px 24px rgba(0,0,0,.1);z-index:100001}.bloxi-bubble.chat-active .bloxi-ai-chat-panel.bloxi-expanded::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:-1}.bloxi-bubble.chat-active .bloxi-ai-chat-panel{display:flex;animation:bloxi-card-in .3s ease-out}.bloxi-bubble.chat-active .bloxi-speech{display:none!important}.bloxi-chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-card,#fff);border-bottom:1px solid var(--border-color,#e5e7eb);color:var(--text-headings,#111);flex-shrink:0}.bloxi-chat-title{font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:8px;color:var(--text-headings,#111)}.bloxi-chat-header-actions{display:flex;align-items:center;gap:3px}.bloxi-header-icon-btn{width:28px;height:28px;border-radius:8px;background:var(--bg-hover,#f3f4f6);border:none;color:var(--text-muted,#6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.bloxi-header-icon-btn:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary-accent)}.bloxi-chat-header .bloxi-close-btn{width:28px;height:28px;border-radius:8px;color:var(--text-muted,#6b7280);background:var(--bg-hover,#f3f4f6);border:none;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.bloxi-chat-header .bloxi-close-btn:hover{background:rgba(239,68,68,.1);color:#ef4444}.bloxi-convos-panel{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.98);backdrop-filter:blur(12px);z-index:10;flex-direction:column;animation:bloxi-slide-in .2s ease-out}.bloxi-convos-panel.active{display:flex}.bloxi-convos-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(99,102,241,.1);font-weight:700;font-size:.9rem;color:var(--bloxi-primary);gap:8px}.bloxi-convos-header span{flex:1;text-align:center}.bloxi-convos-header .bloxi-header-icon-btn{background:rgba(99,102,241,.08);color:var(--bloxi-primary)}.bloxi-convos-header .bloxi-header-icon-btn:hover{background:rgba(99,102,241,.18);color:#4f46e5}.bloxi-convos-list{flex:1;overflow-y:auto;padding:8px}.bloxi-convos-empty{text-align:center;color:#9ca3af;font-size:.8rem;padding:30px 16px}.bloxi-convo-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s;gap:8px}.bloxi-convo-item:hover{background:rgba(99,102,241,.06)}.bloxi-convo-item.active{background:rgba(99,102,241,.1);border-left:3px solid var(--bloxi-primary)}.bloxi-convo-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.bloxi-convo-title{font-size:.82rem;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bloxi-convo-date{font-size:.7rem;color:#9ca3af}.bloxi-convo-delete{background:0 0;border:none;color:#d1d5db;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s;flex-shrink:0}.bloxi-convo-delete:hover{color:var(--color-error);background:var(--color-error-light)}.bloxi-chat-history{flex:1;padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:var(--bg-body,#fafafa)}.bloxi-chat-history::-webkit-scrollbar{width:4px}.bloxi-chat-history::-webkit-scrollbar-thumb{background:var(--border-color,#cbd5e1);border-radius:4px}.bloxi-message{font-size:.8rem;line-height:1.5;margin:0;padding:9px 12px;border-radius:12px;max-width:88%;word-wrap:break-word;animation:bloxi-msg-in .2s ease-out}.bloxi-message:empty{display:none}.bloxi-ai-msg{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);align-self:flex-start;color:var(--text-primary,#374151)}.bloxi-user-msg{background:var(--primary-accent);color:#fff;align-self:flex-end;border:none}.bloxi-message strong{color:var(--primary-accent);font-weight:700}.bloxi-user-msg strong{color:#fff}.bloxi-quick-actions{display:flex;flex-wrap:wrap;gap:8px;align-self:flex-start;max-width:95%;margin-top:-4px;animation:bloxi-msg-in .25s ease-out}.bloxi-quick-action{background:#fff;border:1.5px solid rgba(99,102,241,.25);color:var(--bloxi-primary-dark);font-size:.8rem;font-weight:600;padding:7px 12px;border-radius:18px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;white-space:nowrap}.bloxi-quick-action:hover{background:var(--bloxi-primary);border-color:var(--bloxi-primary);color:#fff}.bloxi-quick-action:active{transform:scale(.96)}.bloxi-typing span{display:inline-block;animation:bloxi-typing-dot 1.4s infinite ease-in-out both;font-size:1.2em;line-height:.5}.bloxi-typing span:first-child{animation-delay:-.32s}.bloxi-typing span:nth-child(2){animation-delay:-.16s}.bloxi-typing span:nth-child(3){animation-delay:0s}.bloxi-speech-footer{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid var(--border-color,#e5e7eb);background:var(--bg-card,#fff);border-radius:0 0 var(--bloxi-radius) var(--bloxi-radius);flex-shrink:0}#bloxi-chat-input{flex:1;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;padding:8px 12px;font-size:.8rem;outline:0;background:var(--bg-hover,#f9fafb);transition:border-color .15s,box-shadow .15s}#bloxi-chat-input:focus{border-color:var(--primary-accent);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.08)}#bloxi-chat-send{background:var(--primary-accent);color:#fff;border:none;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .15s,opacity .15s;box-shadow:0 2px 6px rgba(var(--primary-rgb),.25)}#bloxi-chat-send:hover{transform:scale(1.05);opacity:.9}#bloxi-chat-send:active{transform:scale(.92)}.bloxi-ai-msg p{margin:0 0 8px 0}.bloxi-ai-msg p:last-child{margin-bottom:0}.bloxi-ai-msg strong{color:var(--bloxi-primary);font-weight:700}.bloxi-ai-msg em{font-style:italic;opacity:.9}.bloxi-md-h1{display:block;font-size:1.05rem;margin:10px 0 6px;color:var(--bloxi-primary-dark)}.bloxi-md-h2{display:block;font-size:.95rem;margin:8px 0 4px;color:var(--bloxi-primary-dark)}.bloxi-md-h3{display:block;font-size:.88rem;margin:6px 0 4px;color:var(--bloxi-primary)}.bloxi-code-block{background:#1e1e2e;border-radius:10px;margin:8px 0;overflow:hidden;position:relative}.bloxi-code-lang{display:block;background:rgba(99,102,241,.15);color:#60a5fa;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 12px}.bloxi-code-block pre{margin:0;padding:10px 12px;overflow-x:auto}.bloxi-code-block code{font-family:var(--font-code);font-size:.75rem;line-height:1.5;color:#e2e8f0;white-space:pre}.bloxi-inline-code{background:rgba(99,102,241,.1);color:var(--bloxi-primary);padding:1px 6px;border-radius:4px;font-family:var(--font-code);font-size:.8em;font-weight:500}.bloxi-md-list{margin:6px 0;padding-left:18px;list-style:none}.bloxi-md-list li{position:relative;padding-left:4px;margin-bottom:3px}.bloxi-md-list li::before{content:"•";position:absolute;left:-12px;color:var(--bloxi-primary);font-weight:700}.bloxi-md-hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),transparent);margin:10px 0}[data-theme=dark] .bloxi-ai-msg strong{color:#a5b4fc}[data-theme=dark] .bloxi-inline-code{background:rgba(129,140,248,.15);color:#a5b4fc}[data-theme=dark] .bloxi-code-block{background:#11111b}[data-theme=dark] .bloxi-md-h1,[data-theme=dark] .bloxi-md-h2{color:#a5b4fc}[data-theme=dark] .bloxi-md-h3{color:#60a5fa}@keyframes bloxi-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bloxi-bubble-float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-2px)}}@keyframes bloxi-card-in{0%{opacity:0;transform:translateY(10px) scale(.95)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes bloxi-ping{0%{transform:scale(1);opacity:1}100%,75%{transform:scale(1.8);opacity:0}}@keyframes bloxi-online{0%,100%{opacity:1}50%{opacity:.5}}@keyframes bloxi-typing-dot{0%,100%,80%{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}@keyframes bloxi-ring-pulse{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.06);opacity:.15}}@keyframes bloxi-msg-in{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:translateY(0)}}@keyframes bloxi-slide-in{0%{opacity:0;transform:translateX(-12px)}100%{opacity:1;transform:translateX(0)}}[data-theme=dark] .bloxi-avatar-float{background:0 0!important;border:none!important;box-shadow:none!important}[data-theme=dark] .bloxi-mini-bubble{background:linear-gradient(135deg,#2554d6 0,#3b6ef5 100%);color:#e0e7ff}[data-theme=dark] .bloxi-mini-bubble::after{border-top-color:#3b6ef5}[data-theme=dark] .bloxi-speech{background:rgba(30,30,46,.97);border-color:rgba(129,140,248,.15);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 20px rgba(99,102,241,.1)}[data-theme=dark] .bloxi-speech::after{border-top-color:rgba(30,30,46,.97)}[data-theme=dark] .bloxi-speech-header{border-bottom-color:rgba(255,255,255,.08)}[data-theme=dark] .bloxi-speech-name{color:#60a5fa}[data-theme=dark] .bloxi-status{color:#9ca3af}[data-theme=dark] .bloxi-action-btn,[data-theme=dark] .bloxi-close-btn{color:#6b7280}[data-theme=dark] .bloxi-action-btn:hover,[data-theme=dark] .bloxi-close-btn:hover{background:rgba(255,255,255,.1);color:#e5e7eb}[data-theme=dark] .bloxi-action-btn{color:#60a5fa}[data-theme=dark] .bloxi-speech-message{color:#e5e7eb}[data-theme=dark] .bloxi-ai-chat-panel{background:rgba(30,30,46,.98);border-color:rgba(129,140,248,.15);box-shadow:0 12px 40px rgba(0,0,0,.4),0 0 20px rgba(99,102,241,.1)}[data-theme=dark] .bloxi-chat-history{background:var(--bg-body,#0f172a)}[data-theme=dark] .bloxi-ai-msg{background:var(--bg-card,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#e5e7eb);border-color:rgba(129,140,248,.1)}[data-theme=dark] .bloxi-speech-footer{background:#1e1e2e;border-top-color:rgba(255,255,255,.08)}[data-theme=dark] #bloxi-chat-input{background:#27273a;border-color:#3f3f5a;color:#e5e7eb}[data-theme=dark] #bloxi-chat-input:focus{border-color:#60a5fa}[data-theme=dark] .bloxi-btn-no{background:rgba(255,255,255,.08);color:#9ca3af}[data-theme=dark] .bloxi-btn-no:hover{background:rgba(255,255,255,.12);color:#e5e7eb}[data-theme=dark] .bloxi-avatar-float::after{border-color:#1e1e2e}[data-theme=dark] .bloxi-gif{filter:drop-shadow(0 4px 16px rgba(129, 140, 248, .35)) drop-shadow(0 2px 4px rgba(0, 0, 0, .2))}[data-theme=dark] .bloxi-ai-chat-panel.bloxi-expanded{box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 30px rgba(99,102,241,.15)}[data-theme=dark] .bloxi-bubble.chat-active .bloxi-ai-chat-panel.bloxi-expanded::before{background:rgba(0,0,0,.55)}[data-theme=dark] .bloxi-header-icon-btn{background:rgba(255,255,255,.08)}[data-theme=dark] .bloxi-header-icon-btn:hover{background:rgba(255,255,255,.18)}[data-theme=dark] .bloxi-convos-panel{background:rgba(24,24,37,.98)}[data-theme=dark] .bloxi-convos-header{border-bottom-color:rgba(129,140,248,.12);color:#60a5fa}[data-theme=dark] .bloxi-convos-header .bloxi-header-icon-btn{background:rgba(129,140,248,.1);color:#a5b4fc}[data-theme=dark] .bloxi-convos-header .bloxi-header-icon-btn:hover{background:rgba(129,140,248,.2);color:#c7d2fe}[data-theme=dark] .bloxi-convo-item:hover{background:rgba(129,140,248,.08)}[data-theme=dark] .bloxi-convo-item.active{background:rgba(129,140,248,.12)}[data-theme=dark] .bloxi-convo-title{color:#e5e7eb}[data-theme=dark] .bloxi-convo-date{color:#6b7280}[data-theme=dark] .bloxi-convo-delete{color:#4b5563}[data-theme=dark] .bloxi-convo-delete:hover{color:#f87171;background:rgba(239,68,68,.12)}[data-theme=dark] .bloxi-convos-empty{color:#6b7280}@media (max-width:480px){:root{--bloxi-size:56px}.bloxi-bubble{bottom:16px;right:16px}.bloxi-speech{width:min(300px,calc(100vw - 32px));min-width:200px;right:-8px}.bloxi-bubble.chat-active .bloxi-ai-chat-panel{position:fixed!important;left:50%!important;right:auto!important;bottom:16px!important;top:auto!important;transform:translateX(-50%)!important;width:min(340px,calc(100vw - 24px))!important;height:min(440px,calc(100dvh - 90px))!important;animation:bloxi-card-in-mobile .3s ease-out!important}@keyframes bloxi-card-in-mobile{0%{opacity:0;transform:translateX(-50%) translateY(10px)}100%{opacity:1;transform:translateX(-50%) translateY(0)}}.bloxi-ai-chat-panel.bloxi-expanded{width:100vw;height:100vh;border-radius:0;top:0;left:0;transform:none}.bloxi-header-icon-btn{width:26px;height:26px}.bloxi-convo-title{font-size:.78rem}}#bloxi-summon-btn{position:fixed;bottom:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer}.bloxi-toggle-btn{transition:transform .2s}.bloxi-toggle-btn:hover{transform:scale(1.08)}.bloxi-toggle-btn:active{transform:scale(.92)}.bloxi-toggle-b{display:grid;place-items:center;width:48px;height:48px;border-radius:12px 0 0 0;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid rgba(59,110,245,.15);border-right:none;border-bottom:none;box-shadow:-3px -3px 14px rgba(59,110,245,.25);position:relative}[data-theme=dark] .bloxi-toggle-b{background:linear-gradient(135deg,rgba(59,110,245,.22),rgba(59,110,245,.12));border-color:rgba(129,140,248,.2);box-shadow:-3px -3px 14px rgba(59,110,245,.3)}.bloxi-toggle-b::after{content:"B";display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--primary-accent);color:#fff;font-size:16px;font-weight:800;font-family:var(--font-headings, -apple-system, BlinkMacSystemFont, sans-serif);box-shadow:0 2px 6px rgba(var(--primary-rgb),.3);transform:rotate(-8deg);animation:bloxiTilt 1.8s ease-in-out infinite}body.bloxi-open #bloxi-summon-btn{display:none}.bloxi-actions .bloxi-btn-link{width:auto;align-self:center;padding:3px 8px;margin-top:2px;background:0 0;border:none;box-shadow:none;font-size:.72rem;font-weight:600;color:var(--text-muted,#9ca3af);cursor:pointer;transition:color .15s}.bloxi-actions .bloxi-btn-link:hover{background:0 0;box-shadow:none;transform:none;text-decoration:underline}.bloxi-actions .bloxi-btn-chatlink:hover{color:var(--bloxi-primary,#3b6ef5)}.bloxi-actions .bloxi-btn-dismiss:hover{color:var(--text-secondary,#4b5563)}.bloxi-ob-overlay{position:fixed;inset:0;z-index:99900;background:rgba(15,23,42,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:bloxiObFade .3s ease}@keyframes bloxiObFade{from{opacity:0}to{opacity:1}}.bloxi-ob-badge{display:inline-block;font-size:.64rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--bloxi-primary,#3b6ef5);background:rgba(59,110,245,.1);padding:3px 9px;border-radius:8px;margin-bottom:8px}.bloxi-ob-title{font-size:1rem;font-weight:800;color:var(--text-headings,#111827);line-height:1.3}.bloxi-ob-sub{display:block;color:var(--text-muted,#6b7280);font-size:.82rem;line-height:1.5;margin-top:4px}.bloxi-ob-input{width:100%;margin-top:12px;padding:10px 13px;border:1.5px solid var(--border-color,#e5e9f0);border-radius:11px;font-size:.92rem;font-family:inherit;outline:0;box-sizing:border-box;background:var(--bg-hover,#f8fafc);color:var(--text-headings,#111827);transition:border-color .15s,box-shadow .15s}.bloxi-ob-input:focus{border-color:var(--bloxi-primary,#3b6ef5);box-shadow:0 0 0 3px rgba(59,110,245,.12)}.bloxi-ob-hint{font-size:.72rem;color:var(--text-muted,#9ca3af);margin-top:6px}.bloxi-ob-err{color:#ef4444;font-size:.78rem;font-weight:600;margin-top:8px}.bloxi-ob-seg{display:flex;gap:8px;margin-top:14px}.bloxi-ob-seg button{flex:1;padding:10px 8px;border-radius:11px;border:1.5px solid var(--border-color,#e5e9f0);background:var(--bg-hover,#f8fafc);color:var(--text-secondary,#4b5563);font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s}.bloxi-ob-seg button:hover{border-color:rgba(59,110,245,.4)}.bloxi-ob-seg button.on{border-color:var(--bloxi-primary,#3b6ef5);background:rgba(59,110,245,.1);color:var(--bloxi-primary,#3b6ef5)}.bloxi-ob-toggles{margin-top:12px;display:flex;flex-direction:column;gap:9px}.bloxi-ob-toggles label{display:flex;align-items:center;gap:9px;font-size:.85rem;font-weight:600;color:var(--text-primary,#374151);cursor:pointer}.bloxi-ob-toggles input{width:17px;height:17px;accent-color:var(--bloxi-primary,#3b6ef5);cursor:pointer}[data-theme=dark] .bloxi-ob-title{color:#e5e7eb}[data-theme=dark] .bloxi-ob-input{background:#27273a;border-color:#3f3f5a;color:#e5e7eb}[data-theme=dark] .bloxi-ob-seg button{background:#27273a;border-color:#3f3f5a;color:#cbd5e1}[data-theme=dark] .bloxi-ob-toggles label{color:#e5e7eb}.bloxi-hd-avatar{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border-radius:11px;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 3px 10px rgba(59,110,245,.18)}.bloxi-hd-avatar .bloxi-logo-b{width:26px;height:26px;border-radius:8px;font-size:14px}.bloxi-hd-txt{display:flex;flex-direction:column;line-height:1.15;min-width:0}.bloxi-hd-txt .bloxi-speech-name,.bloxi-hd-txt>span:first-child{font-size:.92rem;font-weight:800}.bloxi-hd-role{font-size:.68rem;font-weight:600;color:var(--text-muted,#9aa3b2)}[data-theme=dark] .bloxi-hd-avatar{background:linear-gradient(135deg,rgba(59,110,245,.22),rgba(59,110,245,.12));box-shadow:none}.bloxi-tour-overlay{position:fixed;inset:0;z-index:99800;background:rgba(15,23,42,.14);animation:bloxiObFade .3s ease}.bloxi-tour-hl{position:relative;z-index:99850!important;box-shadow:0 0 0 3px rgba(59,110,245,.7),0 10px 34px rgba(59,110,245,.4)!important;animation:bloxiHlPulse 1.9s ease-in-out infinite}@keyframes bloxiHlPulse{0%,100%{box-shadow:0 0 0 3px rgba(59,110,245,.55),0 10px 30px rgba(59,110,245,.32)!important}50%{box-shadow:0 0 0 4px rgba(59,110,245,.85),0 12px 40px rgba(59,110,245,.48)!important}}.bloxi-tour-ptr{position:absolute;z-index:99900;pointer-events:none;animation:bloxiPtrPop .4s cubic-bezier(.34,1.56,.64,1) both}.bloxi-tour-ptr-text{display:inline-block;background:var(--primary-accent,#3b6ef5);color:#fff;font-size:.7rem;font-weight:700;font-family:var(--font-headings, system-ui);padding:4px 10px;border-radius:8px;white-space:nowrap;box-shadow:0 4px 12px rgba(59,110,245,.35)}.bloxi-tour-ptr--top{top:-8px;left:50%;transform:translateX(-50%) translateY(-100%)}.bloxi-tour-ptr--bottom{bottom:-8px;left:50%;transform:translateX(-50%) translateY(100%)}.bloxi-tour-ptr--right{top:50%;right:-8px;transform:translateY(-50%) translateX(100%)}.bloxi-tour-ptr--left{top:50%;left:-8px;transform:translateY(-50%) translateX(-100%)}.bloxi-tour-ptr--top .bloxi-tour-ptr-text::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--primary-accent,#3b6ef5)}.bloxi-tour-ptr--bottom .bloxi-tour-ptr-text::after{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);border:5px solid transparent;border-bottom-color:var(--primary-accent,#3b6ef5)}.bloxi-tour-ptr--right .bloxi-tour-ptr-text::after{content:'';position:absolute;top:50%;left:-5px;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--primary-accent,#3b6ef5)}.bloxi-tour-ptr--left .bloxi-tour-ptr-text::after{content:'';position:absolute;top:50%;right:-5px;transform:translateY(-50%);border:5px solid transparent;border-left-color:var(--primary-accent,#3b6ef5)}@keyframes bloxiPtrPop{0%{opacity:0;scale:0.7}100%{opacity:1;scale:1}}.bloxi-tour-ptr:nth-child(2){animation-delay:.1s}.bloxi-tour-ptr:nth-child(3){animation-delay:.2s}.bloxi-tour-ptr:nth-child(4){animation-delay:.3s}.bloxi-tour-ptr:nth-child(5){animation-delay:.35s}
.bloxi-companion{position:fixed;left:0;top:0;z-index:9600;max-width:340px;pointer-events:none;opacity:0;transform:translateY(10px) scale(.96);transition:opacity .28s ease,transform .3s cubic-bezier(.2,.9,.3,1.25),left .5s cubic-bezier(.4,0,.2,1),top .5s cubic-bezier(.4,0,.2,1)}.bloxi-companion.visible{opacity:1;transform:none;pointer-events:auto}.bloxi-comp-bubble{position:relative;display:flex;align-items:flex-start;gap:11px;padding:13px 34px 13px 13px;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e9ecf2);border-radius:16px;box-shadow:0 12px 34px rgba(15,23,42,.16)}.bloxi-comp-avatar{width:40px;height:40px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid rgba(59,110,245,.16);box-shadow:0 4px 12px rgba(59,110,245,.22);cursor:pointer;animation:bloxi-comp-bob 2.6s ease-in-out infinite}[data-theme=dark] .bloxi-comp-avatar{background:linear-gradient(135deg,rgba(59,110,245,.24),rgba(59,110,245,.12));border-color:rgba(129,140,248,.22)}.bloxi-comp-b{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:var(--primary-accent,#3b6ef5);color:#fff;font-size:15px;font-weight:800;font-family:var(--font-headings, -apple-system, sans-serif);box-shadow:0 2px 6px rgba(var(--primary-rgb,59 110 245),.3);transform:rotate(-8deg);animation:bloxiTilt 1.8s ease-in-out infinite}@keyframes bloxi-comp-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.bloxi-comp-main{flex:1;min-width:0;padding-top:1px}.bloxi-comp-name{font-size:.7rem;font-weight:800;letter-spacing:.02em;color:var(--primary-accent,#3b6ef5);margin-bottom:2px}.bloxi-comp-text{font-size:.875rem;line-height:1.45;color:var(--text-primary,#111827)}.bloxi-comp-text strong{color:var(--text-primary,#111827);font-weight:700}.bloxi-comp-close{position:absolute;top:8px;right:8px;width:22px;height:22px;border:none;border-radius:7px;background:0 0;color:var(--text-muted,#b6bfce);cursor:pointer;font-size:13px;line-height:1;display:grid;place-items:center;transition:background .15s,color .15s}.bloxi-comp-close:hover{background:var(--border-color,#eef1f6);color:var(--text-primary)}.bloxi-comp-actions{display:none;margin-top:10px;gap:8px;flex-wrap:wrap}.bloxi-comp-btn{border:none;border-radius:10px;cursor:pointer;padding:7px 14px;font-size:.8rem;font-weight:700;background:var(--primary-accent,#3b6ef5);color:#fff;transition:filter .15s,transform .15s}.bloxi-comp-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.bloxi-companion.comp-banner{max-width:430px}.bloxi-companion.celebrate .bloxi-comp-bubble{border-color:color-mix(in srgb,#10b981 45%,transparent);box-shadow:0 0 0 3px rgba(16,185,129,.16),0 12px 34px rgba(15,23,42,.16)}.bloxi-companion.celebrate .bloxi-comp-avatar{animation:bloxi-comp-pop .6s ease}@keyframes bloxi-comp-pop{0%{transform:scale(1)}40%{transform:scale(1.22) rotate(-6deg)}100%{transform:scale(1)}}.bloxi-comp-confetti{position:absolute;left:30px;top:6px;width:1px;height:1px;pointer-events:none}.bloxi-comp-confetti i{position:absolute;width:8px;height:8px;border-radius:2px;left:0;top:0;animation:bloxi-confetti var(--d,.8s) ease-out forwards;transform:rotate(var(--r,0deg))}@keyframes bloxi-confetti{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--x,0),-70px) rotate(var(--r,180deg))}}@media (prefers-reduced-motion:reduce){.bloxi-comp-avatar,.bloxi-comp-b{animation:none}.bloxi-companion{transition:opacity .2s ease}.bloxi-comp-confetti{display:none}}@media (max-width:480px){.bloxi-companion,.bloxi-companion.comp-banner{max-width:calc(100vw - 28px)}}
.mod-skills{margin-top:12px}.mod-skills-label{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:var(--text-muted,#8a94a6);text-transform:uppercase;margin-bottom:8px}.mod-skills-label i{width:14px;height:14px;color:var(--primary-accent,#3b6ef5)}.mod-skills-list{display:flex;flex-wrap:wrap;gap:8px}.mod-skill-chip{display:inline-flex;align-items:center;gap:9px;padding:7px 12px 7px 8px;border-radius:12px;background:color-mix(in srgb,var(--sk,#3b6ef5) 9%,var(--bg-card,#fff));border:1px solid color-mix(in srgb,var(--sk,#3b6ef5) 26%,transparent);position:relative}.mod-skill-ic{width:30px;height:30px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--sk,#3b6ef5) 16%,transparent);color:var(--sk,#3b6ef5)}.mod-skill-ic i{width:17px;height:17px}.mod-skill-body{display:flex;flex-direction:column;line-height:1.25}.mod-skill-name{font-size:.82rem;font-weight:700;color:var(--text-primary,#111827)}.mod-skill-lvl{font-size:.7rem;font-weight:700}.mod-skill-bar{width:54px;height:6px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--sk,#3b6ef5) 16%,transparent);margin-left:4px}.mod-skill-bar>i{display:block;height:100%;border-radius:999px;transition:width .6s cubic-bezier(.2,.8,.2,1)}.mod-skill-chip.lvl-mastered{background:color-mix(in srgb,#10b981 12%,var(--bg-card,#fff));border-color:color-mix(in srgb,#10b981 40%,transparent)}.mod-skills-compact{margin-top:10px}.mod-skills-compact .mod-skill-chip{gap:7px;padding:5px 10px 5px 6px;border-radius:10px}.mod-skills-compact .mod-skill-ic{width:24px;height:24px;border-radius:7px}.mod-skills-compact .mod-skill-ic i{width:14px;height:14px}.mod-skills-compact .mod-skill-name{font-size:.76rem}.mod-skills-compact .mod-skill-lvl{font-size:.66rem}@media (max-width:640px){.mod-skill-bar{display:none}}.course-header-unified .mod-skills{margin-top:14px}.course-header-unified .mod-skills-label{color:rgba(255,255,255,.78);margin-bottom:7px}.course-header-unified .mod-skills-label i{color:rgba(255,255,255,.92)}.course-header-unified .mod-skill-chip{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.26);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.course-header-unified .mod-skill-chip.lvl-mastered{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4)}.course-header-unified .mod-skill-ic{background:rgba(255,255,255,.22);color:#fff}.course-header-unified .mod-skill-name{color:#fff}.course-header-unified .mod-skill-lvl{color:rgba(255,255,255,.9)!important}.course-header-unified .mod-skill-bar{background:rgba(255,255,255,.25)}.course-header-unified .mod-skill-bar>i{background:#fff!important}.course-title-meta{flex-wrap:wrap}.course-title-meta .mod-skills{margin:0;display:inline-flex}.course-title-meta .mod-skills-list{gap:0}.course-title-meta .mod-skill-chip{padding:4px 11px 4px 5px;border-radius:999px}.course-title-meta .mod-skill-ic{width:22px;height:22px;border-radius:999px}.course-title-meta .mod-skill-ic i{width:13px;height:13px}.course-title-meta .mod-skill-name{font-size:.74rem}.course-title-meta .mod-skill-lvl{font-size:.64rem}
.prog-hero-skills{position:relative;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}.phs-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:13px}.phs-title{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:700;color:#fff}.phs-title i{width:15px;height:15px}.phs-sum{font-size:.78rem;color:rgba(255,255,255,.72)}.phs-sum strong{color:#fff}.phs-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.phs-tile{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.phs-tile-ic{width:32px;height:32px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;background:rgba(255,255,255,.16);color:#fff}.phs-tile-ic i{width:17px;height:17px}.phs-tile-body{flex:1;min-width:0}.phs-tile-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}.phs-tile-name{font-size:.78rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phs-tile-count{font-size:.72rem;font-weight:700;color:rgba(255,255,255,.8);flex-shrink:0}.phs-bar{height:5px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.2)}.phs-bar>i{display:block;height:100%;border-radius:999px;background:#fff;transition:width .5s ease}.phs-tile.is-done{border-color:rgba(52,211,153,.55)}.phs-tile.is-done .phs-tile-count{color:#6ee7b7}@media (max-width:900px){.phs-tiles{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.phs-tiles{grid-template-columns:1fr 1fr}}
.referral-content{display:flex;flex-direction:column;gap:20px}.referral-section{display:flex;flex-direction:column;gap:12px}.referral-section-title{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.referral-section-title i,.referral-section-title svg{width:14px;height:14px;color:var(--primary-accent,#3b6ef5);opacity:.7}.referral-link-card{background:var(--bg-card);border-radius:12px;border:1px solid rgba(59,110,245,.08);padding:12px}.referral-link-box{display:flex;gap:8px}.referral-link-box input{flex:1;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:var(--bg-main);color:var(--text-primary);font-size:.78rem;font-family:'JetBrains Mono','Fira Code',monospace;outline:0;min-width:0;transition:border-color .2s}.referral-link-box input:focus{border-color:rgba(59,110,245,.3)}.btn-copy-referral{width:38px;min-width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:var(--bg-main);color:var(--text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.btn-copy-referral:hover{background:rgba(59,110,245,.08);color:var(--primary-accent,#3b6ef5);border-color:rgba(59,110,245,.2)}.btn-copy-referral i,.btn-copy-referral svg{width:15px;height:15px}.referral-rewards-card{background:var(--bg-card);border-radius:14px;border:1px solid rgba(59,110,245,.08);overflow:hidden}.referral-rewards-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04);gap:8px}.referral-rewards-title{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.referral-rewards-title i,.referral-rewards-title svg{width:14px;height:14px;color:var(--primary-accent,#3b6ef5);opacity:.7}.referral-rewards-trigger{font-size:.66rem;color:var(--text-muted);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:4px 10px;white-space:nowrap}.referral-rewards-row{display:flex;align-items:center;padding:16px}.referral-reward-item{flex:1;display:flex;align-items:center;gap:12px}.referral-reward-item-info{display:flex;flex-direction:column;gap:2px}.referral-rewards-divider{width:1px;height:36px;background:rgba(255,255,255,.06);margin:0 16px;flex-shrink:0}.referral-x2-banner{display:flex;align-items:center;gap:6px;padding:8px 16px;border-top:1px solid rgba(255,255,255,.04);background:rgba(255,255,255,.02);font-size:.72rem;font-weight:600;color:var(--text-secondary)}.referral-x2-banner i,.referral-x2-banner svg{width:13px;height:13px;opacity:.7}.referral-reward-value{font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.2}.referral-reward-desc{font-size:.75rem;font-weight:500;color:var(--text-secondary);line-height:1.3}.referral-reward-sub{font-size:.7rem;color:var(--text-muted);line-height:1.3}.referral-filleul-value{color:var(--text-primary)!important}.referral-x2{color:var(--text-primary);font-weight:700}.referral-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.referral-quick-stat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--bg-card);border-radius:12px;border:1px solid rgba(59,110,245,.06);transition:border-color .2s}.referral-quick-stat:hover{border-color:rgba(59,110,245,.15)}.rqs-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.05);color:var(--text-secondary)}.rqs-icon i,.rqs-icon svg{width:16px;height:16px}.rqs-icon.filleuls{background:rgba(59,110,245,.1);color:var(--primary-accent,#3b6ef5)}.rqs-icon.valides{background:rgba(59,110,245,.1);color:var(--primary-accent,#3b6ef5)}.rqs-icon.gems{background:rgba(59,110,245,.1);color:var(--primary-accent,#3b6ef5)}.rqs-icon.filleul-reward{background:rgba(59,110,245,.1);color:var(--primary-accent,#3b6ef5)}.rqs-icon.premium{background:rgba(251,191,36,.1);color:#fbbf24}.rqs-value{font-size:1.15rem;font-weight:700;color:var(--text-headings);line-height:1}.rqs-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.referral-reward-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-card);border-radius:12px;border:1px solid rgba(59,110,245,.06)}.referral-reward-card .referral-reward-info{display:flex;flex-direction:column;gap:1px;min-width:0}.referral-reward-premium{border:1px solid rgba(251,191,35,.1)}.referral-premium-value{color:var(--text-primary)!important;font-size:.9rem;font-weight:700}.referral-reward-unlocked{border-color:rgba(74,222,128,.15)}.referral-reward-unlocked .referral-premium-value{color:#6ee7a0!important}.referral-users-card{background:var(--bg-card);border-radius:12px;border:1px solid rgba(255,255,255,.06);overflow:hidden}.referral-table{width:100%;border-collapse:collapse;font-size:.8rem}.referral-table thead{background:rgba(255,255,255,.02)}.referral-table th{font-size:.66rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.04)}.referral-table td{padding:10px 14px;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.03)}.referral-table tbody tr:last-child td{border-bottom:none}.referral-table tbody tr:hover{background:rgba(255,255,255,.02)}.referral-td-user{font-weight:600}.referral-td-date{color:var(--text-muted);font-size:.75rem}.referral-badge-status{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;font-size:.68rem;font-weight:600;white-space:nowrap}.referral-badge-status i,.referral-badge-status svg{width:11px;height:11px}.referral-status-ok{background:rgba(74,222,128,.08);color:#6ee7a0}.referral-status-pending{background:rgba(251,191,36,.08);color:#fbbf24}.referral-empty{text-align:center;padding:32px 16px;background:rgba(59,110,245,.03);border-radius:12px;border:1px solid rgba(59,110,245,.06)}.referral-empty i,.referral-empty svg{width:32px;height:32px;margin-bottom:10px;opacity:.4;color:var(--primary-accent,#3b6ef5)}.referral-empty p{font-size:.82rem;color:var(--text-secondary);margin:0}.referral-disabled{text-align:center;padding:48px 24px}.referral-disabled i,.referral-disabled svg{width:40px;height:40px;color:var(--text-muted);margin-bottom:12px;opacity:.4}.referral-disabled h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.referral-disabled p{font-size:.82rem;color:var(--text-secondary);margin:0}.referral-error,.referral-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 24px;color:var(--text-secondary);font-size:.85rem}.referral-error i,.referral-error svg{color:#f87171}@media (max-width:480px){.referral-quick-stats{gap:6px}.referral-quick-stat{padding:12px 4px}.rqs-icon{width:30px;height:30px}.rqs-value{font-size:.95rem}.referral-link-box input{font-size:.7rem}.referral-table{font-size:.72rem}.referral-table td,.referral-table th{padding:8px 10px}}.admin-referral-section{padding:0}.admin-section-header{margin-bottom:20px}.admin-section-header h3{font-size:1.05rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px;margin:0 0 4px}.admin-section-header h3 i,.admin-section-header h3 svg{width:20px;height:20px;opacity:.6}.admin-section-desc{font-size:.82rem;color:var(--text-secondary);margin:0}.admin-referral-grid{display:flex;flex-direction:column;gap:16px}.admin-referral-stats-row{display:flex;gap:10px}.admin-referral-mini-stat{flex:1;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:var(--bg-card);border:1px solid rgba(255,255,255,.06)}.admin-referral-mini-stat i,.admin-referral-mini-stat svg{width:18px;height:18px;opacity:.5;flex-shrink:0}.admin-referral-mini-stat .value{display:block;font-size:1.05rem;font-weight:700;color:var(--text-primary)}.admin-referral-mini-stat .label{display:block;font-size:.7rem;color:var(--text-muted)}.admin-referral-card{border-radius:14px;border:1px solid rgba(255,255,255,.06);background:var(--bg-card);overflow:hidden}.admin-referral-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.04)}.admin-referral-card-header h4{font-size:.82rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.admin-referral-card-header h4 i,.admin-referral-card-header h4 svg{width:15px;height:15px;opacity:.5}.admin-referral-card-body{padding:16px 18px}.admin-toggle-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--text-primary);gap:12px;padding:4px 0}.admin-toggle-row input[type=checkbox]{position:relative;width:40px;height:22px;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,.1);border-radius:99px;cursor:pointer;transition:background .2s;flex-shrink:0}.admin-toggle-row input[type=checkbox]:checked{background:var(--primary-accent,#3b6ef5)}.admin-toggle-row input[type=checkbox]::before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.admin-toggle-row input[type=checkbox]:checked::before{transform:translateX(18px)}.admin-referral-table-wrap{overflow-x:auto}.admin-referral-table{width:100%;border-collapse:collapse;font-size:.8rem}.admin-referral-table thead{background:rgba(255,255,255,.02)}.admin-referral-table th{font-size:.66rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.04)}.admin-referral-table td{padding:10px 14px;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.03)}.admin-referral-table tbody tr:last-child td{border-bottom:none}.admin-referral-table tbody tr:hover{background:rgba(255,255,255,.02)}.admin-ref-status{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;font-size:.68rem;font-weight:600;white-space:nowrap}.admin-ref-status i,.admin-ref-status svg{width:11px;height:11px}.admin-ref-ok{background:rgba(74,222,128,.08);color:#6ee7a0}.admin-ref-pending{background:rgba(251,191,36,.08);color:#fbbf24}.admin-referral-actions{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.04)}.admin-referral-actions .btn-primary{padding:10px 20px;border-radius:10px;border:none;background:var(--primary-accent,#3b6ef5);color:#fff;font-weight:600;font-size:.82rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.admin-referral-actions .btn-primary:hover{opacity:.9;transform:translateY(-1px)}.admin-referral-actions .btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.admin-referral-actions .btn-primary i,.admin-referral-actions .btn-primary svg{width:15px;height:15px}.admin-save-status{font-size:.82rem;font-weight:600}.admin-loader{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:var(--text-secondary)}.admin-empty-text{text-align:center;color:var(--text-muted);font-size:.82rem;padding:20px 12px}.admin-error{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:#f87171}@media (max-width:640px){.admin-referral-stats-row{flex-direction:column}.admin-referral-table{font-size:.72rem}.admin-referral-table td,.admin-referral-table th{padding:8px 10px}}.aff-section{margin-top:4px}.aff-balance-card{background:var(--bg-card);border:1px solid rgba(59,110,245,.08);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:14px}.aff-balance-row{display:flex;align-items:stretch;gap:0}.aff-bal-item{flex:1;display:flex;flex-direction:column;gap:3px;padding:4px 8px}.aff-bal-divider{width:1px;background:rgba(255,255,255,.06);margin:0 8px;flex-shrink:0}.aff-bal-label{font-size:.68rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.aff-bal-value{font-size:1.2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.aff-bal-avail{color:var(--primary-accent,#3b6ef5)}.aff-bal-paid{color:var(--text-secondary)}.aff-bal-info{display:flex;align-items:flex-start;gap:8px;font-size:.75rem;color:var(--text-muted);margin:0;padding:12px 0 0;border-top:1px solid rgba(59,110,245,.06);line-height:1.6}.aff-bal-info i,.aff-bal-info svg{width:14px;height:14px;flex-shrink:0;margin-top:2px;color:var(--primary-accent,#3b6ef5);opacity:.6}.aff-bal-info span{flex:1;min-width:0}.aff-bal-info strong{color:var(--text-primary)}.aff-history{display:flex;flex-direction:column;gap:8px}.aff-history-title{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.aff-hist-amount{font-weight:700;color:var(--primary-accent,#3b6ef5)}.aff-pending-notice{display:flex;align-items:center;gap:8px;background:rgba(251,191,36,.05);border:1px solid rgba(251,191,36,.12);border-radius:10px;padding:12px 14px;font-size:.78rem;font-weight:500;color:var(--text-secondary)}.aff-pending-notice i,.aff-pending-notice svg{width:14px;height:14px;flex-shrink:0;opacity:.6}.aff-not-enough{display:flex;align-items:flex-start;gap:10px;background:rgba(59,110,245,.04);border:1px solid rgba(59,110,245,.08);border-radius:10px;padding:14px 16px;font-size:.8rem;color:var(--text-secondary);line-height:1.5}.aff-not-enough i,.aff-not-enough svg{width:15px;height:15px;flex-shrink:0;margin-top:1px;color:var(--primary-accent,#3b6ef5);opacity:.5}.aff-not-enough span{flex:1;min-width:0}.aff-not-enough strong{color:var(--text-primary)}.aff-payout-form{background:var(--bg-card);border:1px solid rgba(59,110,245,.08);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:14px}.aff-payout-title{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:var(--text-primary)}.aff-payout-title i,.aff-payout-title svg{width:15px;height:15px;color:var(--primary-accent,#3b6ef5);opacity:.7}.aff-form-row{display:flex;flex-direction:column;gap:6px}.aff-form-row label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.aff-method-btns{display:flex;gap:8px}.aff-method-btn{flex:1;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:0 0;color:var(--text-secondary);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s}.aff-method-btn.active,.aff-method-btn:hover{border-color:rgba(59,110,245,.3);color:var(--primary-accent,#3b6ef5);background:rgba(59,110,245,.06)}.aff-input{padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:var(--bg-main);color:var(--text-primary);font-size:.82rem;width:100%;box-sizing:border-box;transition:border-color .2s}.aff-input:focus{outline:0;border-color:rgba(59,110,245,.3)}.aff-submit-btn{padding:10px 18px;border-radius:10px;border:none;background:var(--primary-accent,#3b6ef5);color:#fff;font-weight:600;font-size:.82rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.aff-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.aff-submit-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.aff-submit-btn i,.aff-submit-btn svg{width:14px;height:14px}.aff-error{font-size:.78rem;color:#f87171;margin:0}.admin-badge-success{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:.68rem;font-weight:600;background:rgba(74,222,128,.08);color:#6ee7a0}.admin-badge-error{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:.68rem;font-weight:600;background:rgba(248,113,113,.08);color:#f87171}.admin-badge-pending{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:.68rem;font-weight:600;background:rgba(251,191,36,.08);color:#fbbf24}.admin-btn-xs{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;border:none;cursor:pointer;transition:all .15s;margin-right:4px}.admin-btn-xs i,.admin-btn-xs svg{width:13px;height:13px}.admin-btn-success{background:rgba(74,222,128,.08);color:#6ee7a0}.admin-btn-success:hover{background:rgba(74,222,128,.2)}.admin-btn-danger{background:rgba(248,113,113,.08);color:#f87171}.admin-btn-danger:hover{background:rgba(248,113,113,.2)}.admin-btn-xs:disabled{opacity:.3;cursor:not-allowed}.side-modal-overlay[data-current-view=referral] .side-modal-header{background:linear-gradient(135deg,var(--bg-card) 0,rgba(59,110,245,.04) 100%);border-bottom:1px solid rgba(59,110,245,.08)}.side-modal-overlay[data-current-view=referral] .side-modal-header::after,.side-modal-overlay[data-current-view=referral] .side-modal-header::before{display:none}.side-modal-overlay[data-current-view=referral] .side-modal-header-content h2{color:var(--text-headings)}.side-modal-overlay[data-current-view=referral] .side-modal-header-content h2 i{color:var(--primary-accent,#3b6ef5);opacity:.7}.side-modal-overlay[data-current-view=referral] .side-modal-subtitle{color:var(--text-muted)}.side-modal-overlay[data-current-view=referral] .side-modal-action-btn,.side-modal-overlay[data-current-view=referral] .side-modal-close{background:rgba(59,110,245,.06);border-color:rgba(59,110,245,.12);color:var(--text-secondary)}.side-modal-overlay[data-current-view=referral] .side-modal-action-btn:hover,.side-modal-overlay[data-current-view=referral] .side-modal-close:hover{background:rgba(59,110,245,.12);color:var(--primary-accent,#3b6ef5)}
@keyframes contest-fade-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes contest-modal-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes contest-spin{to{transform:rotate(360deg)}}.banner-carousel{margin-bottom:1.4rem}.banner-carousel-viewport{overflow:hidden;border-radius:12px}.banner-carousel-track{display:flex;transition:transform .5s cubic-bezier(.22, 1, .36, 1)}.banner-slide{flex:0 0 100%;min-width:100%}.banner-slide .contest-banner{margin-bottom:0}.banner-carousel{margin-bottom:6px}.banner-slide .contest-banner{gap:.6rem;padding:6px 11px;border-radius:12px;flex-wrap:nowrap}.banner-slide .contest-banner,.banner-slide .contest-banner[class*=contest-banner--]{--banner-tint:124,58,237;background:rgba(var(--banner-tint),.06);border:1px dashed rgba(var(--banner-tint),.45);box-shadow:none;color:var(--text-primary,#1f2937);opacity:1;animation:none}.banner-slide .contest-banner::before{display:none}.banner-slide .contest-banner:hover{background:rgba(var(--banner-tint),.1);border-color:rgba(var(--banner-tint),.65);transform:none;box-shadow:none}.banner-slide .contest-banner--info[class]{--banner-tint:37,99,235}.banner-slide .contest-banner--success[class]{--banner-tint:22,163,74}.banner-slide .contest-banner--warning[class]{--banner-tint:217,119,6}.banner-slide .contest-banner--error[class]{--banner-tint:220,38,38}.banner-slide .contest-banner--update[class]{--banner-tint:8,145,178}.banner-slide .contest-banner--poll[class]{--banner-tint:2,132,199}.banner-slide .contest-banner--event[class]{--banner-tint:147,51,234}.banner-slide .contest-banner-title{color:var(--text-primary,#1f2937)}.banner-slide .contest-banner-label,.banner-slide .contest-banner-prize,.banner-slide .contest-banner-timer,.banner-slide .contest-banner-timer.waiting{color:var(--text-muted,#6b7280)}.banner-slide .contest-banner-icon{background:rgba(var(--banner-tint),.15);color:rgb(var(--banner-tint))}.banner-slide .contest-banner-cta{background:rgb(var(--banner-tint));color:#fff}.banner-slide .contest-banner--ann .contest-banner-cta{color:#fff}.banner-slide .contest-banner-icon{width:28px;height:28px;border-radius:8px;flex-shrink:0}.banner-slide .contest-banner-icon i{width:15px;height:15px}.banner-slide .contest-banner-main{flex-direction:row;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.banner-slide .contest-banner-label,.banner-slide .contest-banner-prize{display:none}.banner-slide .contest-banner-title{flex:1 1 auto;min-width:0;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner-slide .contest-banner-right{flex-direction:row;align-items:center;gap:9px;flex-shrink:0}.banner-slide .contest-banner-cta{padding:5px 12px;white-space:nowrap}@media (max-width:640px){.banner-slide .contest-banner{gap:.5rem;padding:6px 10px}.banner-slide .contest-banner-timer{display:none}.banner-slide .contest-banner-cta{width:32px;height:32px;padding:0;border-radius:9px;font-size:0}.banner-slide .contest-banner-cta i{width:16px;height:16px;margin:0}}.banner-dots{display:flex;justify-content:center;gap:7px;margin-top:10px}.banner-dot{width:8px;height:8px;padding:0;border:none;border-radius:999px;background:var(--border-color,#cbd5e1);cursor:pointer;transition:width .25s ease,background .25s ease}.banner-dot.on{width:22px;background:var(--primary-accent,#3b6ef5)}@media (max-width:640px){.banner-dots{display:none}}@media (prefers-reduced-motion:reduce){.banner-carousel-track{transition:none}}.contest-banner{display:flex;align-items:center;gap:1.1rem;width:100%;text-align:left;padding:1.1rem 1.4rem;margin-bottom:1.4rem;border:none;border-radius:18px;background:radial-gradient(130% 160% at 100% 0,rgba(236,72,153,.45),transparent 55%),linear-gradient(135deg,#7c3aed 0,#6d28d9 45%,#4f46e5 100%);cursor:pointer;color:#fff;transition:transform .18s ease,box-shadow .18s ease;animation:contest-fade-up .4s cubic-bezier(.22,1,.36,1) both;overflow:hidden;position:relative;box-shadow:0 8px 24px rgba(79,70,229,.28)}.contest-banner::before{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-18deg);animation:contest-banner-shine 4.5s ease-in-out infinite;pointer-events:none}@keyframes contest-banner-shine{0%,55%{left:-60%}100%{left:130%}}.contest-banner:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(79,70,229,.4)}.contest-banner-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;flex-shrink:0;border-radius:14px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(4px)}.contest-banner-icon i{width:25px;height:25px}.contest-banner-main{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;position:relative}.contest-banner-label{display:inline-flex;align-items:center;gap:5px;font-size:var(--font-2xs, .7rem);font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:#fde68a}.contest-banner-label i{width:12px;height:12px}.contest-banner-title{font-size:var(--font-base, .95rem);font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contest-banner-prize{font-size:var(--font-xs, .75rem);color:rgba(255,255,255,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contest-banner-right{display:flex;flex-direction:column;align-items:flex-end;gap:9px;flex-shrink:0;position:relative}.contest-banner-timer{display:inline-flex;align-items:center;gap:5px;font-size:var(--font-xs, .75rem);font-weight:800;color:#fff}.contest-banner-timer.waiting{color:rgba(255,255,255,.85)}.contest-banner-timer i{width:13px;height:13px}.contest-banner-cta{display:inline-flex;align-items:center;gap:5px;padding:8px 17px;border:none;border-radius:11px;background:#fff;color:#6d28d9;font-size:var(--font-xs, .75rem);font-weight:800;white-space:nowrap;cursor:pointer;transition:gap .18s ease,box-shadow .18s ease;box-shadow:0 3px 10px rgba(0,0,0,.15)}.contest-banner:hover .contest-banner-cta{gap:9px;box-shadow:0 5px 16px rgba(0,0,0,.22)}.contest-banner-cta i{width:13px;height:13px}.contest-banner--ann{cursor:default}.contest-banner--ann .contest-banner-cta{cursor:pointer}.contest-banner--ann .contest-banner-label{color:rgba(255,255,255,.9)}.banner-carousel{position:relative}.banner-slide{position:relative}.banner-corner-close{position:absolute;top:-7px;right:-7px;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;background:var(--bg-card,#fff);color:var(--text-muted,#6b7280);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:background .15s,color .15s}.banner-corner-close:hover{background:var(--bg-element,#f3f4f6);color:var(--text-primary,#111827)}.banner-corner-close i{width:12px;height:12px}.contest-banner--info{background:radial-gradient(130% 160% at 100% 0,rgba(96,165,250,.45),transparent 55%),linear-gradient(135deg,#3b82f6 0,#2563eb 50%,#1d4ed8 100%);box-shadow:0 8px 24px rgba(37,99,235,.28)}.contest-banner--info .contest-banner-cta{color:#1d4ed8}.contest-banner--info:hover{box-shadow:0 14px 34px rgba(37,99,235,.4)}.contest-banner--success{background:radial-gradient(130% 160% at 100% 0,rgba(74,222,128,.45),transparent 55%),linear-gradient(135deg,#16a34a 0,#15803d 50%,#166534 100%);box-shadow:0 8px 24px rgba(22,163,74,.28)}.contest-banner--success .contest-banner-cta{color:#15803d}.contest-banner--success:hover{box-shadow:0 14px 34px rgba(22,163,74,.4)}.contest-banner--warning{background:radial-gradient(130% 160% at 100% 0,rgba(251,191,36,.5),transparent 55%),linear-gradient(135deg,#f59e0b 0,#d97706 50%,#b45309 100%);box-shadow:0 8px 24px rgba(217,119,6,.28)}.contest-banner--warning .contest-banner-cta{color:#b45309}.contest-banner--warning:hover{box-shadow:0 14px 34px rgba(217,119,6,.4)}.contest-banner--error{background:radial-gradient(130% 160% at 100% 0,rgba(248,113,113,.45),transparent 55%),linear-gradient(135deg,#ef4444 0,#dc2626 50%,#b91c1c 100%);box-shadow:0 8px 24px rgba(220,38,38,.28)}.contest-banner--error .contest-banner-cta{color:#b91c1c}.contest-banner--error:hover{box-shadow:0 14px 34px rgba(220,38,38,.4)}.contest-banner--update{background:radial-gradient(130% 160% at 100% 0,rgba(34,211,238,.45),transparent 55%),linear-gradient(135deg,#06b6d4 0,#0891b2 50%,#0e7490 100%);box-shadow:0 8px 24px rgba(8,145,178,.28)}.contest-banner--update .contest-banner-cta{color:#0e7490}.contest-banner--update:hover{box-shadow:0 14px 34px rgba(8,145,178,.4)}.contest-banner--poll{background:radial-gradient(130% 160% at 100% 0,rgba(56,189,248,.45),transparent 55%),linear-gradient(135deg,#0ea5e9 0,#0284c7 50%,#0369a1 100%);box-shadow:0 8px 24px rgba(2,132,199,.28)}.contest-banner--poll .contest-banner-cta{color:#0369a1}.contest-banner--poll:hover{box-shadow:0 14px 34px rgba(2,132,199,.4)}.contest-banner--event{background:radial-gradient(130% 160% at 100% 0,rgba(192,132,252,.45),transparent 55%),linear-gradient(135deg,#a855f7 0,#9333ea 50%,#7e22ce 100%);box-shadow:0 8px 24px rgba(147,51,234,.28)}.contest-banner--event .contest-banner-cta{color:#7e22ce}.contest-banner--event:hover{box-shadow:0 14px 34px rgba(147,51,234,.4)}@media (max-width:640px){.banner-carousel .contest-banner{flex-wrap:nowrap}:not(.banner-slide)>.contest-banner{flex-wrap:wrap}:not(.banner-slide)>.contest-banner .contest-banner-right{flex-direction:row;align-items:center;justify-content:space-between;width:100%}}.contest-page{max-width:var(--container-wide);width:100%;margin:0 auto;padding:0 30px 60px;box-sizing:border-box;animation:contest-fade-up .3s ease-out both}.contest-header{background:var(--gradient-primary);border-radius:var(--radius-xl);padding:48px 40px;margin-bottom:28px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap}.contest-header::before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:rgba(255,255,255,.1);border-radius:50%}.contest-header-content{position:relative;z-index:1}.contest-header-content h1{font-size:var(--font-4xl, 2.2rem);font-weight:800;margin:0 0 8px;color:#fff}.contest-header-content p{color:rgba(255,255,255,.88);font-size:var(--font-lg, 1.05rem);margin:0}.contest-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.2);color:#fff;font-size:var(--font-sm, .85rem);font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:7px 14px;border-radius:var(--radius-pill,999px);margin-bottom:14px}.contest-badge i{width:15px;height:15px}.btn-create-contest{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:12px;font-size:var(--font-sm, .85rem);font-weight:700;cursor:pointer;transition:transform .15s,background .15s;white-space:nowrap}.btn-create-contest:hover{transform:translateY(-1px);background:rgba(255,255,255,.3)}.btn-create-contest i{width:15px;height:15px}.contest-list{display:flex;flex-direction:column;gap:1.6rem}.contest-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:5rem 2rem;color:var(--text-muted)}.contest-loading-spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--primary-accent,#3b6ef5);border-radius:50%;animation:contest-spin .8s linear infinite;flex-shrink:0}.contest-loading span{font-size:var(--font-sm, .85rem);font-weight:600}.contest-empty{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:5rem 2rem;text-align:center;color:var(--text-muted)}.contest-empty i{width:52px;height:52px;opacity:.35}.contest-empty h3{font-size:var(--font-lg, 1.1rem);color:var(--text-primary);margin:0}.contest-empty p{font-size:var(--font-sm, .85rem);margin:0}.contest-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:contest-fade-up .4s cubic-bezier(.22,1,.36,1) both}.contest-card:first-child{animation-delay:20ms}.contest-card:nth-child(2){animation-delay:80ms}.contest-card:nth-child(3){animation-delay:.14s}.contest-card:nth-child(4){animation-delay:.2s}.contest-card:nth-child(n+5){animation-delay:.24s}.contest-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.1);border-color:rgba(59,110,245,.25)}.contest-card.ended{opacity:.75}.contest-card.ended:hover{transform:none;box-shadow:0 4px 14px rgba(0,0,0,.05)}.contest-card-image{width:100%;height:190px;overflow:hidden}.contest-card-image img{width:100%;height:100%;object-fit:cover;display:block}.contest-card-body{padding:1.75rem}.contest-card-top{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1.1rem;flex-wrap:wrap}.contest-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--font-xs, .75rem);font-weight:700;padding:4px 11px;border-radius:999px}.contest-status-badge i{width:12px;height:12px}.contest-status-badge.active{background:rgba(16,185,129,.12);color:#10b981}.contest-status-badge.ended{background:var(--bg-hover);color:var(--text-muted)}.contest-status-badge.waiting{background:rgba(245,158,11,.12);color:#f59e0b}.contest-countdown-badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--font-xs, .75rem);font-weight:700;color:#f59e0b;background:rgba(245,158,11,.1);padding:4px 11px;border-radius:999px}.contest-countdown-badge i{width:12px;height:12px}.contest-countdown-badge i,.contest-timer-active i{animation:contest-tick 2s ease-in-out infinite}@keyframes contest-tick{0%,100%{opacity:1}50%{opacity:.45}}.contest-card-title{font-size:var(--font-2xl, 1.45rem);font-weight:800;color:var(--text-headings);margin:0 0 .55rem;line-height:1.25;letter-spacing:-.01em}.contest-card-desc{color:var(--text-secondary);font-size:var(--font-base, .9rem);line-height:1.7;margin:0 0 1.3rem;max-width:60ch;white-space:pre-line}.contest-rules-display{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1.1rem}.contest-rule-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:6px;background:rgba(59,110,245,.1);color:var(--primary-accent,#3b6ef5);font-size:var(--font-2xs, .7rem);font-weight:700}.contest-rule-tag i{width:11px;height:11px}.contest-progress{margin:0 0 1.3rem}.contest-progress-bar{height:8px;border-radius:999px;background:var(--bg-hover);overflow:hidden}.contest-progress-fill{position:relative;height:100%;border-radius:999px;background:linear-gradient(90deg,#3b6ef5,#2554d6);transition:width .6s cubic-bezier(.22, 1, .36, 1);overflow:hidden}.contest-progress-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-100%);animation:contest-shimmer 2.2s ease-in-out infinite}@keyframes contest-shimmer{0%{transform:translateX(-100%)}100%,60%{transform:translateX(100%)}}.contest-progress-label{display:block;margin-top:8px;font-size:var(--font-2xs, .7rem);color:var(--text-muted);font-weight:600}.contest-timer-active{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:10px;margin:.6rem 0;font-size:var(--font-sm, .85rem);font-weight:700;color:#f59e0b}.contest-timer-active i{width:16px;height:16px}.contest-countdown[data-end]{font-weight:700;color:#f59e0b}.contest-prizes-section{margin:0;padding:1.1rem 1.2rem;border-radius:14px;background:var(--bg-body);border:1px solid var(--border-color)}.prizes-label{display:flex;align-items:center;gap:6px;font-size:var(--font-xs, .75rem);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.prizes-label i{width:13px;height:13px}.contest-prizes-grid{display:flex;flex-wrap:wrap;gap:.55rem}.contest-prize-item{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;font-size:var(--font-xs, .75rem);font-weight:600;border:1px solid}.contest-prize-item[data-ptype=premium]{background:rgba(234,179,8,.1);border-color:rgba(234,179,8,.3)}.contest-prize-item[data-ptype=gems]{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.3)}.contest-prize-item[data-ptype=robux]{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3)}.contest-prize-item[data-ptype=cosmetic]{background:rgba(236,72,153,.1);border-color:rgba(236,72,153,.3)}.contest-prize-item[data-ptype=other]{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3)}.contest-prize-item i{width:13px;height:13px}.contest-prize-item[data-ptype=premium] i{color:#eab308}.contest-prize-item[data-ptype=gems] i{color:#8b5cf6}.contest-prize-item[data-ptype=robux] i{color:#22c55e}.contest-prize-item[data-ptype=cosmetic] i{color:#ec4899}.contest-prize-item[data-ptype=other] i{color:#3b82f6}.prize-qty{font-weight:800;margin-left:2px}.prize-fallback-info{font-size:var(--font-2xs, .7rem);color:var(--text-muted);font-style:italic;margin-left:3px}.contest-card-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1.3rem;border-top:1px solid var(--border-color);flex-wrap:wrap}.contest-meta{display:flex;flex-wrap:wrap;gap:.8rem}.contest-meta span{display:inline-flex;align-items:center;gap:5px;font-size:var(--font-xs, .75rem);color:var(--text-muted)}.contest-meta span i{width:12px;height:12px}.contest-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.btn-enter-contest{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;background:linear-gradient(135deg,#3b6ef5,#2554d6);color:#fff;border:none;border-radius:10px;font-size:var(--font-sm, .85rem);font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn-enter-contest:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 16px rgba(59,110,245,.4)}.btn-enter-contest.entered{background:rgba(16,185,129,.12);color:#10b981;cursor:default;border:1px solid rgba(16,185,129,.3)}.btn-enter-contest i{width:14px;height:14px}.contest-admin-actions{display:flex;gap:.5rem}.btn-cancel-contest-action,.btn-draw-contest{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:8px;font-size:var(--font-xs, .75rem);font-weight:600;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);transition:background .15s,color .15s,border-color .15s}.btn-draw-contest:hover{background:rgba(234,179,8,.1);border-color:#eab308;color:#eab308}.btn-cancel-contest-action:hover{background:rgba(239,68,68,.1);border-color:#ef4444;color:#ef4444}.btn-cancel-contest-action i,.btn-draw-contest i{width:13px;height:13px}.contest-winners-section{margin-top:.9rem}.contest-winners-section h4{display:flex;align-items:center;gap:6px;font-size:var(--font-sm, .85rem);font-weight:700;color:#eab308;margin:0 0 .5rem}.contest-winners-section h4 i{width:15px;height:15px}.contest-winners-list{display:flex;flex-wrap:wrap;gap:.4rem}.winner-badge{padding:4px 10px;border-radius:6px;background:rgba(234,179,8,.15);color:#eab308;font-size:var(--font-xs, .75rem);font-weight:600}.winner-badge.fallback{background:rgba(59,110,245,.1);color:var(--primary-accent,#3b6ef5)}.contest-user-won{margin-top:.7rem;padding:10px 14px;background:rgba(234,179,8,.08);border:1px solid rgba(234,179,8,.25);border-radius:10px;font-size:var(--font-sm, .85rem);font-weight:600;color:#eab308;display:flex;align-items:center;gap:6px}.contest-user-won i{width:16px;height:16px}.contest-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:1rem}.contest-modal.active{display:flex}.contest-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.contest-modal-content{position:relative;background:var(--bg-card);border-radius:18px;width:100%;max-width:560px;max-height:88vh;overflow-y:auto;box-shadow:0 24px 64px rgba(0,0,0,.22);animation:contest-modal-in .2s ease-out both}.contest-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-card);z-index:1}.contest-modal-header h2{display:flex;align-items:center;gap:8px;font-size:var(--font-lg, 1.1rem);font-weight:800;margin:0;color:var(--text-headings)}.contest-modal-header h2 i{width:19px;height:19px;color:var(--primary-accent,#3b6ef5)}.contest-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:var(--bg-hover);cursor:pointer;color:var(--text-secondary);transition:background .15s,color .15s;flex-shrink:0}.contest-modal-close:hover{background:rgba(239,68,68,.1);color:#ef4444}.contest-modal-close i{width:15px;height:15px}.contest-modal-body{padding:1.5rem}.contest-form-group{margin-bottom:1rem}.contest-form-group>label{display:block;font-size:var(--font-xs, .75rem);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:.4rem}.contest-form-group input,.contest-form-group select,.contest-form-group textarea{width:100%;padding:10px 13px;border:1px solid var(--border-color);border-radius:10px;font-size:var(--font-sm, .85rem);background:var(--bg-body);color:var(--text-primary);transition:border-color .15s,box-shadow .15s;font-family:inherit}.contest-form-group input:focus,.contest-form-group select:focus,.contest-form-group textarea:focus{outline:0;border-color:var(--primary-accent,#3b6ef5);box-shadow:0 0 0 3px rgba(59,110,245,.12)}.contest-form-group textarea{resize:vertical;min-height:70px}.contest-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contest-form-hint{font-size:var(--font-xs, .75rem);color:var(--text-muted);margin:0 0 .7rem;font-style:italic}.contest-rules-section{margin-top:.3rem}.contest-rules-options{display:flex;flex-direction:column;gap:.6rem}.contest-checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:var(--font-sm, .85rem);color:var(--text-primary);line-height:1.4}.contest-checkbox input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary-accent,#3B6EF5);cursor:pointer;flex-shrink:0;margin-top:1px}.prizes-list{display:flex;flex-direction:column;gap:.7rem;margin-bottom:.8rem}.prize-row{display:flex;flex-direction:column;gap:.4rem;padding:.7rem;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-body)}.prize-row-main{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.prize-row-main input,.prize-row-main select{padding:8px 10px;border:1px solid var(--border-color);border-radius:8px;font-size:var(--font-xs, .75rem);background:var(--bg-card);color:var(--text-primary);font-family:inherit}.prize-row-main select{flex:0 0 130px}.prize-row-main .prize-name{flex:1;min-width:90px}.prize-row-main .prize-quantity{flex:0 0 58px}.prize-row-main .prize-value{flex:0 0 88px}.prize-fallback{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.5rem .6rem;border-radius:8px;background:rgba(245,158,11,.08);border:1px dashed rgba(245,158,11,.3)}.fallback-label{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-2xs, .7rem);font-weight:700;color:#f59e0b;white-space:nowrap}.fallback-label i{width:12px;height:12px}.prize-fallback input,.prize-fallback select{padding:6px 8px;border:1px solid rgba(245,158,11,.3);border-radius:6px;font-size:var(--font-2xs, .7rem);background:var(--bg-card);color:var(--text-primary);font-family:inherit}.prize-fallback select{flex:0 0 100px}.prize-fallback .fallback-name{flex:1;min-width:80px}.prize-fallback .fallback-value{flex:0 0 68px}.btn-remove-prize{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:none;background:rgba(239,68,68,.1);color:#ef4444;cursor:pointer;flex-shrink:0}.btn-remove-prize i{width:13px;height:13px}.btn-add-prize{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border:1px dashed var(--border-color);border-radius:8px;background:0 0;color:var(--text-secondary);font-size:var(--font-xs, .75rem);font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}.btn-add-prize:hover{border-color:var(--primary-accent,#3b6ef5);color:var(--primary-accent,#3b6ef5)}.btn-add-prize i{width:13px;height:13px}.contest-form-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-cancel-contest{padding:9px 18px;border:1px solid var(--border-color);border-radius:10px;background:0 0;color:var(--text-secondary);font-size:var(--font-sm, .85rem);font-weight:600;cursor:pointer}.btn-submit-contest{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;background:linear-gradient(135deg,#3b6ef5,#2554d6);color:#fff;border:none;border-radius:10px;font-size:var(--font-sm, .85rem);font-weight:700;cursor:pointer;transition:transform .15s}.btn-submit-contest:hover{transform:translateY(-1px)}.btn-submit-contest i{width:14px;height:14px}.contest-modal-draw{max-width:460px}.draw-summary{text-align:center}.draw-summary h3{font-size:var(--font-lg, 1.1rem);font-weight:800;color:var(--text-headings);margin:0 0 1rem}.draw-stats{display:flex;justify-content:center;gap:2.5rem;margin-bottom:1.2rem}.draw-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.draw-stat-value{font-size:var(--font-2xl, 1.5rem);font-weight:800;color:var(--primary-accent,#3b6ef5)}.draw-stat-label{font-size:var(--font-xs, .75rem);color:var(--text-muted)}.draw-warning{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:rgba(245,158,11,.1);border-radius:8px;color:#f59e0b;font-size:var(--font-sm, .85rem);font-weight:600;margin-bottom:.8rem}.draw-warning i{width:15px;height:15px}.draw-info{font-size:var(--font-xs, .75rem);color:var(--text-muted);margin-bottom:1.2rem}.btn-confirm-draw{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#eab308,#f59e0b);color:#fff;border:none;border-radius:12px;font-size:var(--font-base, .9rem);font-weight:800;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn-confirm-draw:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(234,179,8,.4)}.btn-confirm-draw:disabled{opacity:.65;cursor:wait}.btn-confirm-draw i{width:17px;height:17px}.draw-results{margin-top:1.5rem;text-align:left}.draw-results h4{font-size:var(--font-base, .9rem);font-weight:700;margin:0 0 .8rem}.draw-winners-list{display:flex;flex-direction:column;gap:.5rem}.draw-winner-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-body);border-radius:10px;border:1px solid var(--border-color)}.winner-name{font-weight:700;color:var(--text-headings);font-size:var(--font-sm, .85rem)}.winner-prize{display:inline-flex;align-items:center;gap:5px;font-size:var(--font-xs, .75rem);font-weight:700}.winner-prize i{width:13px;height:13px}@media (max-width:860px){.contest-header{padding:36px 28px}.contest-header-content h1{font-size:1.9rem}.contest-card-body{padding:1.4rem}}@media (max-width:640px){.contest-page{padding:0 14px 3rem}.contest-header{flex-direction:column;align-items:flex-start;padding:24px 18px;gap:.9rem}.contest-header-content h1{font-size:1.6rem}.contest-header-content p{font-size:.95rem}.btn-create-contest{width:100%;justify-content:center}.contest-form-row{grid-template-columns:1fr}.prize-row-main select{flex:1 1 100%}.prize-row-main .prize-name{flex:1 1 100%}.contest-card-image{height:150px}.contest-card-body{padding:1.25rem}.contest-card-title{font-size:1.25rem}.contest-card-footer{flex-direction:column;align-items:stretch}.contest-actions{width:100%}.btn-enter-contest{flex:1;justify-content:center}.contest-modal-content{max-height:92vh;border-radius:14px}.contest-modal-body{padding:1.2rem}.draw-stats{gap:1.6rem}}@media (prefers-reduced-motion:reduce){.contest-banner,.contest-card,.contest-modal-content,.contest-page{animation:none!important}.contest-banner:hover,.contest-card:hover{transform:none}.contest-banner::before{animation:none;display:none}.contest-countdown-badge i,.contest-progress-fill::after,.contest-timer-active i{animation:none}.contest-progress-fill::after{display:none}.contest-loading-spinner{animation-duration:1.2s}}
.speedrun-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-pill);border:1px solid rgba(245,158,11,.3);background:rgba(245,158,11,.08);color:#f59e0b;font-weight:600;font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast)}.speedrun-btn:hover{background:rgba(245,158,11,.15);border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 12px rgba(245,158,11,.2)}.speedrun-btn i{width:16px;height:16px}.speedrun-container{max-width:700px;margin:0 auto;padding:2rem 1rem}.sr-header{margin-bottom:2rem}.sr-progress-bar{height:6px;border-radius:999px;background:var(--bg-hover);overflow:hidden;margin-bottom:12px}.sr-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#eab308);transition:width .3s ease}.sr-meta{display:flex;align-items:center;justify-content:space-between}.sr-counter{font-size:var(--font-sm);font-weight:600;color:var(--text-secondary)}.sr-timer{font-family:var(--font-code);font-size:var(--font-lg);font-weight:700;color:#f59e0b;padding:4px 12px;background:rgba(245,158,11,.08);border-radius:var(--radius-sm)}.sr-question h3{font-size:var(--font-xl);font-weight:700;color:var(--text-headings);margin-bottom:1.5rem;line-height:1.4}.sr-options{display:flex;flex-direction:column;gap:10px}.sr-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-base);font-weight:500;cursor:pointer;text-align:left;transition:all .15s ease}.sr-option:hover:not(:disabled){border-color:var(--primary-accent);background:var(--primary-light);transform:translateX(4px)}.sr-option.correct{border-color:var(--color-success);background:var(--color-success-light);color:var(--color-success)}.sr-option.wrong{border-color:var(--color-error);background:var(--color-error-light);color:var(--color-error)}.sr-opt-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-element);font-weight:700;font-size:var(--font-xs);color:var(--text-secondary);flex-shrink:0}.sr-option.correct .sr-opt-letter{background:var(--color-success);color:#fff}.sr-option.wrong .sr-opt-letter{background:var(--color-error);color:#fff}.speedrun-results{max-width:500px;margin:2rem auto;text-align:center}.sr-result-header{margin-bottom:1.5rem}.sr-result-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.sr-result-icon.perfect{background:rgba(245,158,11,.12);color:#f59e0b}.sr-result-icon.incomplete{background:var(--color-error-light);color:var(--color-error)}.sr-result-icon i{width:32px;height:32px}.sr-result-header h2{font-size:var(--font-2xl);font-weight:800;color:var(--text-headings);margin:0}.sr-new-record{display:inline-block;margin-top:8px;padding:4px 14px;border-radius:999px;background:rgba(234,179,8,.15);color:#eab308;font-size:var(--font-sm);font-weight:700}.sr-result-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.sr-stat{display:flex;flex-direction:column}.sr-stat-value{font-family:var(--font-code);font-size:var(--font-2xl);font-weight:800;color:var(--text-headings)}.sr-stat-label{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.sr-note{font-size:var(--font-sm);color:var(--text-muted);margin-bottom:1.5rem}.sr-leaderboard{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1.5rem;text-align:left}.sr-lb-header{display:flex;align-items:center;gap:6px;font-weight:700;font-size:var(--font-sm);color:#f59e0b;margin-bottom:10px}.sr-lb-header i{width:14px;height:14px}.sr-my-best{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:rgba(245,158,11,.06);margin-bottom:10px;font-size:var(--font-sm);color:var(--text-secondary)}.sr-my-best i{width:14px;height:14px;color:#f59e0b}.sr-my-best strong{color:var(--text-headings)}.sr-attempts{margin-left:auto;font-size:var(--font-xs);color:var(--text-muted)}.sr-lb-list{display:flex;flex-direction:column;gap:4px}.sr-lb-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-xs)}.sr-lb-row.is-me{background:rgba(var(--primary-rgb),.06)}.sr-lb-rank{font-weight:700;font-size:var(--font-xs);color:var(--text-muted);min-width:28px}.sr-lb-name{flex:1;font-size:var(--font-sm);color:var(--text-primary)}.sr-lb-time{font-family:var(--font-code);font-size:var(--font-sm);font-weight:600;color:var(--text-headings)}.sr-lb-empty{font-size:var(--font-sm);color:var(--text-muted);margin:0}.sr-result-actions{display:flex;gap:12px;justify-content:center}.sr-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-pill);font-weight:600;font-size:var(--font-sm);cursor:pointer;border:none;transition:all var(--transition-fast)}.sr-btn i{width:14px;height:14px}.sr-btn.primary{background:linear-gradient(135deg,#f59e0b,#eab308);color:#fff;box-shadow:0 4px 14px rgba(245,158,11,.3)}.sr-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,158,11,.4)}.sr-btn.secondary{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color)}.sr-btn.secondary:hover{background:var(--border-color);color:var(--text-primary)}
.exam-start{max-width:500px;margin:3rem auto;text-align:center}.exam-start-icon{width:64px;height:64px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(var(--primary-rgb),.1);color:var(--primary-accent)}.exam-start-icon i{width:32px;height:32px}.exam-start h1{font-size:var(--font-2xl);font-weight:800;color:var(--text-headings);margin-bottom:.75rem}.exam-start-desc{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.exam-start-info{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem;font-size:var(--font-sm);color:var(--text-muted)}.exam-start-info span{display:flex;align-items:center;gap:4px}.exam-start-info i{width:14px;height:14px}.exam-start-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border:none;border-radius:var(--radius-pill);background:var(--gradient-primary);color:#fff;font-weight:700;font-size:var(--font-md);cursor:pointer;box-shadow:var(--shadow-accent);transition:all var(--transition-fast)}.exam-start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--primary-rgb),.4)}.exam-start-btn i{width:18px;height:18px}.exam-back-btn{display:inline-flex;align-items:center;gap:6px;margin-top:1.5rem;padding:8px 16px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:0 0;color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer}.exam-back-btn:hover{background:var(--bg-hover)}.exam-locked{margin-top:1.5rem;padding:1.5rem;border-radius:var(--radius-lg);background:var(--color-warning-light);text-align:center}.exam-locked i{width:24px;height:24px;color:var(--color-warning)}.exam-locked p{font-size:var(--font-sm);color:var(--text-secondary);margin:8px 0 0}.exam-container{max-width:700px;margin:0 auto;padding:1.5rem 1rem}.exam-header{margin-bottom:1.5rem}.exam-progress-bar{height:5px;border-radius:999px;background:var(--bg-hover);overflow:hidden;margin-bottom:10px}.exam-progress-fill{height:100%;border-radius:999px;background:var(--gradient-primary);transition:width .3s}.exam-meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-sm)}.exam-counter{font-weight:700;color:var(--text-headings)}.exam-timer{font-family:var(--font-code);font-weight:700;color:var(--primary-accent);padding:3px 10px;background:rgba(var(--primary-rgb),.08);border-radius:var(--radius-sm)}.exam-timer.urgent{color:var(--color-error);background:var(--color-error-light);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.7}}.exam-module-hint{font-size:var(--font-xs);color:var(--text-muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exam-question h3{font-size:var(--font-xl);font-weight:700;color:var(--text-headings);margin-bottom:1.5rem;line-height:1.4}.exam-options{display:flex;flex-direction:column;gap:10px}.exam-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-base);cursor:pointer;text-align:left;transition:all .15s}.exam-option:hover{border-color:var(--primary-accent);background:var(--primary-light)}.exam-option.selected{border-color:var(--primary-accent);background:rgba(var(--primary-rgb),.1);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.exam-opt-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-element);font-weight:700;font-size:var(--font-xs);flex-shrink:0}.exam-option.selected .exam-opt-letter{background:var(--primary-accent);color:#fff}.exam-nav{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.exam-nav-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:0 0;color:var(--text-secondary);font-weight:600;font-size:var(--font-sm);cursor:pointer}.exam-nav-btn:hover{background:var(--bg-hover)}.exam-nav-btn i{width:14px;height:14px}.exam-nav-btn.primary{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.exam-nav-btn.primary:hover{opacity:.9}.exam-nav-btn.submit{background:var(--color-success);color:#fff;border-color:var(--color-success)}.exam-results{max-width:560px;margin:2rem auto;text-align:center}.exam-results-icon{width:72px;height:72px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.exam-results-icon.passed{background:var(--color-success-light);color:var(--color-success)}.exam-results-icon.failed{background:var(--color-warning-light);color:var(--color-warning)}.exam-results-icon i{width:36px;height:36px}.exam-results h2{font-size:var(--font-2xl);font-weight:800;color:var(--text-headings)}.exam-fail-msg,.exam-pass-msg{font-size:var(--font-sm);color:var(--text-secondary);margin:.5rem 0 1.5rem}.exam-result-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.exam-stat{display:flex;flex-direction:column}.exam-stat-value{font-size:var(--font-2xl);font-weight:800;color:var(--text-headings)}.exam-stat-label{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;font-weight:600}.exam-categories{text-align:left;margin-bottom:2rem}.exam-categories h3{font-size:var(--font-base);font-weight:700;color:var(--text-headings);margin-bottom:12px}.exam-cat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.exam-cat-name{flex:1;font-size:var(--font-sm);color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exam-cat-bar{width:100px;height:6px;border-radius:999px;background:var(--bg-hover);overflow:hidden;flex-shrink:0}.exam-cat-bar div{height:100%;border-radius:999px;transition:width .4s}.exam-cat-score{font-size:var(--font-xs);font-weight:700;color:var(--text-muted);min-width:30px;text-align:right}.exam-result-actions{display:flex;gap:12px;justify-content:center}.exam-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius-pill);font-weight:600;font-size:var(--font-sm);cursor:pointer;border:none;transition:all var(--transition-fast)}.exam-btn i{width:14px;height:14px}.exam-btn.primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-accent)}.exam-btn.primary:hover{transform:translateY(-1px)}.exam-btn.secondary{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color)}.exam-btn.secondary:hover{background:var(--border-color)}
.cc-widget{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;position:relative;overflow:hidden}.cc-widget::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-accent),var(--color-success))}.cc-widget.is-completed::before{background:var(--color-success)}.cc-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.cc-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary-accent);flex-shrink:0}.cc-icon i{width:18px;height:18px}.cc-info{flex:1;min-width:0}.cc-badge{display:inline-block;font-size:var(--font-2xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-accent);margin-bottom:2px}.cc-title{font-size:var(--font-base);font-weight:700;color:var(--text-headings);margin:0;line-height:1.3}.cc-timer{padding:3px 10px;border-radius:999px;background:var(--bg-element);font-size:var(--font-xs);font-weight:700;color:var(--text-muted);flex-shrink:0}.cc-desc{font-size:var(--font-sm);color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.cc-progress{margin-bottom:10px}.cc-progress-bar{height:8px;border-radius:999px;background:var(--bg-hover);overflow:hidden;margin-bottom:6px}.cc-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary-accent),var(--color-success));transition:width .5s ease}.cc-widget.is-completed .cc-progress-fill{background:var(--color-success)}.cc-progress-meta{display:flex;justify-content:space-between;font-size:var(--font-xs);font-weight:600;color:var(--text-muted)}.cc-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--font-xs);color:var(--text-muted)}.cc-contributors,.cc-reward{display:flex;align-items:center;gap:4px}.cc-contributors i{width:12px;height:12px}.cc-reward i{font-size:10px;color:#f59e0b}.cc-claim-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:10px;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-success),#059669);color:#fff;font-weight:700;font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast)}.cc-claim-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(16,185,129,.3)}.cc-claim-btn i{width:16px;height:16px}
.cr-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:560px;max-width:95vw;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}.cr-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-card);z-index:1}.cr-header-left{display:flex;align-items:center;gap:8px;font-weight:700;font-size:var(--font-md);color:var(--text-headings)}.cr-header-left i{width:18px;height:18px;color:var(--primary-accent)}.cr-close{background:0 0;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:var(--radius-sm)}.cr-close:hover{background:var(--bg-hover);color:var(--text-primary)}.cr-body{padding:20px}.cr-label{display:block;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);margin-bottom:8px}.cr-textarea{width:100%;min-height:200px;padding:14px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-element);color:var(--text-primary);font-family:var(--font-code);font-size:13px;line-height:1.6;resize:vertical;transition:border-color var(--transition-fast)}.cr-textarea:focus{outline:0;border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.cr-textarea::placeholder{color:var(--text-muted)}.cr-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:12px;border:none;border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-weight:700;font-size:var(--font-base);cursor:pointer;transition:all var(--transition-fast)}.cr-submit:hover{transform:translateY(-1px);box-shadow:var(--shadow-accent)}.cr-submit i{width:16px;height:16px}.cr-loading{text-align:center;padding:3rem 1rem}.cr-loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-accent);border-radius:50%;margin:0 auto 1rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cr-loading p{font-weight:600;color:var(--text-headings);margin:0 0 4px}.cr-loading-hint{font-size:var(--font-xs);color:var(--text-muted)}.cr-result-content{font-size:var(--font-sm);line-height:1.7;color:var(--text-primary)}.cr-result-content h3.cr-heading{font-size:var(--font-md);font-weight:700;color:var(--text-headings);margin:1.2rem 0 .5rem}.cr-result-content h3.cr-heading:first-child{margin-top:0}.cr-result-content ul{padding-left:1.2rem;margin:.5rem 0}.cr-result-content li{margin-bottom:4px}.cr-result-content strong{color:var(--text-headings)}.cr-code{display:block;padding:12px;margin:8px 0;border-radius:var(--radius-sm);background:var(--bg-element);font-family:var(--font-code);font-size:12px;overflow-x:auto;border:1px solid var(--border-color)}.cr-inline{padding:2px 6px;border-radius:4px;background:var(--bg-element);font-family:var(--font-code);font-size:.85em}.cr-result-actions{display:flex;gap:10px;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.cr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-sm);cursor:pointer;border:none;transition:all var(--transition-fast)}.cr-btn i{width:14px;height:14px}.cr-btn.primary{background:var(--primary-accent);color:#fff}.cr-btn.primary:hover{opacity:.9}.cr-btn.secondary{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color)}.cr-btn.secondary:hover{background:var(--border-color)}.cr-error{text-align:center;padding:2rem;color:var(--color-error)}.cr-error i{width:32px;height:32px;margin-bottom:8px}.cr-error p{color:var(--text-secondary);margin:8px 0 16px}
.dock-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:100000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);backdrop-filter:blur(5px);opacity:0;transition:opacity .2s;transform:none!important}.dock-modal-overlay.visible{opacity:1}.dock-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:480px;max-width:92vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);transform:translateY(10px) scale(.98);transition:transform .2s}.dock-modal-overlay.visible .dock-modal{transform:none}.dock-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.dock-modal-title{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.05rem;color:var(--text-headings)}.dock-modal-title i{width:20px;height:20px;color:#e2231a}.dock-modal-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:0 0;color:var(--text-muted);cursor:pointer}.dock-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.dock-modal-body{padding:16px 20px;overflow-y:auto}.dock-cheat-cat{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:14px 0 8px}.dock-cheat-cat:first-child{margin-top:0}.dock-cheat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dock-cheat-item{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-primary);font-size:.85rem;font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.dock-cheat-item:hover{border-color:#e2231a;color:#e2231a;transform:translateY(-1px)}.dock-cheat-item i{width:17px;height:17px;flex-shrink:0}.dock-color-modal{width:340px}.dock-color-modal .dock-modal-title i{color:#00a2ff}.dock-color-modal .dock-modal-body{padding:16px 20px}.dock-color-preview{height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-code, monospace);font-weight:800;font-size:1rem;border:1px solid var(--border-color);margin-bottom:12px}.dock-color-picker{width:100%;height:36px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-hover);cursor:pointer;margin-bottom:14px;padding:3px}.dock-color-sliders{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.dock-color-slider{display:flex;align-items:center;gap:10px}.dock-color-slider label{width:16px;font-weight:800;font-size:.82rem;color:var(--text-secondary);text-align:center}.dock-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;outline:0;cursor:pointer}.dock-slider-r{background:linear-gradient(90deg,#000,red)}.dock-slider-g{background:linear-gradient(90deg,#000,#0f0)}.dock-slider-b{background:linear-gradient(90deg,#000,#00f)}.dock-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--text-headings);cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.3)}.dock-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--text-headings);cursor:pointer}.dock-color-num{width:48px;padding:4px 6px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-body);color:var(--text-primary);font-family:var(--font-code, monospace);font-size:.8rem;text-align:center;outline:0}.dock-color-num:focus{border-color:var(--primary-accent)}.dock-color-outputs{display:flex;flex-direction:column;gap:8px}.dock-color-out{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;background:var(--bg-hover)}.dock-color-out-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dock-color-out-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.dock-color-out-value{font-family:var(--font-code, monospace);font-size:.78rem;color:var(--text-headings);word-break:break-all}.dock-color-copy{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:7px;background:var(--bg-card);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all .15s}.dock-color-copy:hover{background:var(--primary-accent);color:#fff}.dock-color-copy i{width:14px;height:14px}@media (max-width:768px){.dock-color-tool{right:50%;transform:translate(50%,-50%)}}
@media (max-width:374px){.arcade-page,.certification-page,.dashboard-v3,.leaderboard-page,.shop-page{padding:0 8px 40px!important}.topbar{padding:0 6px;height:60px}.topbar h1{font-size:.7rem;max-width:100px}.topbar h1::before{width:2px;height:12px}.icon-btn{width:28px;height:28px}.icon-btn i{width:14px;height:14px}.user-profile-widget img{width:28px;height:28px}.welcome-hero{padding:14px 12px!important;border-radius:14px;margin-bottom:16px}.welcome-hero h1{font-size:1.1rem!important;line-height:1.3}.welcome-hero>.welcome-hero-content>p{font-size:.85rem;margin-bottom:12px}.welcome-badge{padding:4px 10px;font-size:.7rem;gap:5px;margin-bottom:8px}.welcome-badge i{width:12px;height:12px}.hero-stats{grid-template-columns:1fr 1fr!important;gap:5px}.hero-stat{padding:6px 8px;gap:5px;border-radius:6px;min-width:0}.hero-stat-value{font-size:.75rem}.hero-stat-label{font-size:.6rem;display:none}.hero-stat i{width:12px;height:12px}.welcome-actions{flex-direction:column;gap:8px;width:100%}.btn-primary-lg{width:100%;justify-content:center;padding:10px 16px;font-size:.85rem}.btn-primary-lg i{width:16px;height:16px}.dash-card{padding:14px!important;border-radius:10px}.dash-card-header{margin-bottom:10px;gap:8px}.dash-card-header h3{font-size:.9rem}.dash-card-header i{width:16px;height:16px}.dashboard-grid-2x2,.dashboard-main-grid,.objectives-grid,.quick-grid,.steps-grid{grid-template-columns:1fr!important;gap:10px}.quick-btn{padding:10px 12px;gap:10px}.quick-icon{width:32px;height:32px;min-width:32px}.quick-icon i{width:14px;height:14px}.quick-label{font-size:.75rem}.quick-desc{font-size:.6rem;line-height:1.3}.reward-days-row{gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:6px}.reward-day-box{padding:10px 5px;min-width:55px;flex-shrink:0}.reward-day-icon{width:28px;height:28px;border-radius:8px}.reward-day-icon i,.reward-day-icon svg{width:14px!important;height:14px!important}.reward-day-label,.reward-day-number{font-size:.58rem}.reward-day-gems{font-size:.75rem}.module-body{flex-direction:column;text-align:center;gap:8px}.module-icon{width:36px;height:36px}.module-text h4{font-size:.85rem}.module-text p{font-size:.7rem}.badges-grid-compact{grid-template-columns:repeat(3,1fr)!important;gap:5px}.badges-grid-compact .badge-item{padding:8px 4px;border-radius:8px}.badges-grid-compact .badge-item i{width:16px;height:16px}.lb-entry{padding:8px 10px;gap:8px}.lb-rank{width:20px;height:20px;font-size:.6rem}.lb-avatar{width:24px;height:24px}.lb-user{font-size:.75rem}.lb-score{font-size:.65rem}.modal-container{width:95vw;max-width:none;margin:10px;border-radius:12px}.modal-header{padding:14px 16px}.modal-header h2{font-size:1rem}.modal-body{padding:14px 16px}.modal-footer{padding:12px 16px;flex-direction:column;gap:8px}.modal-footer .btn{width:100%}.side-modal-container{width:100%!important;max-width:100%!important;border-radius:0}.side-modal-header{padding:14px 16px 12px}.side-modal-body{padding:12px}.profile-header{padding:18px 16px}.profile-avatar-large{width:70px;height:70px}.profile-info h2{font-size:1.05rem}.profile-stats-grid{grid-template-columns:1fr!important;gap:8px}.stat-card{padding:12px}.progress-circle-large{width:100px;height:100px}.progress-text .progress-value{font-size:1.5rem}.progress-stats-row{grid-template-columns:1fr!important;gap:8px}.progress-stat{flex-direction:row;gap:10px;padding:12px;text-align:left}.modal-tabs{padding:4px;margin:0 10px 12px;gap:3px}.modal-tab-btn{padding:8px 6px;font-size:.65rem;gap:4px}.modal-tab-btn i{width:12px;height:12px}.notifications-dropdown{left:5px!important;right:5px!important;width:auto!important;max-height:calc(100vh - 80px)}.notification-item{padding:10px 12px;gap:10px}.notif-icon{width:32px;height:32px}.notif-content h4{font-size:.8rem}.notif-content p{font-size:.7rem}.shop-header{padding:28px 18px;border-radius:16px}.shop-header h1{font-size:1.5rem}.shop-header p{font-size:.9rem}.shop-balance{padding:12px 16px}.shop-balance span{font-size:1.4rem}.shop-tabs{gap:6px;flex-wrap:wrap}.shop-tab-btn{padding:8px 12px;font-size:.75rem}.shop-grid{grid-template-columns:1fr 1fr;gap:10px}.shop-item{padding:12px;border-radius:12px}.item-preview{height:70px;margin-bottom:10px}.item-name{font-size:.8rem}.item-price{font-size:.85rem}.arcade-header{padding:22px 16px;border-radius:14px}.arcade-header h1{font-size:1.4rem}.duel-card,.game-card{border-radius:14px}.duel-header,.game-info{padding:14px 16px}.game-thumbnail{height:110px}.leaderboard-header{padding:22px 16px;border-radius:14px}.leaderboard-header h1{font-size:1.3rem}.leaderboard-badge{font-size:.7rem;padding:6px 12px}.podium-container{gap:8px;padding:0 4px}.podium-item{padding:12px 8px}.podium-avatar{width:45px;height:45px}.podium-item.first .podium-avatar{width:55px;height:55px}.podium-name{font-size:.7rem}.podium-score{font-size:.65rem}.type-btn{padding:10px 14px;font-size:.75rem;gap:8px}.lb-table-row{grid-template-columns:40px 1fr auto;padding:10px 12px;gap:8px}.lb-col-user img{width:30px;height:30px}.lb-col-xp{font-size:.8rem}.rank-badge{width:28px;height:28px;font-size:.75rem}.onboarding-container{padding:16px}.onboarding-card{padding:20px 16px;border-radius:16px}.onboarding-title{font-size:1.3rem}.onboarding-step-content h3{font-size:1.1rem}.input-field,select,textarea{padding:10px 12px;font-size:.85rem}.btn,button{padding:10px 16px;font-size:.85rem}.sidebar.mobile-open .nav-item{padding:8px 14px;font-size:.8rem}.sidebar.mobile-open .nav-item i{width:16px;height:16px}.sidebar.mobile-open .nav-label{font-size:.65rem;margin-bottom:4px}}@media (min-width:375px) and (max-width:480px){.hero-stat-label{display:inline;font-size:.65rem}.quick-grid{grid-template-columns:1fr 1fr}.badges-grid-compact{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){body,html{overflow-x:hidden;max-width:100vw}.app-layout{max-width:100vw;overflow-x:hidden}.main-wrapper{max-width:100%;overflow-x:hidden}.main-content{overflow-x:hidden;max-width:100%}.arcade-header,.dash-card,.leaderboard-header,.shop-header,.welcome-hero{max-width:100%;box-sizing:border-box}.modal-tabs,.reward-days-row,.shop-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.modal-tabs::-webkit-scrollbar,.reward-days-row::-webkit-scrollbar,.shop-tabs::-webkit-scrollbar{display:none}.lb-table{overflow-x:auto;-webkit-overflow-scrolling:touch}img{max-width:100%;height:auto}embed,iframe,object,video{max-width:100%}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1 1 auto;min-width:120px}.badge-item,.btn,.nav-item,.quick-btn,.shop-item,button{-webkit-tap-highlight-color:transparent}.truncate-mobile{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}@media (max-width:768px) and (prefers-reduced-motion:no-preference){.leaderboard-header::before,.shop-header::before,.welcome-hero::before{animation:none}*,::after,::before{transition-duration:.15s!important}}@media (max-height:500px) and (orientation:landscape){.topbar{height:50px}.sidebar{top:50px;height:calc(100vh - 50px);height:calc(100dvh - 50px)}.main-content{padding-top:0}.welcome-hero{padding:16px 20px!important;margin-bottom:12px}.welcome-hero h1{font-size:1.2rem}.modal-container,.side-modal-container{max-height:90vh;overflow-y:auto}}@supports (padding:env(safe-area-inset-bottom)){@media (max-width:768px){.sidebar.mobile-open{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.main-content{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.modal-footer,.side-modal-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.topbar{padding-left:calc(8px + env(safe-area-inset-left));padding-right:calc(8px + env(safe-area-inset-right))}}}
.sound-control-widget{position:relative}.sound-control-btn{background:0 0;border:none;cursor:pointer;color:var(--text-secondary);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s;position:relative}.sound-control-btn:hover{background-color:var(--bg-element);color:var(--primary-accent)}.sound-control-btn.playing{color:var(--color-violet)}.sound-control-btn.playing:hover{background-color:var(--color-violet-light)}.sound-control-btn svg{width:18px;height:18px}.sound-control-btn .sound-eq-bars{display:none}.sound-control-btn.playing>svg{display:none!important}.sound-control-btn.playing .sound-eq-bars{display:flex!important}.sound-eq-bars{align-items:flex-end;justify-content:center;gap:2px;height:16px}.sound-eq-bars span{width:3px;background:var(--color-violet);border-radius:1.5px;animation:eqBar 1.2s ease-in-out infinite}.sound-control-btn:hover .sound-eq-bars span{background:var(--primary-accent)}.sound-eq-bars span:first-child{height:40%;animation-delay:0s}.sound-eq-bars span:nth-child(2){height:70%;animation-delay:.2s}.sound-eq-bars span:nth-child(3){height:50%;animation-delay:.4s}@keyframes eqBar{0%,100%{height:30%}25%{height:90%}50%{height:50%}75%{height:80%}}.sound-control-panel{position:absolute;top:calc(100% + 8px);right:-40px;width:280px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-6px) scale(.97);transition:all .2s cubic-bezier(.34, 1.56, .64, 1);pointer-events:none;z-index:10000}.sound-control-panel.open{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.sound-panel-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-alt-section)}.sound-panel-header svg{width:15px;height:15px;color:var(--primary-accent)}.sound-panel-header span{font-size:.82rem;font-weight:600;color:var(--text-headings);font-family:var(--font-ui)}.sound-panel-body{padding:12px 16px 14px;display:flex;flex-direction:column;gap:8px}.sound-option{display:flex;align-items:center;justify-content:space-between;gap:10px}.sound-option-info{display:flex;align-items:center;gap:8px;flex:1}.sound-option-info svg{width:15px;height:15px;color:var(--text-muted);flex-shrink:0}.sound-option-info span{font-size:.8rem;color:var(--text-primary);font-weight:500}.sound-slider-row{display:flex;align-items:center;gap:8px;padding:2px 0 4px 2px}.sound-slider-row svg{width:13px;height:13px;color:var(--text-muted);flex-shrink:0}.sound-slider{-webkit-appearance:none;appearance:none;flex:1;height:4px;border-radius:2px;outline:0;background:var(--border-color);transition:background var(--transition-fast)}.sound-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary-accent);cursor:pointer;border:2px solid var(--bg-card);box-shadow:0 1px 4px rgba(0,0,0,.15);transition:transform var(--transition-fast)}.sound-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.sound-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--primary-accent);cursor:pointer;border:2px solid var(--bg-card);box-shadow:0 1px 4px rgba(0,0,0,.15)}.sound-vol-label{font-size:.7rem;color:var(--text-muted);min-width:30px;text-align:right;font-weight:500;font-variant-numeric:tabular-nums}.sound-backdrop{display:none}@media (max-width:768px){.sound-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:100000;opacity:0;transition:opacity .25s ease}.sound-backdrop.active{display:block;opacity:1}.sound-control-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;border-radius:20px 20px 0 0;transform:translateY(100%);opacity:1;visibility:visible;pointer-events:none;z-index:100001;transition:transform .3s cubic-bezier(.32, .72, 0, 1)}.sound-control-panel.open{transform:translateY(0);pointer-events:auto}.sound-panel-body{padding:16px 20px 24px;gap:12px}.sound-panel-header{padding:16px 20px}}@media (max-width:480px){.sound-control-btn{width:32px;height:32px}.sound-control-btn svg{width:16px;height:16px}}