:root{--color-primary-navy:#1E3A5F;--color-interaction-blue:#2563EB;--color-interaction-hover:#1D4ED8;--color-green-accent:#10B981;--color-green-dark:#059669;--color-green-light:#D1FAE5;--color-green-bg:#ECFDF5;--bg-page:#F9FAFB;--bg-card:#FFFFFF;--bg-sidebar:#F3F4F6;--bg-blue-tint:#EFF6FF;--bg-green-tint:#ECFDF5;--text-primary:#111827;--text-secondary:#6B7280;--text-tertiary:#9CA3AF;--border:#E5E7EB;--border-hover:#D1D5DB;--color-success:#059669;--color-warning:#D97706;--color-error:#DC2626;--color-info:#2563EB;--code-bg:#1E293B;--code-text:#E2E8F0;--code-header-bg:#2D3748;--code-header-text:#A0AEC0;--code-header-border:#4A5568;--bg-error-tint:#FEF2F2;--bg-warning-tint:#FFFBEB;--color-error-dark:#991B1B;--color-warning-dark:#B45309;--color-green-darker:#047857;--color-purple:#8B5CF6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--sidebar-width:240px;--topbar-height:60px;--card-padding:24px;--card-radius:12px;--card-shadow:0 1px 2px rgba(0,0,0,0.05);--card-shadow-hover:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--btn-radius:8px;--input-radius:8px;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}a{color:var(--color-interaction-blue);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--color-interaction-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 24px;border-radius:var(--btn-radius);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:all var(--transition-normal);min-height:44px;border:none}.btn:focus-visible{outline:3px solid var(--color-interaction-blue);outline-offset:2px}.btn-primary{background:var(--color-green-dark);color:#ffffff}.btn-primary:hover{background:var(--color-green-darker);color:#ffffff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(5,150,105,.3)}.btn-secondary{background:transparent;color:var(--color-primary-navy);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--color-interaction-blue);background:var(--bg-blue-tint);color:var(--color-interaction-blue)}.btn-danger{background:var(--color-error);color:#ffffff}.btn-danger:hover{background:#b91c1c;color:#ffffff}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--card-padding);transition:all var(--transition-normal)}.card-hover:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.card.completed{border-left:3px solid var(--color-green-accent)}.card.current{border-left:3px solid var(--color-interaction-blue)}.card.locked{opacity:.5}.badge{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px;line-height:1.4}.badge-success{background:var(--color-green-bg);color:var(--color-success)}.badge-info{background:var(--bg-blue-tint);color:var(--color-interaction-blue)}.badge-warning{background:var(--bg-warning-tint);color:var(--color-warning-dark)}.badge-error{background:var(--bg-error-tint);color:var(--color-error)}.badge-neutral{background:var(--bg-sidebar);color:var(--text-tertiary)}input,select,textarea{padding:8px 16px;border:1px solid var(--border);border-radius:var(--input-radius);font-size:16px;font-family:inherit;color:var(--text-primary);background:var(--bg-card);transition:border-color var(--transition-normal);min-height:40px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-interaction-blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.progress-bar,.progress-bar-bg{width:100%;height:8px;background:var(--border);border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#2563eb,#10b981);transition:width .5s ease-out}.skip-to-main{position:absolute;top:-9999px;left:var(--space-4);z-index:9999;padding:var(--space-2) var(--space-4);background:var(--color-interaction-blue);color:white;border-radius:6px;font-weight:600;font-size:.875rem;text-decoration:none}.skip-to-main:focus-visible{top:var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-layout{display:flex;min-height:100vh}.app-sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50}.app-main{flex:1 1;margin-left:var(--sidebar-width);min-height:100vh;min-width:0;overflow-x:clip}.app-topbar{height:var(--topbar-height);background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);position:-webkit-sticky;position:sticky;top:0;z-index:40}.app-content{padding:var(--space-8);max-width:1200px;margin:0 auto}.app-footer{padding:var(--space-4) var(--space-6);padding-bottom:120px;text-align:center;font-size:.75rem;color:var(--text-tertiary);border-top:1px solid var(--border)}.sidebar-logo{padding:var(--space-5);font-size:18px;font-weight:700;display:flex;align-items:center;border-bottom:1px solid var(--border);height:var(--topbar-height)}.sidebar-logo .logo-vibe{color:var(--color-primary-navy)}.sidebar-logo .logo-skills{color:var(--color-green-accent)}.sidebar-nav{flex:1 1;padding:var(--space-3) 0;display:flex;flex-direction:column;gap:2px}.sidebar-section{padding:var(--space-2) var(--space-5) var(--space-1);font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.sidebar-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);margin:0 var(--space-2);border-radius:6px;font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-normal);min-height:40px}.sidebar-item:hover{background:var(--border);color:var(--text-primary)}.sidebar-item.active{background:var(--color-green-bg);color:var(--color-green-dark);font-weight:600}.sidebar-item-icon{width:20px;text-align:center;font-size:16px}.sidebar-divider{height:1px;background:var(--border);margin:var(--space-2) var(--space-5)}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);display:flex;align-items:center;gap:var(--space-3)}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-interaction-blue);color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:var(--text-tertiary)}.sidebar-install{padding:0 var(--space-2)}.sidebar-install-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-5);margin:0;border:1px dashed var(--border);border-radius:6px;background:var(--bg-blue-tint);font-size:14px;font-weight:500;font-family:inherit;color:var(--color-interaction-blue);cursor:pointer;transition:all var(--transition-normal);min-height:40px}.sidebar-install-btn:hover{background:var(--color-interaction-blue);color:#ffffff;border-color:var(--color-interaction-blue)}.sidebar-install-btn:focus-visible{outline:3px solid var(--color-interaction-blue);outline-offset:2px}.sidebar-install-btn .sidebar-item-icon{width:20px;display:flex;align-items:center;justify-content:center}.install-app-card{border-left:3px solid var(--color-interaction-blue);margin-bottom:var(--space-6)}.install-app-card-content{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.install-app-card-icon{width:40px;height:40px;border-radius:10px;background:var(--bg-blue-tint);color:var(--color-interaction-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.install-app-card-text{flex:1 1;min-width:0}.install-app-card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.install-app-card-desc{font-size:14px;color:var(--text-secondary);line-height:1.5}.install-app-card-actions{display:flex;align-items:center;gap:var(--space-3)}.btn-sm{padding:6px 16px;font-size:13px;min-height:36px}.btn-ghost{background:transparent;border:none;padding:6px 12px;font-size:13px;font-weight:500;font-family:inherit;color:var(--text-tertiary);cursor:pointer;border-radius:var(--btn-radius);transition:all var(--transition-normal)}.btn-ghost:hover{color:var(--text-secondary);background:var(--bg-sidebar)}.btn-ghost:focus-visible{outline:3px solid var(--color-interaction-blue);outline-offset:2px}.topbar-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.topbar-title{font-size:18px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.topbar-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:0;border-radius:8px;transition:background var(--transition-normal);flex-shrink:0}.topbar-hamburger:hover{background:var(--bg-sidebar)}.topbar-hamburger:focus-visible{outline:3px solid var(--color-interaction-blue);outline-offset:2px}.hamburger-line{display:block;width:20px;height:2px;background:var(--text-primary);border-radius:1px}.topbar-lang-select,.topbar-lang-switch{font-size:13px;font-weight:600;color:var(--text-secondary);padding:5px 8px;border-radius:6px;cursor:pointer;border:1px solid var(--border);background:var(--bg-card);font-family:inherit;transition:all var(--transition-normal);-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.topbar-lang-select:hover,.topbar-lang-switch:hover{border-color:var(--color-interaction-blue);color:var(--color-interaction-blue)}.topbar-lang-select:focus{outline:2px solid var(--color-interaction-blue);outline-offset:2px}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;margin-bottom:var(--space-4);transition:color var(--transition-normal)}.back-link:before{content:"\2190"}.back-link:hover{color:var(--color-interaction-blue)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-5);gap:var(--space-5);margin-bottom:var(--space-6)}.stat-card{text-align:center;padding:var(--space-5)}.hero-challenge{background:var(--bg-blue-tint);border:1px solid var(--border);border-left:4px solid var(--color-interaction-blue);border-radius:var(--card-radius);padding:var(--space-8);margin-bottom:var(--space-6);display:grid;grid-template-columns:1fr auto;grid-gap:var(--space-8);gap:var(--space-8);align-items:center}.hero-challenge h2{font-size:22px;font-weight:600;color:var(--color-primary-navy);margin-bottom:var(--space-2)}.hero-challenge .hero-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:var(--space-4)}@media (max-width:640px){.hero-challenge{grid-template-columns:1fr;padding:var(--space-6)}}.dashboard-dimension-layout{display:grid;grid-template-columns:200px 1fr;grid-gap:var(--space-6);gap:var(--space-6);align-items:start}@media (max-width:768px){.dashboard-dimension-layout{grid-template-columns:1fr}}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-6);gap:var(--space-6)}@media (max-width:900px){.grid-2-col{grid-template-columns:1fr}}@media (min-width:769px){.mobile-nav-backdrop,.mobile-nav-drawer{display:none}}@media (max-width:1024px) and (min-width:769px){:root{--sidebar-width:64px}.app-sidebar{overflow:hidden;transition:width var(--transition-slow)}.app-sidebar:hover{width:240px}.sidebar-logo .logo-skills{display:none}.app-sidebar:hover .sidebar-logo .logo-skills{display:inline}.sidebar-item{justify-content:center;padding:var(--space-2) var(--space-3);margin:0 var(--space-1)}.sidebar-item-label{display:none}.app-sidebar:hover .sidebar-item{justify-content:flex-start;padding:var(--space-2) var(--space-5);margin:0 var(--space-2)}.app-sidebar:hover .sidebar-item-label{display:inline}.sidebar-section{font-size:0;height:4px;padding:0;overflow:hidden}.app-sidebar:hover .sidebar-section{font-size:11px;height:auto;padding:var(--space-2) var(--space-5) var(--space-1)}.sidebar-footer{justify-content:center;padding:var(--space-3);overflow:hidden}.sidebar-user-info{display:none}.app-sidebar:hover .sidebar-footer{justify-content:flex-start;padding:var(--space-4) var(--space-5)}.app-sidebar:hover .sidebar-user-info{display:block}.app-content{padding:var(--space-5)}.app-topbar{padding:0 var(--space-5)}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.grid-2-col{grid-template-columns:1fr}}@media (max-width:768px){.app-sidebar{display:none}.app-main{margin-left:0}.app-content{padding:var(--space-4)}.topbar-hamburger{display:flex}}.onboarding-progress{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-8)}.onboarding-progress-line{width:60px;height:2px;background:var(--border)}.onboarding-step-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:var(--bg-sidebar);color:var(--text-tertiary);border:2px solid var(--border);transition:all .2s ease}.onboarding-step-dot.active{background:var(--bg-blue-tint);color:var(--color-interaction-blue);border-color:var(--color-interaction-blue)}.onboarding-step-dot.done{background:var(--color-green-light);color:var(--color-green-dark);border-color:var(--color-green-dark)}.onboarding-card{max-width:680px;margin:0 auto}.onboarding-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3);text-align:center}.onboarding-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:var(--space-8);text-align:center;line-height:1.6}.onboarding-error{display:flex;align-items:center;justify-content:space-between;background:var(--bg-error-tint);border:1px solid #fecaca;border-radius:var(--input-radius);padding:12px 16px;margin-bottom:var(--space-4);color:var(--color-error-dark);font-size:14px}.onboarding-error-dismiss{background:none;border:none;color:var(--color-error-dark);font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.onboarding-content,.scoring-dimensions-grid{margin-bottom:var(--space-6)}.scoring-dimensions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.scoring-dimension-card{display:flex;flex-direction:column;gap:var(--space-2);text-align:left;padding:var(--space-5) var(--space-5)}.scoring-dimension-label{font-weight:600;font-size:15px;color:var(--color-primary-navy)}.scoring-dimension-desc{font-size:13px;line-height:1.5;color:var(--text-secondary)}.training-tiers{display:flex;flex-direction:column;gap:var(--space-8)}.tier-section.locked{opacity:.5}.tier-header{justify-content:space-between;margin-bottom:var(--space-5)}.tier-header,.tier-title{display:flex;align-items:center}.tier-title{font-size:22px;font-weight:600;color:var(--text-primary);gap:var(--space-3)}.tier-gate-info{font-size:13px;color:var(--text-secondary)}.challenge-list{gap:var(--space-4)}.challenge-card,.challenge-list{display:flex;flex-direction:column}.challenge-card.completed{border-left:3px solid var(--color-green-accent)}.challenge-card.current{border-left:3px solid var(--color-interaction-blue)}.challenge-card.locked{opacity:.5}.challenge-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.challenge-card-title{font-size:16px;font-weight:600}.challenge-card-meta{display:flex;gap:var(--space-4);font-size:13px;color:var(--text-secondary)}.challenge-textarea{width:100%;min-height:300px;padding:var(--space-4);padding-bottom:56px;border:1px solid var(--border);border-radius:8px;font-family:var(--font-inter),sans-serif;font-size:16px;color:var(--text-primary);background:var(--bg-card);resize:none;max-height:600px;overflow-y:auto;transition:border-color .2s ease}.challenge-textarea:focus{outline:none;border-color:var(--color-interaction-blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.challenge-textarea::placeholder{color:var(--text-tertiary)}.textarea-wrapper{position:relative}.textarea-wrapper .voice-mic-btn{position:absolute;bottom:12px;right:12px;background:var(--bg-card);box-shadow:0 1px 4px rgba(0,0,0,.1);z-index:1}.textarea-wrapper .voice-mic-btn:hover{background:var(--bg-sidebar)}.voice-mic-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.voice-mic-btn:hover{color:var(--color-interaction-blue)}.voice-mic-btn:focus-visible{outline:3px solid var(--color-interaction-blue);outline-offset:2px}.voice-mic-btn.recording{color:var(--color-error);animation:voice-pulse 1.5s ease-in-out infinite}.voice-mic-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes voice-pulse{0%,to{opacity:1}50%{opacity:.4}}.voice-error{font-size:12px;color:var(--color-error)}.eval-progress{position:absolute;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--color-interaction-blue),var(--color-green-accent));border-radius:8px 8px 0 0;opacity:0;z-index:1}@keyframes eval-fill{0%{width:0}to{width:100%}}.eval-progress.active{opacity:1;animation:eval-fill 30s cubic-bezier(.1,.5,.2,1) forwards}.eval-progress.complete{width:100%;opacity:0;animation:none;transition:opacity .5s ease-out}@media (prefers-reduced-motion:reduce){.voice-mic-btn.recording{animation:none}.eval-progress.active{animation:none;width:100%}.eval-progress.complete{transition:none}}.dimension-bars{display:flex;flex-direction:column;gap:var(--space-3)}.dimension-bar-row{display:grid;grid-template-columns:140px 1fr 50px;align-items:center;grid-gap:var(--space-3);gap:var(--space-3)}.dimension-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.dimension-score{font-size:13px;font-weight:600;color:var(--text-primary);text-align:right}.attempts-list{display:flex;flex-direction:column}.attempt-item{border-bottom:1px solid var(--border)}.attempt-item:last-child{border-bottom:none}.attempt-row-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-2);background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;text-align:left;min-height:44px;transition:background var(--transition-normal);border-radius:6px}.attempt-row-btn:hover{background:var(--bg-sidebar)}.attempt-row-btn:focus-visible{outline:3px solid var(--color-interaction-blue);outline-offset:2px}.attempt-number{font-size:13px;font-weight:600;color:var(--text-secondary);min-width:28px}.attempt-score{font-weight:700;font-size:16px;color:var(--color-warning);min-width:40px}.attempt-score.passed{color:var(--color-green-dark)}.attempt-date{font-size:13px;color:var(--text-tertiary)}.attempt-penalty{font-size:12px;font-weight:600;color:var(--color-warning)}.attempt-chevron{margin-left:auto;font-size:10px;color:var(--text-tertiary);transition:transform var(--transition-normal);flex-shrink:0}.attempt-detail{padding:var(--space-4) var(--space-2) var(--space-4) var(--space-8);animation:attempt-detail-expand .3s ease forwards}@keyframes attempt-detail-expand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.attempt-detail-section{margin-bottom:var(--space-4)}.attempt-detail-section:last-child{margin-bottom:0}.attempt-detail-heading{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.03em}.attempt-detail-list{padding-left:var(--space-5);color:var(--text-secondary);font-size:14px;line-height:1.6}.attempt-detail-list li{margin-bottom:var(--space-1)}.attempt-prompt-display{background:var(--bg-blue-tint);border:1px solid var(--border);border-radius:8px;padding:var(--space-4);font-size:14px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}@media (prefers-reduced-motion:reduce){.attempt-detail{animation:none}}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-5) 0}.settings-info{flex:1 1}label.toggle-switch{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}label.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--border);border-radius:14px;transition:background .2s ease}.toggle-slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;bottom:3px;background:white;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.15)}label.toggle-switch input:checked+.toggle-slider{background:var(--color-green-accent)}label.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}label.toggle-switch input:disabled+.toggle-slider{opacity:.4;cursor:not-allowed}.tier-celebration{display:flex;justify-content:center;align-items:center;min-height:60vh}.tier-celebration-inner{text-align:center;padding:var(--space-8) 0;max-width:640px;width:100%}.tier-celebration-hero{background:linear-gradient(180deg,#ffffff,#ECFDF5);border-radius:var(--card-radius) var(--card-radius) 0 0;padding:var(--space-8) var(--card-padding) var(--space-6)}.tier-celebration .tier-badge{width:120px;height:120px;display:block;margin:0 auto var(--space-6);object-fit:contain}.tier-celebration .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4);margin:var(--space-6) 0}.tier-celebration .stat-cell{background:var(--bg-page);border-radius:10px;padding:var(--space-4) var(--space-3)}.tier-celebration .stat-value{font-size:24px;font-weight:700;color:var(--color-primary-navy);margin-bottom:var(--space-1)}.tier-celebration .stat-label{font-size:12px;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.tier-celebration .mastered-dimensions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin:var(--space-4) 0}.tier-celebration .mastered-pill{background:var(--color-green-light);color:var(--color-green-dark);padding:6px 16px;border-radius:99px;font-size:13px;font-weight:600}.tier-celebration .next-tier-card{background:var(--bg-blue-tint);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--card-padding);margin:var(--space-6) 0;text-align:left}.tier-celebration .next-tier-label{font-size:12px;font-weight:600;color:var(--color-interaction-blue);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.tier-celebration .next-tier-name{font-size:18px;font-weight:700;color:var(--color-primary-navy);margin-bottom:var(--space-2)}.tier-celebration .next-tier-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.tier-celebration .action-row{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-top:var(--space-6)}.mobile-nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:60}.mobile-nav-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:var(--bg-card);border-right:1px solid var(--border);z-index:70;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform var(--transition-slow);overflow-y:auto}.mobile-nav-drawer.open{transform:translateX(0)}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3) 0 0;border-bottom:1px solid var(--border);height:var(--topbar-height)}.mobile-nav-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;color:var(--text-secondary);border-radius:8px;transition:all var(--transition-normal);flex-shrink:0}.mobile-nav-close:hover{background:var(--bg-sidebar);color:var(--text-primary)}.mobile-nav-close:focus-visible{outline:3px solid var(--color-interaction-blue);outline-offset:2px}.mobile-nav-items{padding:var(--space-3) 0;display:flex;flex-direction:column;gap:2px}.tooltip-wrapper{position:relative;display:inline-block;cursor:help}.tooltip-bubble{position:fixed;background:var(--bg-card);color:var(--color-primary-navy);font-size:13px;font-weight:400;line-height:1.5;max-width:320px;width:max-content;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000;pointer-events:auto;animation:tooltip-fade-in var(--transition-fast) ease forwards}.tooltip-bubble:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:10px}.tooltip-arrow{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%) rotate(45deg);width:8px;height:8px;background:var(--bg-card);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}@keyframes tooltip-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fillBar{0%{width:0}}.animate-fill{animation:fillBar .8s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-up{animation:fadeIn .3s ease-out both}.coaching-loading-icon{font-size:32px;display:inline-block;animation:coaching-pulse 2s ease-in-out infinite}.coaching-loading-bar{height:3px;background:var(--color-border);border-radius:3px;overflow:hidden;max-width:200px;margin:0 auto}.coaching-loading-bar:after{content:"";display:block;height:100%;width:40%;background:var(--color-primary);border-radius:3px;animation:coaching-progress 2s ease-in-out infinite}@keyframes coaching-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}@keyframes coaching-progress{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}.animated-dots{display:inline-block;width:1.5em;text-align:left}.animated-dots:after{content:"";animation:dots 1.5s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.stagger-in>*{opacity:0;animation:fadeIn .3s ease-out both}.stagger-in>:first-child{animation-delay:0s}.stagger-in>:nth-child(2){animation-delay:60ms}.stagger-in>:nth-child(3){animation-delay:.12s}.stagger-in>:nth-child(4){animation-delay:.18s}.stagger-in>:nth-child(5){animation-delay:.24s}.stagger-in>:nth-child(6){animation-delay:.3s}.stagger-in>:nth-child(7){animation-delay:.36s}.stagger-in>:nth-child(8){animation-delay:.42s}@keyframes scoreGlow{0%{filter:drop-shadow(0 0 0 var(--color-green-accent))}50%{filter:drop-shadow(0 0 20px var(--color-green-accent))}to{filter:drop-shadow(0 0 0 var(--color-green-accent))}}.score-glow{animation:scoreGlow 1.5s ease-in-out}@keyframes scorePulse{0%{filter:drop-shadow(0 0 0 var(--color-green-accent))}25%{filter:drop-shadow(0 0 16px var(--color-green-accent))}50%{filter:drop-shadow(0 0 4px var(--color-green-accent))}75%{filter:drop-shadow(0 0 16px var(--color-green-accent))}to{filter:drop-shadow(0 0 0 var(--color-green-accent))}}.score-pulse{animation:scorePulse 2s ease-in-out}@keyframes countPop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.animate-count-done{animation:countPop .3s ease-out}.score-delta-positive{color:var(--color-green-dark);font-weight:600}.dimension-stagger>*{opacity:0;animation:fadeIn .4s ease-out both}.dimension-stagger>:first-child{animation-delay:.2s}.dimension-stagger>:nth-child(2){animation-delay:.3s}.dimension-stagger>:nth-child(3){animation-delay:.4s}.dimension-stagger>:nth-child(4){animation-delay:.5s}.dimension-stagger>:nth-child(5){animation-delay:.6s}.dimension-stagger>:nth-child(6){animation-delay:.7s}.dimension-stagger>:nth-child(7){animation-delay:.8s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.dimension-stagger>*,.stagger-in>*{opacity:1!important;transform:none!important}}.example-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}mark{background:#fef08a;padding:1px 4px;border-radius:2px}.learn-layout{display:grid;grid-template-columns:1fr 220px;grid-gap:var(--space-6);gap:var(--space-6)}.learn-main{min-width:0;overflow-wrap:break-word}.learn-sidebar{position:-webkit-sticky;position:sticky;top:calc(var(--topbar-height) + var(--space-8));align-self:start;max-height:calc(100vh - var(--topbar-height) - var(--space-12));overflow-y:auto}.learn-toc-title{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.learn-toc-item{display:block;font-size:13px;color:var(--text-secondary);padding:4px 0;border-left:2px solid transparent;padding-left:var(--space-3);text-decoration:none;transition:all var(--transition-fast)}.learn-toc-item.active,.learn-toc-item:hover{color:var(--color-interaction-blue);border-left-color:var(--color-interaction-blue)}.learn-toc-item.active{font-weight:500}.learn-quiz-badge{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);background:var(--bg-green-tint);border-radius:8px;font-size:13px;color:var(--color-green-dark);font-weight:600}.learn-modules{display:flex;flex-direction:column;gap:var(--space-4)}.learn-module-card{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--space-5);text-decoration:none;transition:all var(--transition-normal)}.learn-module-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.learn-module-card.completed{border-left:3px solid var(--color-green-accent)}.learn-module-icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-blue-tint);border-radius:10px;flex-shrink:0}.learn-module-content{flex:1 1;min-width:0}.learn-module-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.learn-module-desc{font-size:13px;color:var(--text-secondary);line-height:1.4}.learn-module-meta{gap:var(--space-3);color:var(--text-tertiary);margin-top:var(--space-1)}.learn-module-meta,.learn-module-order{display:flex;align-items:center;font-size:12px}.learn-module-order{width:24px;height:24px;border-radius:50%;background:var(--bg-sidebar);color:var(--text-secondary);font-weight:600;justify-content:center;flex-shrink:0}.learn-dimension{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--card-padding);margin-bottom:var(--space-5)}.learn-dimension-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.learn-dimension-title{font-size:18px;font-weight:600;color:var(--color-primary-navy)}.learn-dimension-teaching{font-size:15px;line-height:1.7;color:var(--text-primary);margin-bottom:var(--space-4)}.learn-example{padding:var(--space-3) var(--space-4);border-radius:8px;margin-bottom:var(--space-3);font-size:14px;line-height:1.6}.learn-example-good{background:var(--bg-green-tint);border-left:3px solid var(--color-green-accent)}.learn-example-bad{background:var(--bg-error-tint);border-left:3px solid var(--color-error)}.learn-example .example-label{margin-bottom:var(--space-1)}.learn-example-good .example-label{color:var(--color-green-dark)}.learn-example-bad .example-label{color:var(--color-error)}.learn-scoring-hint{padding:var(--space-3) var(--space-4);background:var(--bg-blue-tint);border-radius:8px;font-size:14px;color:var(--color-primary-navy)}.learn-scoring-hint-label{font-size:12px;font-weight:600;color:var(--color-interaction-blue);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.learn-technical{margin-top:var(--space-3)}.learn-technical-toggle{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;font-size:13px;font-weight:600;color:var(--color-interaction-blue);cursor:pointer;padding:var(--space-2) 0}.learn-technical-toggle:hover{text-decoration:underline}.learn-technical-content{padding:var(--space-3) var(--space-4);background:var(--bg-sidebar);border-radius:8px;font-size:13px;line-height:1.6;color:var(--text-secondary);white-space:pre-line;margin-top:var(--space-2)}.learn-recap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-6)}.learn-recap-card{padding:var(--space-3) var(--space-4);background:var(--bg-sidebar);border-radius:8px}.learn-recap-title{font-size:14px;font-weight:600;color:var(--color-primary-navy);margin-bottom:2px}.learn-recap-text{font-size:12px;color:var(--text-secondary);line-height:1.4}.learn-quiz{background:var(--bg-card);border:2px solid var(--color-interaction-blue);border-radius:var(--card-radius);padding:var(--card-padding);margin:var(--space-6) 0}.learn-quiz-title{font-size:18px;font-weight:600;color:var(--color-primary-navy);margin-bottom:var(--space-2)}.learn-quiz-instruction{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-4)}.learn-quiz-prompt{padding:var(--space-4);background:var(--bg-sidebar);border-radius:8px;font-size:15px;line-height:1.7;color:var(--text-primary);margin-bottom:var(--space-4);border-left:3px solid var(--color-interaction-blue)}.learn-quiz-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.learn-quiz-chip{padding:6px 14px;border-radius:99px;font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.learn-quiz-chip:hover{border-color:var(--color-interaction-blue)}.learn-quiz-chip.strong{background:var(--bg-green-tint);color:var(--color-green-dark);border-color:var(--color-green-accent)}.learn-quiz-chip.weak{background:var(--bg-error-tint);color:var(--color-error);border-color:var(--color-error)}.learn-quiz-chip.correct{box-shadow:0 0 0 2px var(--color-green-accent)}.learn-quiz-chip.incorrect{box-shadow:0 0 0 2px var(--color-error)}.learn-quiz-chip.disabled{pointer-events:none;opacity:.7}.learn-quiz-result{margin-top:var(--space-4);padding:var(--space-4);border-radius:8px;background:var(--bg-sidebar)}.learn-quiz-score{font-size:16px;font-weight:700;margin-bottom:var(--space-3)}.learn-quiz-score.good{color:var(--color-green-dark)}.learn-quiz-score.partial{color:var(--color-warning)}.learn-quiz-explanations{display:flex;flex-direction:column;gap:var(--space-3)}.learn-quiz-explanation{padding:var(--space-3);border-radius:8px;background:var(--bg-card);border:1px solid var(--border)}.learn-quiz-explanation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.learn-quiz-explanation-dim{font-size:14px;font-weight:600;color:var(--color-primary-navy)}.learn-highlight{padding:1px 4px;border-radius:3px;position:relative;cursor:help;transition:all .15s ease}.learn-highlight:hover{filter:brightness(.95)}.learn-highlight-strong{background:var(--color-green-light);border-bottom:2px solid var(--color-green-accent)}.learn-highlight-weak{background:#FEE2E2;border-bottom:2px solid var(--color-error)}.learn-highlight[data-dimension=intent_clarity]{background:var(--bg-blue-tint);border-bottom-color:var(--color-interaction-blue)}.learn-highlight[data-dimension=contextual_grounding]{background:var(--color-green-light);border-bottom-color:var(--color-green-accent)}.learn-highlight[data-dimension=verification_strategy]{background:#FEF3C7;border-bottom-color:var(--color-warning)}.learn-highlight[data-dimension=technical_leverage]{background:#E8EDF3;border-bottom-color:var(--color-primary-navy)}.learn-highlight[data-dimension=constraint_definition]{background:var(--bg-error-tint);border-bottom-color:var(--color-error)}.learn-highlight[data-dimension=decomposition_structure]{background:var(--bg-green-tint);border-bottom-color:var(--color-green-dark)}.learn-highlight[data-dimension=risk_resilience]{background:#FDF4E7;border-bottom-color:var(--color-warning-dark)}.learn-highlight-legend{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid rgba(0,0,0,.06)}.learn-highlight-legend-item{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary)}.learn-makeover{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--card-padding);margin:var(--space-6) 0}.learn-makeover-title{font-size:18px;font-weight:600;color:var(--color-primary-navy);margin-bottom:var(--space-4)}.learn-makeover-steps{display:flex;flex-direction:column;gap:var(--space-4)}.learn-makeover-step{position:relative;padding:var(--space-4);padding-left:calc(var(--space-4) + 4px);border-radius:8px;border-left:1px solid var(--border);border:1px solid var(--border);border-left-width:4px;transition:border-color .2s ease}.learn-makeover-step:first-child{border-left-color:var(--color-error)}.learn-makeover-step:last-child{border-left-color:var(--color-green-accent)}.learn-makeover-step:not(:first-child):not(:last-child){border-left-color:var(--color-interaction-blue)}.learn-makeover-step-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2);display:flex;justify-content:space-between;align-items:center}.learn-makeover-step-points{color:var(--color-green-dark)}.learn-makeover-step-prompt{font-size:14px;line-height:1.7;color:var(--text-primary);padding:var(--space-3);background:var(--bg-sidebar);border-radius:6px}.learn-makeover-annotation{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-green-tint);border-radius:6px;font-size:13px;color:var(--color-green-dark);font-weight:500}.learn-makeover-total{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--bg-green-tint) 0,var(--color-green-light) 100%);border-radius:8px;font-size:16px;font-weight:600;color:var(--color-green-dark);text-align:center}.learn-section-title{font-size:22px;font-weight:600;color:var(--color-primary-navy);margin-bottom:var(--space-4);margin-top:var(--space-8)}.learn-section-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.6}.learn-hero{text-align:center;padding:var(--space-8) 0 var(--space-6)}.learn-hero-title{font-size:28px;font-weight:700;color:var(--color-primary-navy);margin-bottom:var(--space-3)}.learn-hero-subtitle{font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.learn-kb-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--color-primary-navy) 0,#1a3a6b 100%);border-radius:var(--card-radius);text-decoration:none;color:#fff;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.learn-kb-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(10,37,64,.25)}.learn-kb-icon{font-size:36px;flex-shrink:0}.learn-kb-content{flex:1 1;min-width:0}.learn-kb-title{font-size:20px;font-weight:700;margin:0 0 var(--space-1) 0;color:#fff}.learn-kb-desc{font-size:14px;color:rgba(255,255,255,.85);margin:0 0 var(--space-2) 0;line-height:1.5}.learn-kb-meta{font-size:13px;color:rgba(255,255,255,.65)}.learn-kb-arrow{font-size:24px;flex-shrink:0;opacity:.7;transition:transform var(--transition-normal)}.learn-kb-card:hover .learn-kb-arrow{transform:translateX(4px);opacity:1}.learn-total-time{display:inline-block;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--bg-sidebar);padding:4px 12px;border-radius:99px;margin-bottom:var(--space-4)}.learn-accordion{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.learn-accordion-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);overflow:hidden}.learn-accordion-summary{display:flex;align-items:center;padding:var(--space-4) var(--space-5);font-size:16px;font-weight:600;color:var(--color-primary-navy);cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--transition-fast)}.learn-accordion-summary:hover{background:var(--bg-sidebar)}.learn-accordion-summary::-webkit-details-marker{display:none}.learn-accordion-summary:before{content:"\25B6";font-size:11px;margin-right:var(--space-3);color:var(--text-tertiary);transition:transform var(--transition-fast)}.learn-accordion-item[open]>.learn-accordion-summary:before{transform:rotate(90deg)}.learn-accordion-content{padding:0 var(--space-5) var(--space-5)}.learn-nav-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border)}.learn-vocab{border-bottom:1px dashed var(--color-interaction-blue);cursor:help}.learn-vocab-tooltip{display:flex;flex-direction:column;gap:4px}.learn-vocab-tooltip-title{font-weight:600;font-size:13px}.learn-vocab-tooltip-meta{display:flex;gap:var(--space-2);font-size:11px;color:var(--text-secondary)}.learn-mistake{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--card-padding);margin-bottom:var(--space-4)}.learn-mistake-title{font-size:16px;font-weight:600;color:var(--color-primary-navy);margin-bottom:var(--space-2)}.learn-mistake-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-3)}.learn-mistake-fix{padding:var(--space-3) var(--space-4);background:var(--bg-green-tint);border-radius:8px}.learn-mistake-fix-label{font-size:12px;font-weight:600;color:var(--color-green-dark);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.learn-pattern{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--card-padding);margin-bottom:var(--space-4)}.learn-pattern-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.learn-pattern-title{font-size:16px;font-weight:600;color:var(--color-primary-navy)}.learn-pattern-dim{font-size:12px;font-weight:600;color:var(--color-interaction-blue);background:var(--bg-blue-tint);padding:3px 10px;border-radius:99px}.learn-pattern-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-3)}.learn-pattern-template{background:var(--bg-sidebar);color:var(--text-primary);font-family:monospace;margin-bottom:var(--space-3);white-space:pre-wrap}.learn-pattern-example,.learn-pattern-template{padding:var(--space-3) var(--space-4);border-radius:8px;font-size:14px;line-height:1.6}.learn-pattern-example{background:var(--bg-green-tint)}.lesson-screen{margin-bottom:var(--space-8)}.lesson-title{font-size:28px;font-weight:600;color:var(--color-primary-navy);margin-bottom:var(--space-5)}.lesson-content{margin-bottom:var(--space-6)}.lesson-content p{font-size:16px;line-height:1.7;color:var(--text-primary);margin-bottom:16px}.lesson-content p:last-child{margin-bottom:0}.lesson-paragraph{font-size:16px;line-height:1.7;color:var(--text-primary);margin-bottom:var(--space-3)}.lesson-paragraph:last-child{margin-bottom:0}.lesson-content h3{font-size:18px;font-weight:600;margin-top:20px;margin-bottom:8px;color:var(--text-primary)}.lesson-content ol,.lesson-content ul{margin:12px 0;padding-left:24px}.lesson-content li{margin-bottom:6px;line-height:1.6}.lesson-content strong{font-weight:600;color:var(--text-primary)}.lesson-content em{font-style:italic}.lesson-content code{font-family:Menlo,Monaco,Courier New,monospace;background:#E8EDF3;color:#000000;padding:2px 6px;border-radius:4px;font-size:14px;border:1px solid var(--border-hover)}.lesson-content pre{margin:16px 0;border-radius:8px;overflow-x:auto}.lesson-content pre code{display:block;padding:16px 20px;background:var(--code-bg);color:var(--code-text);font-size:14px;line-height:1.6;border-radius:8px;border:none}.lesson-content pre code .hljs-built_in,.lesson-content pre code .hljs-keyword{color:#7DD3FC}.lesson-content pre code .hljs-regexp,.lesson-content pre code .hljs-string{color:#86EFAC}.lesson-content pre code .hljs-literal,.lesson-content pre code .hljs-number{color:#FCA5A5}.lesson-content pre code .hljs-comment{color:#94A3B8;font-style:italic}.lesson-content pre code .hljs-function,.lesson-content pre code .hljs-title{color:#C4B5FD}.lesson-content pre code .hljs-attr,.lesson-content pre code .hljs-attribute{color:#FCD34D}.lesson-content pre code .hljs-tag{color:#F9A8D4}.lesson-content pre code .hljs-selector-class,.lesson-content pre code .hljs-selector-tag{color:#7DD3FC}.lesson-content pre code .hljs-property{color:#93C5FD}.lesson-content pre code .hljs-params{color:#E2E8F0}.lesson-content pre code .hljs-meta{color:#94A3B8}.lesson-content pre code .hljs-subst{color:#E2E8F0}.lesson-example pre code{background:var(--code-bg);color:var(--code-text)}.lesson-content blockquote{margin:16px 0;padding:12px 20px;background:var(--bg-page);border-left:3px solid var(--border);border-radius:0 8px 8px 0;font-size:15px;color:var(--text-secondary)}.lesson-content blockquote code{background:#DDE3EB;color:#000000}.lesson-content img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}.coaching-markdown p{margin:4px 0;line-height:1.6}.coaching-markdown ol,.coaching-markdown ul{margin:4px 0;padding-left:20px}.coaching-markdown li{margin-bottom:2px}.coaching-markdown strong{font-weight:600;color:var(--text-primary)}.coaching-markdown code{font-family:Menlo,Monaco,Courier New,monospace;background:#E8EDF3;color:#000000;padding:1px 4px;border-radius:3px;font-size:13px}.lesson-principles{padding:24px;background:var(--bg-blue-tint);border-left:3px solid var(--color-interaction-blue);border-radius:12px;margin-bottom:var(--space-6);box-shadow:0 1px 2px rgba(0,0,0,.05)}.lesson-principles-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-interaction-blue);margin-bottom:var(--space-3)}.lesson-principles-list{padding-left:var(--space-5);margin:0;display:flex;flex-direction:column;gap:var(--space-2);font-size:15px;line-height:1.6;color:var(--color-primary-navy)}.lesson-examples{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-6)}@media (max-width:640px){.lesson-examples{grid-template-columns:1fr}}.lesson-example{padding:24px;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.lesson-example p{margin:0;font-size:14px;line-height:1.6}.lesson-example-good{background:var(--bg-green-tint);border-left:3px solid var(--color-green-accent)}.lesson-example-bad{background:var(--bg-error-tint);border-left:3px solid var(--color-error)}.lesson-example .example-label{margin-bottom:var(--space-2)}.lesson-example-good .example-label{color:var(--color-green-dark)}.lesson-example-bad .example-label{color:var(--color-error)}.lesson-example-good code{background:rgba(5,150,105,.12);color:#065F46}.lesson-example-bad code{background:rgba(220,38,38,.08);color:var(--color-error-dark)}.lesson-kb-links{margin-bottom:var(--space-6)}.lesson-kb-heading{font-size:18px;font-weight:600;color:var(--color-primary-navy);margin-bottom:var(--space-4)}.lesson-kb-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3);gap:var(--space-3)}@media (max-width:640px){.lesson-kb-grid{grid-template-columns:1fr}}.lesson-kb-card{display:flex;align-items:center;gap:var(--space-3);padding:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:inherit;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.lesson-kb-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}.lesson-kb-card-icon{font-size:28px;flex-shrink:0}.lesson-kb-card-body{display:flex;flex-direction:column;gap:2px}.lesson-kb-card-title{font-size:14px;font-weight:600;color:var(--color-primary-navy)}.lesson-kb-card-time{font-size:12px;color:var(--text-tertiary)}.lesson-cta{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-top:var(--space-6)}.lesson-more-info-btn{display:inline-block;padding:12px 24px;font-size:15px;font-weight:600;border:2px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-primary);text-decoration:none;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.lesson-more-info-btn:hover{border-color:var(--color-primary-navy);background:var(--bg-sidebar);color:var(--text-primary)}.lesson-ready-btn{display:inline-block;background:var(--color-green-dark);color:#fff;border:none;border-radius:8px;min-height:44px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.lesson-ready-btn:hover{background:var(--color-green-darker)}@media (max-width:640px){.lesson-ready-btn{width:100%}}.lesson-review-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:1px solid var(--border);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--color-interaction-blue);cursor:pointer;transition:all var(--transition-fast)}.lesson-review-btn:hover{background:var(--bg-blue-tint);border-color:var(--color-interaction-blue)}.guide-card{display:flex;align-items:flex-start;gap:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--space-5);text-decoration:none;transition:all var(--transition-normal)}.guide-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.guide-card-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:2px}.guide-card-tier{flex-shrink:0;text-transform:capitalize}.guide-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.guide-card-tag{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;background:var(--bg-sidebar);color:var(--text-secondary);border:1px solid var(--border)}.guide-highlight{background:linear-gradient(180deg,transparent 50%,rgba(2,132,199,.15) 0);padding:0 2px;border-radius:2px}.guide-prose{font-size:15px;line-height:1.7;color:var(--text-primary);overflow-wrap:break-word;word-break:break-word}.guide-prose-p{margin:0 0 var(--space-4) 0}.guide-prose-p:last-child{margin-bottom:0}.guide-prose p{margin:0 0 var(--space-4) 0}.guide-prose p:last-child{margin-bottom:0}.guide-prose strong{font-weight:600;color:var(--text-primary)}.guide-prose code{font-size:.875em;background:var(--bg-secondary);padding:1px 5px;border-radius:4px;color:var(--text-primary)}.guide-prose code,.guide-prose pre{font-family:JetBrains Mono,Fira Code,Consolas,monospace}.guide-prose pre{margin:var(--space-4) 0;padding:var(--space-5);background:var(--code-bg);overflow-x:auto;font-size:13px;line-height:1.6;color:var(--code-text);border-radius:var(--card-radius);border:1px solid var(--code-header-bg)}.guide-prose pre code{background:none;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0}.guide-prose ol,.guide-prose ul{margin:0 0 var(--space-4) 0;padding-left:var(--space-6)}.guide-prose li{margin-bottom:var(--space-2)}.guide-source-link{color:var(--color-interaction-blue);text-decoration:none;word-break:break-all}.guide-source-link:hover{text-decoration:underline}.guide-glossary-term{border-bottom:1px dashed var(--color-interaction-blue);cursor:help}.guide-glossary-tooltip{display:flex;flex-direction:column;gap:6px;max-width:280px}.guide-glossary-tooltip-def{font-size:13px;line-height:1.5}.guide-glossary-tooltip-link{font-size:12px;color:var(--color-interaction-blue);text-decoration:none;font-weight:500}.guide-glossary-tooltip-link:hover{text-decoration:underline}.guide-code{margin:var(--space-5) 0;border-radius:var(--card-radius);overflow:hidden;border:1px solid var(--code-header-bg)}.guide-code-label{font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-2);font-style:italic}.guide-code-header{display:flex;align-items:center;justify-content:space-between;background:var(--code-header-bg);padding:var(--space-2) var(--space-4)}.guide-code-lang{font-size:12px;font-weight:600;color:var(--code-header-text);text-transform:uppercase;letter-spacing:.05em;font-family:monospace}.guide-code-copy{background:transparent;border:1px solid var(--code-header-border);border-radius:4px;color:var(--code-header-text);font-size:11px;padding:2px 8px;cursor:pointer;transition:all var(--transition-fast)}.guide-code-copy:hover{background:var(--code-header-border);color:var(--code-text)}.guide-code-pre{margin:0;padding:var(--space-5);background:var(--code-bg);overflow-x:auto;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--code-text)}.guide-code-pre code{background:none;padding:0;font-family:inherit;font-size:inherit;color:inherit}.guide-callout{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--card-radius);border-left:4px solid;margin:var(--space-5) 0}.guide-callout-tip{background:var(--bg-green-tint);border-left-color:var(--color-green-accent)}.guide-callout-warning{background:var(--bg-warning-tint);border-left-color:var(--color-warning)}.guide-callout-info{background:var(--bg-blue-tint);border-left-color:var(--color-interaction-blue)}.guide-callout-icon{font-size:18px;flex-shrink:0;line-height:1;margin-top:2px}.guide-callout-body{flex:1 1;min-width:0}.guide-callout-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.guide-collapsible{border:1px solid var(--border);border-radius:var(--card-radius);margin:var(--space-5) 0;overflow:hidden}.guide-collapsible-summary{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);font-size:15px;font-weight:600;color:var(--color-primary-navy);cursor:pointer;background:var(--bg-sidebar);list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--transition-fast)}.guide-collapsible-summary::-webkit-details-marker{display:none}.guide-collapsible-summary:after{content:"▶";font-size:11px;color:var(--text-secondary);transition:transform var(--transition-fast);flex-shrink:0}.guide-collapsible[open] .guide-collapsible-summary:after{transform:rotate(90deg)}.guide-collapsible-summary:hover{background:var(--border)}.guide-collapsible-content{padding:var(--space-5);border-top:1px solid var(--border)}.guide-image{margin:var(--space-5) 0;text-align:center}.guide-image-img{max-width:100%;height:auto;border-radius:var(--card-radius);border:1px solid var(--border)}.guide-image-caption{margin-top:var(--space-2);font-size:13px;color:var(--text-secondary);font-style:italic}.guide-table-wrapper{overflow-x:auto;margin:var(--space-5) 0;border-radius:var(--card-radius);border:1px solid var(--border)}.guide-table{width:100%;border-collapse:collapse;font-size:14px}.guide-table-th{text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-sidebar)}.guide-table-td,.guide-table-th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.guide-table-td{color:var(--text-primary);line-height:1.5}.guide-table tr:last-child .guide-table-td{border-bottom:none}.guide-table tr:hover .guide-table-td{background:var(--bg-page)}.guide-token-viz{margin:var(--space-5) 0}.guide-token-viz-block{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--space-5) var(--space-6)}.guide-token-viz-stats{display:flex;gap:var(--space-8);margin-bottom:var(--space-5)}.guide-token-viz-stat-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.guide-token-viz-stat-value{font-size:36px;font-weight:700;color:var(--text-primary);line-height:1.1}.guide-token-viz-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-3)}.guide-token-viz-flow{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:14px;line-height:2;color:var(--text-primary);overflow-wrap:break-word;word-break:break-word;overflow-x:auto}.guide-token-span{border-radius:3px;padding:2px 0;white-space:pre-wrap}.guide-heading-h2{font-size:22px;font-weight:600;color:var(--color-primary-navy);margin-bottom:var(--space-4);margin-top:var(--space-8)}.guide-heading-h2:first-child{margin-top:0}.guide-heading-h3{font-size:17px;font-weight:600;color:var(--color-primary-navy);margin-bottom:var(--space-3);margin-top:var(--space-6)}.guide-renderer{display:flex;flex-direction:column;overflow:hidden;min-width:0}.guide-header{margin-bottom:var(--space-4)}.guide-header-icon{font-size:32px;display:block;margin-bottom:var(--space-2)}.guide-header-title{font-size:26px;font-weight:700;color:var(--color-primary-navy);margin:0 0 var(--space-2) 0;line-height:1.2}.guide-header-desc{font-size:15px;color:var(--text-secondary);line-height:1.5;margin:0 0 var(--space-3) 0}.guide-header-meta{display:flex;align-items:center;gap:var(--space-3)}.guide-card-tier,.guide-tier-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.guide-tier-beginner{background:var(--bg-green-tint);color:var(--color-green-dark)}.guide-tier-intermediate{background:var(--bg-blue-tint);color:var(--color-interaction-blue)}.guide-tier-advanced{background:#EEF2FF;color:var(--color-primary-navy)}.guide-tier-admin{background:#FEF3C7;color:#92400E}.guide-reading-time{font-size:13px;color:var(--text-secondary)}.guide-hero-illustration{text-align:center;margin-bottom:var(--space-6)}.guide-hero-img{max-width:100%;height:auto;border-radius:var(--card-radius)}.guide-search-bar{position:relative;display:flex;align-items:center;margin-bottom:var(--space-6)}.guide-search-icon{position:absolute;left:14px;color:var(--text-tertiary);pointer-events:none}.guide-search-input{width:100%;height:48px;padding:0 44px 0 42px;border:1px solid var(--border);border-radius:var(--input-radius);font-size:15px;font-family:inherit;color:var(--text-primary);background:var(--bg-card);transition:border-color .2s ease,box-shadow .2s ease}.guide-search-input::placeholder{color:var(--text-tertiary)}.guide-search-input:focus{outline:none;border-color:var(--color-interaction-blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.guide-search-clear{position:absolute;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-tertiary);cursor:pointer;border-radius:4px;font-size:14px;transition:color .15s ease,background .15s ease}.guide-search-clear:hover{color:var(--text-primary);background:var(--bg-sidebar)}.search-results{margin-bottom:var(--space-6)}.search-results-group{margin-bottom:var(--space-5)}.search-results-group-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-2) 0;text-transform:uppercase;letter-spacing:.03em}.search-results-list{list-style:none;margin:0;padding:0}.search-results-item{border-bottom:1px solid var(--border)}.search-results-item:last-child{border-bottom:none}.search-results-link{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-2);text-decoration:none;color:inherit;border-radius:4px;transition:background .15s ease}.search-results-link:hover{background:var(--bg-sidebar)}.search-results-item-icon{font-size:18px;flex-shrink:0;margin-top:2px}.search-results-item-content{display:flex;flex-direction:column;gap:2px;min-width:0}.search-results-item-title{font-size:15px;font-weight:600;color:var(--text-primary)}.search-results-item-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ask-ai-button{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-interaction-blue);color:white;border:none;border-radius:24px;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px rgba(37,99,235,.3);transition:transform .2s ease,box-shadow .2s ease;z-index:1000}.ask-ai-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.4)}.ask-ai-button:focus-visible{outline:3px solid var(--color-interaction-blue);outline-offset:2px}.ask-ai-panel{position:fixed;bottom:24px;right:24px;left:auto;width:380px;height:520px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.15);display:flex;flex-direction:column;z-index:1001;overflow:hidden}.ask-ai-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-sidebar)}.ask-ai-header-left{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.875rem}.ask-ai-remaining{font-size:.75rem;color:var(--text-secondary);font-weight:400}.ask-ai-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-secondary);border-radius:4px;display:flex;align-items:center;justify-content:center}.ask-ai-close:hover{color:var(--text-primary);background:var(--bg-sidebar)}.ask-ai-close:focus-visible{outline:3px solid var(--color-interaction-blue);outline-offset:2px}.ask-ai-messages{flex:1 1;overflow-y:auto;overflow-anchor:none;padding:16px;display:flex;flex-direction:column;gap:12px}.ask-ai-welcome{color:var(--text-secondary);text-align:center;padding:24px 16px}.ask-ai-message,.ask-ai-welcome{font-size:.875rem;line-height:1.5}.ask-ai-message{max-width:85%;padding:10px 14px;border-radius:12px;word-break:break-word}.ask-ai-para{margin:0 0 .5em}.ask-ai-para:last-child{margin-bottom:0}.ask-ai-heading{display:block;margin:.6em 0 .3em;font-size:.925rem}.ask-ai-heading:first-child{margin-top:0}.ask-ai-list{margin:.3em 0;padding-left:1.3em}.ask-ai-list li{margin-bottom:.2em}.ask-ai-hr{border:none;border-top:1px solid var(--border);margin:.5em 0}.ask-ai-message-user{align-self:flex-end;background:var(--color-interaction-blue);color:white;border-bottom-right-radius:4px}.ask-ai-message-assistant{align-self:flex-start;background:var(--bg-sidebar);color:var(--text-primary);border-bottom-left-radius:4px}.ask-ai-typing{align-self:flex-start;padding:10px 14px;font-size:.875rem;color:var(--text-secondary)}@keyframes ask-ai-dots{0%,20%{opacity:.3}50%{opacity:1}80%,to{opacity:.3}}.ask-ai-typing span{animation:ask-ai-dots 1.4s infinite}.ask-ai-typing span:nth-child(2){animation-delay:.2s}.ask-ai-typing span:nth-child(3){animation-delay:.4s}.ask-ai-input-area{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:8px}.ask-ai-input{flex:1 1;padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:.875rem;font-family:inherit;resize:none;outline:none;transition:border-color .2s ease;min-height:unset;max-height:160px;overflow-y:auto;width:unset;field-sizing:content}.ask-ai-input:focus{border-color:var(--color-interaction-blue)}.ask-ai-input:disabled{background:var(--bg-sidebar);cursor:not-allowed}.ask-ai-send{padding:10px 16px;background:var(--color-interaction-blue);color:white;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease;white-space:nowrap}.ask-ai-send:hover:not(:disabled){background:var(--color-interaction-hover)}.ask-ai-send:disabled{opacity:.5;cursor:not-allowed}.ask-ai-send:focus-visible{outline:3px solid var(--color-interaction-blue);outline-offset:2px}.ask-ai-link{color:var(--color-interaction-blue);text-decoration:underline;text-underline-offset:2px}.ask-ai-link:hover{color:var(--color-interaction-hover)}.ask-ai-disclaimer{padding:6px 16px 10px;font-size:.7rem;color:var(--text-tertiary);text-align:center}.ask-ai-error{color:var(--color-error)}.ask-ai-error,.ask-ai-rate-limit{font-size:.8rem;padding:8px 16px;text-align:center}.ask-ai-rate-limit{color:var(--color-warning)}@media (max-width:640px){.ask-ai-button{bottom:16px;right:16px}.ask-ai-panel{bottom:0;right:0;left:0;width:100%;height:85vh;max-height:85dvh;border-radius:16px 16px 0 0}}.support-chat-button{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-green-dark);color:white;border:none;border-radius:24px;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px rgba(5,150,105,.3);transition:transform .15s ease,box-shadow .15s ease;z-index:998}.support-chat-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(5,150,105,.4)}.support-chat-button:focus-visible{outline:3px solid var(--color-green-dark);outline-offset:2px}.support-chat-button--stacked{bottom:88px}@media (max-width:640px){.support-chat-button{bottom:16px;right:16px}.support-chat-button--stacked{bottom:80px}}.search-empty{text-align:center;padding:var(--space-8) var(--space-4)}.search-empty-text{font-size:15px;color:var(--text-secondary)}.guide-grid{grid-template-columns:1fr;grid-gap:var(--space-4);margin-bottom:var(--space-8)}.guide-grid,.guide-nav{display:grid;gap:var(--space-4)}.guide-nav{grid-template-columns:1fr 1fr;grid-gap:var(--space-4);margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--border)}.guide-nav-link{display:flex;flex-direction:column;padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);text-decoration:none;transition:all var(--transition-normal)}.guide-nav-link:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.guide-nav-next{text-align:right}.guide-nav-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.guide-nav-title{font-size:15px;font-weight:600;color:var(--color-interaction-blue)}@media (max-width:768px){.learn-layout{grid-template-columns:1fr}.learn-sidebar{display:none}.learn-recap-grid{grid-template-columns:1fr}.learn-quiz-chips{gap:var(--space-1)}.guide-card{flex-direction:column;gap:var(--space-3)}.guide-code-pre{font-size:12px}.guide-table-wrapper{font-size:13px}.guide-callout{flex-direction:column;gap:var(--space-2)}}@keyframes slide-in-left{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.scoreboard-countdown{font-size:96px;font-weight:800;color:var(--color-primary-navy);text-align:center;line-height:1;padding:var(--space-12) 0;animation:countdown-pulse 1s ease-in-out}@keyframes countdown-pulse{0%{transform:scale(1.4);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:1}}.scoreboard-entry{display:grid;grid-template-columns:48px 1fr auto auto;align-items:center;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);margin-bottom:var(--space-3);opacity:0;transform:translateX(-100%);transition:none}.scoreboard-entry.visible{animation:slide-in-left .5s ease-out forwards}.scoreboard-entry.scoreboard-highlight{background:var(--bg-blue-tint);border-color:var(--color-interaction-blue);border-left:4px solid var(--color-interaction-blue)}.scoreboard-entry.scoreboard-winner{background:linear-gradient(135deg,#FFF9E6,#FFFBF0);border-color:#F59E0B;border-left:4px solid #f59e0b}.scoreboard-medal{font-size:28px;text-align:center;line-height:1}.scoreboard-entry-name{font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreboard-entry-score{font-size:18px;font-weight:700;color:var(--color-warning);white-space:nowrap}.scoreboard-entry-score.passed{color:var(--color-green-dark)}.scoreboard-entry-attempts,.scoreboard-entry-meta{font-size:13px;color:var(--text-secondary);white-space:nowrap}.scoreboard-entries-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.workshop-layout{min-height:100vh;background:var(--bg-page)}.workshop-main{padding:var(--space-6) var(--space-4)}.workshop-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6)}.workshop-error-box{background:var(--bg-error-tint);color:var(--color-error-dark);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:14px;line-height:1.5}.workshop-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--color-interaction-blue);border-radius:50%;animation:spin .6s linear infinite}.workshop-loading-state{flex-direction:column;min-height:40vh;gap:var(--space-3);color:var(--text-secondary);font-size:15px}.workshop-entry-page,.workshop-loading-state{display:flex;align-items:center;justify-content:center}.workshop-entry-page{min-height:calc(100vh - var(--space-6) * 2);padding:var(--space-6) var(--space-4)}.workshop-entry-card{max-width:440px;width:100%}.workshop-entry-header{text-align:center;margin-bottom:var(--space-6)}.workshop-entry-icon{font-size:48px;margin-bottom:var(--space-3)}.workshop-entry-title{font-size:24px;font-weight:700;color:var(--color-primary-navy);margin:0 0 var(--space-2)}.workshop-entry-subtitle{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.5}.workshop-entry-form{display:flex;flex-direction:column;gap:var(--space-5)}.workshop-form-group{display:flex;flex-direction:column;gap:var(--space-1)}.workshop-form-label{font-size:14px;font-weight:600;color:var(--text-primary)}.workshop-form-input{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:16px;transition:border-color .15s}.workshop-form-input:focus{outline:none;border-color:var(--color-interaction-blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.workshop-form-input:disabled{background:var(--bg-sidebar);cursor:not-allowed}.workshop-room-code-input{font-family:monospace;letter-spacing:.15em;font-size:20px;text-align:center}.workshop-form-hint{font-size:12px;color:var(--text-tertiary)}.workshop-submit-btn{margin-top:var(--space-2);gap:var(--space-2)}.workshop-submit-btn,.workshop-waiting-state{display:flex;align-items:center;justify-content:center}.workshop-waiting-state{min-height:calc(100vh - var(--space-6) * 2);padding:var(--space-6) var(--space-4)}.workshop-waiting-card{max-width:480px;width:100%;text-align:center}.workshop-waiting-icon{font-size:48px;margin-bottom:var(--space-3)}.workshop-waiting-title{font-size:22px;font-weight:700;color:var(--color-primary-navy);margin:0 0 var(--space-2)}.workshop-waiting-desc{font-size:15px;color:var(--text-secondary);margin:0 0 var(--space-4);line-height:1.5}.workshop-pulse-dot{width:12px;height:12px;background:var(--color-interaction-blue);border-radius:50%;margin:0 auto;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.workshop-poll-error,.workshop-poll-error-inline{color:var(--color-error);font-size:13px;margin-top:var(--space-2)}.workshop-participant-greeting{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-size:15px;color:var(--text-secondary)}.workshop-participant-name{font-weight:600;color:var(--text-primary)}.workshop-results-page{max-width:640px;margin:0 auto;padding:var(--space-4) 0}.workshop-results-hero{text-align:center;margin-bottom:var(--space-6)}.workshop-results-hero-icon{font-size:56px;margin-bottom:var(--space-3)}.workshop-results-hero-title{font-size:28px;font-weight:800;color:var(--color-primary-navy);margin:0 0 var(--space-2)}.workshop-results-hero-name{font-size:18px;color:var(--text-secondary);margin:0 0 var(--space-1)}.workshop-results-hero-pseudonym{font-size:14px;color:var(--text-tertiary);margin:0}.workshop-results-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-6)}.workshop-results-stat-card{text-align:center;padding:var(--space-4)}.workshop-results-stat-value{font-size:28px;font-weight:700;color:var(--color-primary-navy)}.workshop-results-stat-label{font-size:13px;color:var(--text-secondary);margin-top:var(--space-1)}.workshop-challenge-results-list{display:flex;flex-direction:column;gap:var(--space-2)}.workshop-challenge-result-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:6px}.workshop-challenge-result-row.passed{background-color:var(--color-success-bg,#ecfdf5)}.workshop-challenge-result-num{font-weight:600;color:var(--text-tertiary);min-width:24px;flex-shrink:0}.workshop-challenge-result-label{flex:1 1;font-weight:500}.workshop-challenge-result-score{font-weight:600;min-width:48px;text-align:right;flex-shrink:0}.workshop-challenge-result-score.passed{color:var(--color-success,#059669)}.workshop-challenge-result-status{font-weight:600;flex-shrink:0}.workshop-challenge-result-attempts{font-size:13px;color:var(--text-secondary);flex-shrink:0}.workshop-download-card{text-align:center}.workshop-scoreboard{max-width:640px;margin:0 auto}.workshop-scoreboard-title{font-size:22px;font-weight:600;color:var(--color-primary-navy);margin-bottom:var(--space-5);text-align:center}.final-leaderboard{max-width:640px;margin:0 auto}.final-curtain{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--space-8)}.final-curtain-icon{font-size:72px;margin-bottom:var(--space-4);animation:curtain-pulse 2s ease-in-out infinite}@keyframes curtain-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.final-curtain-title{font-size:36px;font-weight:800;color:var(--color-primary-navy);margin-bottom:var(--space-3)}.final-curtain-subtitle{font-size:18px;color:var(--text-secondary);line-height:1.5}.final-download-section{margin-top:var(--space-8);text-align:center;animation:fade-in .6s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.scoreboard-entry.visible{animation:none;opacity:1;transform:none}.final-curtain-icon,.final-download-section,.scoreboard-countdown{animation:none}}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.achievement-badge{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-4);border-radius:var(--card-radius);border:1px solid var(--border);background:var(--bg-card);transition:all var(--transition-normal)}.achievement-badge:not(.locked):hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.achievement-badge.locked{opacity:.4}.achievement-badge .achievement-icon{font-size:32px;margin-bottom:var(--space-2)}.achievement-badge .achievement-title{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.achievement-badge .achievement-desc{font-size:11px;color:var(--text-tertiary);line-height:1.3}.achievement-badge.tier-common{border-bottom:3px solid var(--color-interaction-blue)}.achievement-badge.tier-uncommon{border-bottom:3px solid var(--color-green-accent)}.achievement-badge.tier-rare{border-bottom:3px solid var(--color-purple)}.achievement-badge.tier-epic{border-bottom:3px solid var(--color-warning)}.guide-client-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.guide-client-pill{padding:var(--space-2) var(--space-4);font-size:13px;font-weight:500;line-height:1;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:20px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.guide-client-pill:hover{border-color:var(--border-hover);color:var(--text-primary)}.guide-client-pill--active{color:#fff;background:var(--color-interaction-blue);border-color:var(--color-interaction-blue)}.guide-client-pill--active:hover{color:#fff;background:var(--color-interaction-hover);border-color:var(--color-interaction-hover)}.learn-recommended-guides-section{margin-top:var(--space-8)}.learn-recommended-guides-desc{font-size:14px;color:var(--text-secondary);margin:0 0 var(--space-4) 0}.learn-recommended-guides{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}.learn-recommended-guide-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);text-decoration:none;transition:all var(--transition-normal)}.learn-recommended-guide-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px);border-color:var(--border-hover)}.learn-recommended-guide-icon{font-size:22px;flex-shrink:0;line-height:1}.learn-recommended-guide-body{display:flex;flex-direction:column;gap:2px;min-width:0}.learn-recommended-guide-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3;display:inline-flex;align-items:center;gap:4px}.learn-recommended-guide-external{color:var(--text-tertiary);flex-shrink:0}.learn-recommended-guide-card:hover .learn-recommended-guide-external{color:var(--color-interaction-blue)}.learn-recommended-guide-time{font-size:12px;color:var(--text-secondary)}@media (max-width:600px){.learn-recommended-guides{grid-template-columns:1fr}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--bg-sidebar) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:6px}.skeleton-text{height:16px;width:100%;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:60%}.skeleton-title{height:24px;width:50%;margin-bottom:var(--space-4)}.skeleton-circle{border-radius:50%}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.btn:active:not(:disabled){transform:scale(.98) translateY(0);box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.badge{transition:transform var(--transition-fast)}.badge:hover{transform:scale(1.05)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-interaction-blue);outline-offset:2px;transition:outline-offset var(--transition-fast)}.achievement-toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:9999;display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.achievement-toast{pointer-events:auto;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;text-align:left;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:0 8px 24px rgba(0,0,0,.12);animation:toast-slide-in .4s ease-out;min-width:280px;max-width:380px}.achievement-toast.dismissing{animation:toast-slide-out .3s ease-in forwards}.achievement-toast.tier-common{border-left:3px solid var(--color-interaction-blue)}.achievement-toast.tier-uncommon{border-left:3px solid var(--color-green-accent)}.achievement-toast.tier-rare{border-left:3px solid var(--color-purple)}.achievement-toast.tier-epic{border-left:3px solid var(--color-warning)}.achievement-toast-icon{font-size:28px;flex-shrink:0}.achievement-toast-content{flex:1 1;min-width:0}.achievement-toast-title{font-size:14px;font-weight:600;color:var(--text-primary)}.achievement-toast-desc{font-size:12px;color:var(--text-secondary);margin-top:2px}@keyframes toast-slide-in{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@media (prefers-reduced-motion:reduce){.achievement-toast{animation:none}.achievement-toast.dismissing{animation:none;opacity:0}}.admin-section-header{font-size:18px;font-weight:600;color:var(--color-primary-navy);margin-bottom:var(--space-4)}.badge-current{background:var(--bg-blue-tint);color:var(--color-interaction-blue)}.admin-search-input{width:100%;padding:10px 16px;border:1px solid var(--border);border-radius:8px;font-size:14px;margin-bottom:var(--space-3);min-height:auto}.admin-search-input:focus{outline:none;border-color:var(--color-interaction-blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.admin-filter-chips{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.admin-filter-chip{display:inline-flex;align-items:center;border-radius:99px;padding:6px 16px;cursor:pointer;font-size:13px;font-weight:500;border:none;font-family:inherit;transition:background var(--transition-fast),color var(--transition-fast);background:var(--bg-sidebar);color:var(--text-secondary)}.admin-filter-chip:hover{background:var(--border)}.admin-filter-chip.active{background:var(--color-interaction-blue);color:#fff}.admin-filter-chip.active:hover{background:var(--color-interaction-hover)}.admin-dim-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-2) var(--space-6);gap:var(--space-2) var(--space-6)}@media (max-width:768px){.admin-dim-grid{grid-template-columns:1fr}}.admin-dim-row{display:flex;align-items:center;gap:var(--space-2);font-size:12px}.admin-dim-label{min-width:70px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-dim-bar-bg{flex:1 1;max-width:120px;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.admin-dim-bar-bg.na{background:transparent;border:1px dashed var(--border)}.admin-dim-bar-fill{height:100%;border-radius:4px;transition:width .4s ease-out}.admin-dim-pct{min-width:32px;text-align:right;color:var(--text-secondary);font-weight:500}.admin-tier-bar{height:24px;border-radius:6px;overflow:hidden;display:flex;margin-bottom:var(--space-3)}.admin-tier-bar-segment{min-width:2px;transition:width .4s ease-out}.admin-trainee-header{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-2) 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;background:none;border:none;font-family:inherit;text-align:left}.admin-trainee-header:hover{opacity:.85}.admin-trainee-chevron{font-size:14px;color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0;width:16px;text-align:center}.admin-trainee-details{overflow:hidden;transition:max-height var(--transition-slow),opacity var(--transition-slow)}.admin-trainee-details.collapsed{max-height:0;opacity:0}.admin-trainee-details.expanded{max-height:800px;opacity:1}.admin-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;font-weight:600;color:#fff}.admin-progress-bar-bg{width:100%;height:12px;background:var(--border);border-radius:99px;overflow:hidden}.admin-progress-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#2563eb,#10b981);transition:width .5s ease-out}.admin-action-bar{display:flex;gap:var(--space-3);flex-wrap:wrap}.trial-layout{min-height:100vh;background:var(--bg-page)}.trial-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--bg-card);border-bottom:1px solid var(--border)}.trial-logo-link{text-decoration:none}.trial-main{max-width:800px;margin:0 auto;padding:var(--space-6) var(--space-4)}.trial-content{width:100%}.trial-steps{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-8)}.trial-step,.trial-steps{display:flex;align-items:center}.trial-step{flex-direction:column;gap:var(--space-1)}.trial-step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:var(--border);color:var(--text-tertiary);transition:all .2s ease}.trial-step-active .trial-step-dot{background:var(--color-interaction-blue);color:#fff}.trial-step-completed .trial-step-dot{background:var(--color-green-accent);color:#fff}.trial-step-label{font-size:12px;color:var(--text-tertiary);text-align:center;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trial-step-active .trial-step-label{color:var(--color-interaction-blue);font-weight:600}.trial-step-completed .trial-step-label{color:var(--color-green-accent)}.trial-step-connector{width:40px;height:2px;background:var(--border);margin-bottom:18px}.trial-limit-card{text-align:center;padding:var(--space-8);border:2px dashed var(--border)}.trial-cta-container{display:flex;flex-direction:column;gap:var(--space-6)}.trial-cta-block{padding:var(--space-6)}.trial-cta-title{font-size:22px;font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.trial-cta-subtitle{font-size:18px;color:var(--color-interaction-blue);font-weight:600;margin-bottom:var(--space-6)}.trial-cta-features{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-top:var(--space-4)}.trial-comparison{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-6);gap:var(--space-6)}@media (max-width:640px){.trial-comparison{grid-template-columns:1fr}}.trial-comparison-col{display:flex;flex-direction:column;gap:var(--space-3)}.trial-comparison-heading{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.trial-score-bar{display:flex;align-items:center;gap:var(--space-2);font-size:12px}.trial-score-bar-label{width:90px;flex-shrink:0;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trial-score-bar-value{width:40px;flex-shrink:0;text-align:right;font-weight:600;color:var(--text-primary)}.trial-after-bars,.trial-your-bars{display:flex;flex-direction:column;gap:var(--space-2)}.trial-eu-block{border-left:4px solid var(--color-warning)}.trial-eu-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.trial-eu-icon{font-size:24px}.trial-eu-title{font-size:18px;font-weight:700;color:var(--text-primary)}.trial-eu-body{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-4)}.trial-eu-countdown{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:var(--bg-warning-tint);border-radius:var(--radius-md,8px)}.trial-eu-months{font-size:14px;font-weight:700;color:var(--color-warning-dark)}.trial-action-block{text-align:center;background:var(--bg-blue-tint)}.trial-pricing{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.trial-no-pricing{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-6)}.trial-cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-4)}.trial-cta-primary{font-size:16px;padding:var(--space-3) var(--space-6)}.trial-custom-content{font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-4)}.trial-custom-content a{color:var(--color-interaction-blue);text-decoration:underline}.trial-features-list{font-size:13px;color:var(--text-tertiary);line-height:1.6}.workshop-builder{display:flex;flex-direction:column;gap:var(--space-6);max-width:720px}.workshop-builder-section{display:flex;flex-direction:column;gap:var(--space-2)}.workshop-builder-label{font-size:14px;font-weight:600;color:var(--text-primary)}.workshop-builder-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--bg-card);transition:border-color .15s;box-sizing:border-box}.workshop-builder-input:focus{outline:none;border-color:var(--color-interaction-blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.workshop-builder-input:disabled{background:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed}.workshop-builder-input--error{border-color:var(--color-error)}.workshop-builder-input--sm{font-size:13px;padding:var(--space-1) var(--space-2)}.workshop-builder-hint{font-size:12px;color:var(--text-tertiary);margin:0}.workshop-builder-field-error{font-size:13px;color:var(--color-error);margin:0}.workshop-builder-toggle-label{display:flex;align-items:center;gap:var(--space-2);font-size:14px;color:var(--text-primary);cursor:pointer}.workshop-builder-checkbox{width:16px;height:16px;cursor:pointer;flex-shrink:0;accent-color:var(--color-interaction-blue)}.workshop-builder-picker{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.workshop-builder-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--bg-card);cursor:pointer;flex:1 1;min-width:0}.workshop-builder-select:focus{outline:none;border-color:var(--color-interaction-blue)}.workshop-builder-select:disabled{background:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed}.workshop-builder-select--tier{flex:0 0 auto;width:140px}.workshop-builder-select--sm{font-size:13px;padding:var(--space-1) var(--space-2);width:130px;flex:0 0 auto}.workshop-builder-challenge-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.workshop-builder-challenge-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.workshop-builder-challenge-order{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.workshop-builder-order-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 6px;font-size:10px;color:var(--text-secondary);cursor:pointer;line-height:1;transition:background .1s}.workshop-builder-order-btn:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary)}.workshop-builder-order-btn:disabled{opacity:.3;cursor:not-allowed}.workshop-builder-challenge-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.workshop-builder-challenge-name{font-size:14px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.workshop-builder-challenge-num{font-size:12px;color:var(--text-tertiary);font-weight:400;min-width:18px}.workshop-builder-challenge-controls{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.workshop-builder-remove-btn{background:none;border:none;color:var(--text-tertiary);font-size:18px;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);line-height:1;flex-shrink:0;transition:color .1s,background .1s}.workshop-builder-remove-btn:hover:not(:disabled){color:var(--color-error);background:var(--bg-error-tint)}.workshop-builder-remove-btn:disabled{opacity:.3;cursor:not-allowed}.workshop-builder-actions{padding-top:var(--space-2)}