@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root,[data-theme=light]{--bg-app:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--bg-elevated:#f1f5f9;--bg-hover:#e2e8f0;--bg-input:#f8fafc;--bg-code:#f1f5f9;--border:#0f172a1a;--border-subtle:#0f172a0d;--border-hover:#0f172a33;--border-active:#0284c7;--primary:#0284c7;--primary-hover:#0369a1;--primary-subtle:#0284c71a;--accent-indigo:#4f46e5;--accent-cyan:#0284c7;--success:#10b981;--success-subtle:#10b9811f;--danger:#ef4444;--danger-subtle:#ef44441f;--warning:#f59e0b;--warning-subtle:#f59e0b1f;--info:#0284c7;--info-subtle:#0284c71f;--text-main:#0f172a;--text-muted:#475569;--text-dim:#64748b;--text-code:#0f172a;--bar-default:#94a3b8;--bar-comparing:#0284c7;--bar-swapping:#7c3aed;--bar-sorted:#059669;--bar-pivot:#d97706;--bar-found:#0284c7;--bar-current:#7c3aed;--sidebar-w:240px;--header-h:52px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--ease:.12s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-app:#090d16;--bg-sidebar:#0c121e;--bg-card:#111827;--bg-elevated:#162032;--bg-hover:#1e293b;--bg-input:#0b101b;--bg-code:#080c14;--border:#ffffff14;--border-subtle:#ffffff0a;--border-hover:#ffffff26;--border-active:#3b82f6;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-subtle:#2563eb1f;--accent-indigo:#4f46e5;--accent-cyan:#0284c7;--success:#10b981;--success-subtle:#10b9811f;--danger:#ef4444;--danger-subtle:#ef44441f;--warning:#f59e0b;--warning-subtle:#f59e0b1f;--info:#3b82f6;--info-subtle:#3b82f61f;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--text-code:#e2e8f0;--bar-default:#334155;--bar-comparing:#3b82f6;--bar-swapping:#f59e0b;--bar-sorted:#10b981;--bar-pivot:#8b5cf6;--bar-found:#10b981;--bar-current:#3b82f6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5}select{color:var(--text-main);background-color:var(--bg-card);font-family:inherit}select option{color:#f8fafc;background-color:#1e293b;padding:6px 10px}[data-theme=light] select option{color:#0f172a;background-color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#334155}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--header-h) 1fr;grid-template-areas:"header header""sidebar main";width:100%;max-width:100vw;height:100dvh;display:grid;position:fixed;inset:0;overflow:hidden}.app-shell.app-shell-learn,.app-shell.app-shell-fullwidth{grid-template-columns:1fr;grid-template-areas:"header""main"}.app-shell.app-shell-learn .main,.app-shell.app-shell-fullwidth .main{-webkit-overflow-scrolling:touch;grid-area:2/1/auto/-1;width:100%;max-width:100vw;padding:0;overflow:hidden auto}.header{background:var(--bg-sidebar);border-bottom:1px solid var(--border);z-index:50;flex-shrink:0;grid-area:header;align-items:center;gap:16px;padding:0 20px;display:flex}.header-logo{color:var(--text-main);align-items:center;gap:10px;text-decoration:none;display:flex}.header-logo-icon{border-radius:var(--radius-sm);width:36px;height:28px;font-family:var(--font-mono);color:#fff;letter-spacing:-.04em;background:#0284c7;justify-content:center;align-items:center;font-size:11.5px;font-weight:800;display:flex;box-shadow:0 2px 8px #0284c759}.header-logo-group{flex-direction:column;line-height:1.1;display:flex}.header-logo-text{letter-spacing:-.02em;font-size:16px;font-weight:700}.header-logo-sub{color:var(--text-dim);letter-spacing:-.01em;font-size:9.5px;font-weight:600}.logo-x-accent{color:#38bdf8;margin-left:1px;font-weight:900}.badge-learn-chapters{color:#10b981;background:#10b98133;border-radius:8px;margin-left:4px;padding:1px 6px;font-size:9.5px;font-weight:800}.header-breadcrumb{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.header-breadcrumb .divider{color:var(--text-dim)}.header-spacer{flex:1}.header-langs{gap:6px;display:flex}.header-lang-pill{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);border-radius:var(--radius-xs);background:#0f172ab3;border:1px solid #ffffff14;align-items:center;gap:5px;padding:3px 9px;font-weight:600;transition:all .12s;display:inline-flex}.header-lang-pill:hover{color:#fff;background:#1e293bcc;border-color:#3b82f666}.header-badge{font-size:11px;font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-xs);padding:2px 8px}.live-user-counter-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);cursor:default;-webkit-user-select:none;user-select:none;transition:all var(--ease);border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;display:inline-flex}.live-user-counter-pill:hover{background:var(--bg-hover);border-color:#10b98166}.live-pulse-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s cubic-bezier(.4,0,.6,1) infinite livePulse;box-shadow:0 0 #10b981b3}@keyframes livePulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.live-counter-icon{font-size:11px}.live-counter-number{color:var(--text-main);letter-spacing:-.01em;font-weight:700}.live-counter-label{color:var(--text-muted);font-size:10.5px;font-weight:500}.header-signin-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--ease);-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.header-signin-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--primary)}.user-avatar-container{position:relative}.user-avatar-pill{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:all var(--ease);color:var(--text-main);-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:8px;padding:3px 10px 3px 4px;font-size:12px;font-weight:600;display:inline-flex}.user-avatar-pill:hover,.user-avatar-pill.pill-active{background:var(--bg-hover);border-color:var(--border-hover)}.user-avatar-img{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:24px;height:24px}.user-avatar-fallback{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#6366f1 100%);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.user-avatar-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.user-avatar-badge{font-size:9.5px;font-family:var(--font-mono);color:var(--primary);background:var(--primary-subtle);border:1px solid #0284c733;border-radius:10px;padding:1px 6px;font-weight:700}.user-dropdown-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);z-index:1000;flex-direction:column;width:280px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 36px #00000059}.user-dropdown-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.user-dropdown-profile{align-items:center;gap:10px;display:flex}.dropdown-avatar-large{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:36px;height:36px}.dropdown-avatar-fallback-large{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#6366f1 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.user-dropdown-details{flex-direction:column;flex:1;display:flex;overflow:hidden}.user-name-edit-row{align-items:center;gap:6px;display:flex}.user-dropdown-fullname{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.btn-edit-pencil{cursor:pointer;background:0 0;border:none;border-radius:3px;padding:1px 3px;font-size:11px;line-height:1;transition:transform .12s}.btn-edit-pencil:hover{transform:scale(1.2)}.inline-name-edit-box{align-items:center;gap:4px;margin-bottom:2px;display:flex}.inline-name-input{background:var(--bg-app);border:1px solid var(--primary);color:var(--text-main);border-radius:4px;width:130px;padding:2px 6px;font-family:inherit;font-size:12px}.btn-save-name{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.btn-cancel-name{background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:2px 6px;font-size:11px}.user-dropdown-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.user-dropdown-pills-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.user-rank-pill{font-size:10px;font-family:var(--font-mono);border:1px solid #0000;border-radius:12px;align-items:center;gap:5px;padding:2px 8px;display:inline-flex}.user-coin-wallet-pill{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.btn-cert-launch-gold{color:#fff;border-radius:var(--radius-xs);cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:1px solid #fbbf24;width:100%;margin-top:8px;padding:7px 10px;font-size:11.5px;font-weight:700;transition:all .15s;box-shadow:0 2px 8px #f59e0b59}.btn-cert-launch-gold:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b80}.btn-resume-academy{background:var(--bg-hover);width:100%;color:var(--primary);border-radius:var(--radius-xs);cursor:pointer;border:1px solid #0284c733;margin-top:6px;padding:6px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.btn-resume-academy:hover{background:var(--primary-subtle);border-color:var(--primary)}.user-dropdown-section{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.dropdown-section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.progress-fraction{font-family:var(--font-mono);color:var(--primary);font-size:10.5px}.dropdown-progress-track{background:var(--bg-hover);border-radius:3px;width:100%;height:6px;overflow:hidden}.dropdown-progress-fill{background:linear-gradient(90deg,#0284c7 0%,#10b981 100%);border-radius:3px;height:100%;transition:width .3s}.dropdown-bookmarks-list{flex-direction:column;gap:4px;display:flex}.dropdown-bookmark-item{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;color:var(--text-main);transition:all var(--ease);justify-content:space-between;align-items:center;padding:5px 8px;font-size:11.5px;display:flex}.dropdown-bookmark-item:hover{border-color:var(--border-hover);color:var(--primary)}.bookmark-algo-name{font-weight:600}.bookmark-algo-comp{font-family:var(--font-mono);color:var(--text-dim);font-size:10px}.dropdown-empty-text{color:var(--text-muted);font-size:11px;font-style:italic;line-height:1.4}.user-dropdown-footer{background:var(--bg-elevated);padding:8px 12px}.footer-actions-split{justify-content:space-between;align-items:center;gap:8px;display:flex}.dropdown-action-btn-subtle{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;background:0 0;padding:5px 10px;font-size:11px;font-weight:600;transition:all .12s}.dropdown-action-btn-subtle:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--border-hover)}.reset-confirm-box{border-radius:var(--radius-xs);background:#ef444414;border:1px solid #ef444433;flex-direction:column;gap:6px;padding:4px;display:flex}.reset-warning-text{color:#ef4444;text-align:center;font-size:10.5px;font-weight:600}.reset-btn-row{gap:6px;display:flex}.btn-confirm-yes{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:3px;flex:1;padding:4px;font-size:11px;font-weight:700}.btn-confirm-no{background:var(--bg-hover);color:var(--text-main);border:1px solid var(--border);cursor:pointer;border-radius:3px;flex:1;padding:4px;font-size:11px}.dropdown-logout-btn{border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--danger);cursor:pointer;transition:all var(--ease);background:0 0;justify-content:center;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.dropdown-logout-btn:hover{background:var(--danger-subtle);border-color:#ef44444d}.auth-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;background:#000000b3;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.auth-modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:20px;width:100%;max-width:420px;padding:28px 24px;display:flex;position:relative;box-shadow:0 20px 50px #00000080}.auth-modal-close{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;width:28px;height:28px;transition:all var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:14px;right:14px}.auth-modal-close:hover{color:var(--text-main);background:var(--bg-elevated)}.auth-modal-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.auth-modal-logo{margin-bottom:4px}.auth-modal-title{color:var(--text-main);letter-spacing:-.02em;font-size:20px;font-weight:800}.auth-modal-subtitle{color:var(--text-muted);max-width:320px;font-size:12.5px;line-height:1.45}.auth-benefits-grid{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.auth-benefit-item{align-items:flex-start;gap:10px;display:flex}.benefit-icon-wrapper{color:var(--primary);margin-top:2px}.benefit-text{flex-direction:column;font-size:12px;line-height:1.35;display:flex}.benefit-text strong{color:var(--text-main);font-weight:700}.benefit-text span{color:var(--text-muted);font-size:11px}.auth-actions-group{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.google-btn-wrapper{justify-content:center;width:100%;display:flex}.btn-google-sign-in{color:#374151;cursor:pointer;width:100%;height:42px;transition:all var(--ease);background:#fff;border:1px solid #d1d5db;border-radius:24px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex;box-shadow:0 1px 3px #00000014}.btn-google-sign-in:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 2px 6px #0000001f}.auth-divider{width:100%;color:var(--text-dim);font-size:10px;font-family:var(--font-mono);letter-spacing:.08em;align-items:center;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.auth-divider span{padding:0 10px}.btn-demo-sign-in{background:var(--bg-hover);border:1px dashed var(--border-hover);border-radius:var(--radius-sm);width:100%;height:38px;color:var(--text-main);cursor:pointer;transition:all var(--ease);font-size:12px;font-weight:600}.btn-demo-sign-in:hover{background:var(--bg-elevated);border-color:var(--primary);color:var(--primary)}.auth-client-help-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;width:100%;padding:8px 12px;display:flex}.auth-help-toggle{color:var(--primary);cursor:pointer;text-align:left;transition:all var(--ease);background:0 0;border:none;padding:0;font-size:11px;font-weight:600}.auth-help-toggle:hover{text-decoration:underline}.auth-help-steps{color:var(--text-muted);flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:11px;line-height:1.5;display:flex}.auth-help-steps a{color:var(--primary);text-decoration:underline}.env-pill{font-family:var(--font-mono);background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);border-radius:3px;padding:1px 4px;font-size:10px}.auth-modal-footer{text-align:center;color:var(--text-dim);font-size:10.5px;line-height:1.4}.sidebar-item-meta{align-items:center;gap:6px;display:flex}.sidebar-star-btn,.card-bookmark-btn{color:var(--text-dim);cursor:pointer;transition:all var(--ease);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;display:flex}.sidebar-star-btn:hover,.card-bookmark-btn:hover,.sidebar-star-btn.star-active,.card-bookmark-btn.star-active{color:#f59e0b}button,.btn,.btn-primary,.btn-secondary,.btn-icon,.hero-btn-main,.hero-btn-sub,.quick-chip-btn,.hero-quick-card,.track-start-btn,.header-theme-pill,.header-sound-pill,.category-tab,.platform-tab,.mode-btn,.sandbox-action-btn,.sandbox-play-btn,.lang-select-chip,.sidebar-item,.hamburger-btn,.btn-hero-cta{outline:none;box-shadow:none!important;text-shadow:none!important}.btn-primary,.hero-btn-main{color:#fff!important;background:#2563eb!important;border:1px solid #2563eb!important}.btn-primary:hover,.hero-btn-main:hover{box-shadow:none!important;background:#1d4ed8!important;border-color:#1d4ed8!important}.btn-secondary,.hero-btn-sub{background:var(--bg-app)!important;border:1px solid var(--border)!important;color:var(--text-main)!important}.btn-secondary:hover,.hero-btn-sub:hover{background:var(--bg-hover)!important;border-color:var(--border-hover)!important;box-shadow:none!important}.desktop-sidebar-wrapper{height:calc(100vh - var(--header-h));flex-direction:column;grid-area:sidebar;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.sidebar-brand{border-bottom:1px solid var(--border);background:var(--bg-sidebar);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:none}.sidebar-drawer .sidebar-brand{display:flex}.sidebar-brand-left{cursor:pointer;flex:1;align-items:center;gap:10px;display:flex}.sidebar-close-btn{border-radius:var(--radius-sm);background:var(--bg-hover);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-close-btn:hover{background:var(--bg-elevated);color:var(--text-main);border-color:var(--border-active)}.sidebar-brand-logo{flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-brand-info{flex-direction:column;gap:1px;display:flex}.sidebar-brand-title{color:var(--text-main);letter-spacing:-.02em;font-size:15px;font-weight:800;line-height:1.15}.sidebar-brand-badge{font-size:9.5px;font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.sidebar-mode-switcher-bar{background:var(--bg-hover,#0f172a0a);border-bottom:1px solid var(--border);flex-shrink:0;gap:4px;padding:6px 10px;display:flex}.sidebar-mode-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:11.5px;font-weight:700;transition:all .14s;display:flex}.sidebar-mode-tab-btn:hover{color:var(--text-main);background:#ffffff0a}.sidebar-mode-tab-btn.active{background:var(--bg-card,#fff);color:var(--primary,#2563eb);border-color:var(--border);box-shadow:0 1px 4px #0000000f}[data-theme=dark] .sidebar-mode-tab-btn.active{color:#38bdf8;background:#1e293b;border-color:#ffffff1a}.sidebar-track-subbox{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;margin-bottom:10px;padding:8px 6px 12px;display:flex}.sidebar-track-row{align-items:center;gap:8px;display:flex}.track-title-sm{color:var(--text-main);font-size:12.5px;font-weight:700}.track-subtitle-sm{color:var(--text-muted);font-size:10.5px}.dev-role-label{color:var(--text-dim,#94a3b8);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600;line-height:1}.btn-teaser-preview{color:#eab308;cursor:pointer;background:#eab30826;border:1px solid #eab30859;border-radius:4px;width:100%;margin-top:6px;padding:5px 8px;font-size:11px;font-weight:700;transition:all .14s}.btn-teaser-preview:hover{color:#facc15;background:#eab30840}.sidebar-scroll-content{flex-direction:column;flex:1;gap:18px;padding:14px 8px;display:flex;overflow-y:auto}.sidebar-category{flex-direction:column;gap:2px;display:flex}.sidebar-category-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);padding:4px 10px 6px;font-size:11px;font-weight:600}.sidebar-items{flex-direction:column;gap:2px;display:flex}.sidebar-item{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--ease), color var(--ease);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:6px 10px;font-size:13px;display:flex}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-main)}.sidebar-item.active{background:var(--primary-subtle);color:var(--primary);font-weight:500}.sidebar-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.sidebar-algo-glyph{background:#0f172a99;border:1px solid #ffffff0d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-item-complexity{font-size:10.5px;font-family:var(--font-mono);color:var(--text-dim);flex-shrink:0;font-weight:600}.sidebar-item.active .sidebar-item-complexity{color:var(--primary)}.sidebar-footer{border-top:1px solid var(--border);background:var(--bg-sidebar);flex-shrink:0;padding:12px 10px}.dev-profile-card{border-radius:var(--radius-md);width:100%;transition:all var(--ease);background:linear-gradient(135deg,#1e293b73 0%,#0f172ab3 100%);border:1px solid #ffffff14;flex-direction:column;gap:10px;padding:10px;display:flex;box-shadow:0 4px 14px #00000040}.dev-profile-card:hover{border-color:#38bdf859;box-shadow:0 6px 20px #00000059,0 0 16px #38bdf826}.dev-profile-header{align-items:center;gap:10px;text-decoration:none;display:flex}.dev-avatar-glow-ring{background:linear-gradient(135deg,#38bdf8 0%,#818cf8 50%,#c084fc 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:2px;display:flex;position:relative;box-shadow:0 0 12px #38bdf873}.dev-avatar-img{object-fit:cover;object-position:center 20%;background:#1e293b;border-radius:50%;width:100%;height:100%;display:block}.dev-avatar-fallback-letter{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#6366f1 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:800;display:flex}.dev-online-beacon{border:1.5px solid var(--bg-sidebar);background:#10b981;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0;box-shadow:0 0 6px #10b981}.dev-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.dev-name-row{align-items:center;gap:6px;display:flex}.dev-name{color:var(--text-main);letter-spacing:-.01em;font-size:14px;font-weight:800;line-height:1.2}.dev-badge-role{font-size:9px;font-family:var(--font-mono);color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:4px;padding:1px 5px;font-weight:700}.dev-portfolio-tag{color:var(--text-dim);font-size:10px;font-family:var(--font-mono);transition:color var(--ease)}.dev-profile-header:hover .dev-name,.dev-profile-header:hover .dev-portfolio-tag{color:#38bdf8}.dev-social-row{border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:12px;padding-top:8px;display:flex}.dev-social-btn{width:34px;height:34px;color:var(--text-muted);transition:all var(--ease);cursor:pointer;background:#1e293bbf;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.dev-social-btn:hover{color:#38bdf8;background:#38bdf833;border-color:#38bdf899;transform:translateY(-2px);box-shadow:0 4px 14px #38bdf859}.dev-social-portfolio{color:#38bdf8;background:#38bdf81f;border-color:#38bdf84d}.dev-social-portfolio:hover{background:#38bdf84d;border-color:#38bdf8}[data-theme=light] .sidebar-footer{background:#fff;border-top-color:#e2e8f0}[data-theme=light] .dev-profile-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 14px #0f172a0d}[data-theme=light] .dev-profile-card:hover{border-color:#38bdf8;box-shadow:0 6px 18px #0284c71f}[data-theme=light] .dev-social-row{border-top-color:#e2e8f0}[data-theme=light] .dev-social-btn{color:#475569;background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .dev-social-btn:hover{color:#0284c7;background:#e0f2fe;border-color:#0284c7;box-shadow:0 4px 14px #0284c733}[data-theme=light] .dev-social-portfolio{color:#0284c7;background:#0284c714;border-color:#0284c740}.main{box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;background:var(--bg-app);grid-area:main;width:100%;min-width:0;max-width:100%;height:100%;position:relative;overflow:hidden auto}.home-layout{box-sizing:border-box;word-break:break-word;flex-direction:column;gap:32px;width:100%;max-width:1240px;margin:0 auto;padding:32px 24px 80px;display:flex;overflow-x:hidden}.hero-workbench{grid-template-columns:57fr 43fr;align-items:stretch;gap:20px;width:100%;min-width:0;display:grid}.hero-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;flex-direction:column;justify-content:center;gap:20px;width:100%;min-width:0;padding:32px;display:flex;overflow:hidden}.hero-badge-pill{background:#3b82f614;border:1px solid #3b82f640;border-radius:20px;align-items:center;gap:8px;width:fit-content;padding:6px 14px;display:inline-flex}.badge-glow-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 8px #10b981cc}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.badge-pill-text{color:var(--text-main);letter-spacing:-.01em;font-size:11.5px;font-weight:700}.hero-title{letter-spacing:-.03em;color:var(--text-main);margin:0;font-size:32px;font-weight:800;line-height:1.18}.hero-highlight-text,.hero-gradient-text{color:#3b82f6;font-weight:800}.hero-description{color:var(--text-muted);max-width:520px;margin:0;font-size:14px;line-height:1.65}.why-algoflowx-section{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid}.why-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--ease);flex-direction:column;gap:8px;padding:20px;display:flex;position:relative;overflow:hidden}.why-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.why-card-memory{border-left:3px solid #10b981}.why-card-compiler{border-left:3px solid #3b82f6}.why-card-engines{border-left:3px solid #9333ea}.why-card-top-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.why-card-tag{letter-spacing:.05em;color:var(--text-dim);font-size:9.5px;font-weight:800}.why-icon-box{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.why-title{color:var(--text-main);margin:0;font-size:14.5px;font-weight:700;line-height:1.3}.why-desc{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.5}.why-micro-visual{background:var(--bg-app);border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;margin-top:4px;padding:6px 10px;display:flex}.micro-box{color:#10b981;font-size:10px;font-weight:700}.micro-arrow{color:var(--text-dim);font-size:9px}.micro-addr{color:var(--text-muted);font-size:9.5px}.micro-prompt{color:#38bdf8;font-size:10px;font-weight:700}.micro-status{color:#10b981;margin-left:auto;font-size:9.5px}.dsa-bars-preview{gap:4px;display:flex}.micro-dsa-pill{border-radius:3px;padding:1px 6px;font-size:9.5px;font-weight:800}.pill-g{color:#10b981;background:#10b98126}.pill-b{color:#3b82f6;background:#3b82f626}.pill-y{color:#f59e0b;background:#f59e0b26}.flagship-top-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.flagship-pill-ch{color:#10b981;background:#10b9811f;border:1px solid #10b98140;border-radius:12px;padding:2px 7px;font-size:9.5px;font-weight:800}.flagship-pill-dsa{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f640;border-radius:12px;padding:2px 7px;font-size:9.5px;font-weight:800}.hero-pillar-cards-grid{grid-template-columns:1fr 1fr;gap:12px;margin:2px 0 6px;display:grid}@media (width<=640px){.hero-pillar-cards-grid{grid-template-columns:1fr}}.hero-pillar-card{background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--ease);text-align:left;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.hero-pillar-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.pillar-academy{border-left:3px solid #10b981}.pillar-academy:hover{border-color:#10b981}.pillar-dsa{border-left:3px solid #3b82f6}.pillar-dsa:hover{border-color:#3b82f6}.pillar-top-badge{letter-spacing:.05em;color:var(--text-muted);font-size:9.5px;font-weight:800}.pillar-academy .pillar-top-badge{color:#10b981}.pillar-dsa .pillar-top-badge{color:#3b82f6}.pillar-title{color:var(--text-main);font-size:14px;font-weight:700}.pillar-desc{color:var(--text-muted);margin-bottom:4px;font-size:11.5px;line-height:1.4}.pillar-link{color:var(--primary);margin-top:auto;font-size:11px;font-weight:700}.hero-chips-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chips-label{font-size:9.5px;font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.05em;font-weight:700}.chips-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip-btn{color:var(--text-main);background:var(--bg-app);border:1px solid var(--border);cursor:pointer;border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .12s;display:inline-flex}.chip-btn:hover{background:var(--bg-hover);border-color:#3b82f666;transform:translateY(-1px)}.chip-comp{color:#3b82f6;background:#3b82f61a;border-radius:3px;padding:1px 4px;font-size:9.5px;font-weight:700}.btn-hero-ghost{color:#3b82f6;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:8px 10px;font-size:12.5px;font-weight:600;transition:all .12s;display:inline-flex}.btn-hero-ghost:hover{background:#3b82f614}.dual-flagship-section{grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.flagship-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:10px;padding:20px 22px;transition:transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.flagship-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000024}.card-learn-c{border-left:4px solid #10b981}.card-dsa-studio{border-left:4px solid #3b82f6}.flagship-badge{font-size:10px;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-weight:800}.badge-c-learn{color:#10b981}.badge-dsa-engine{color:#3b82f6}.flagship-title{color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:800;line-height:1.25}.flagship-desc{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.5}.flagship-code-snippet{color:#cbd5e1;background:#011627;border:1px solid #ffffff1a;border-radius:6px;padding:8px 12px;font-size:11px}.c-cm{color:#64748b;font-style:italic}.flagship-duel-snippet{color:#cbd5e1;background:#011627;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}.f-good{color:#10b981;font-weight:700}.f-vs{color:#f59e0b;font-size:9.5px;font-weight:800}.f-bad{color:#ef4444;font-weight:700}.flagship-feature-pills{flex-wrap:wrap;gap:6px;display:flex}.feat-pill{color:var(--text-main);background:var(--bg-hover);border:1px solid var(--border);white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.flagship-action-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;display:flex}.btn-flagship-c{color:#fff;cursor:pointer;transition:all var(--ease);background:#10b981;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:700;display:inline-flex}.btn-flagship-c:hover{background:#059669;transform:translateY(-1px)}.btn-flagship-dsa{color:#fff;cursor:pointer;transition:all var(--ease);background:#2563eb;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:700;display:inline-flex}.btn-flagship-dsa:hover{background:#1d4ed8;transform:translateY(-1px)}.flagship-meta-text{color:var(--text-dim);font-size:11px;font-weight:500}.roadmap-header-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:22px 26px;display:flex}.roadmap-header-left{max-width:680px}.roadmap-badge{color:#10b981;letter-spacing:.05em;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.roadmap-title{color:var(--text-main);margin:0 0 6px;font-size:20px;font-weight:800}.roadmap-desc{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.roadmap-modules-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.roadmap-modules-grid{grid-template-columns:1fr}}.roadmap-module-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:18px 20px;display:flex}.rm-mod-header{border-bottom:1px solid var(--border);padding-bottom:10px}.rm-mod-title{color:var(--text-main);margin:2px 0 4px;font-size:16px;font-weight:700}.rm-mod-desc{color:var(--text-dim);margin:0;font-size:11.5px;line-height:1.4}.rm-lessons-list{flex-direction:column;gap:6px;display:flex}.rm-lesson-row{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--ease);align-items:center;gap:12px;padding:8px 12px;display:flex}.rm-lesson-row:hover{border-color:#10b981;transform:translate(2px)}.rm-ch-info{flex-direction:column;flex:1;display:flex}.rm-ch-title{color:var(--text-main);font-size:13px;font-weight:700}.rm-ch-sub{color:var(--text-dim);font-size:11px}.rm-ch-meta{color:var(--text-muted);flex-shrink:0;font-size:10.5px}.hero-simple-highlights{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.simple-highlight-pill{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-dim);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.pill-check{color:#10b981;font-weight:800}.hero-metrics-grid{background:var(--bg-app);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:8px;min-width:0;margin-top:4px;padding:8px 10px;display:grid}.metric-box{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.metric-val{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:13px;font-weight:800;line-height:1.1;overflow:hidden}.metric-lbl{color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;font-size:9.5px;font-weight:600}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-hero-academy{color:#fff;cursor:pointer;letter-spacing:-.01em;background:#10b981;border:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:12px 22px;font-size:13.5px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.btn-hero-academy:hover{background:#059669;transform:translateY(-1px)}.btn-hero-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:11px 18px;font-size:13px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.btn-hero-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-hero-secondary{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:11px 16px;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex;background:var(--bg-app)!important;border:1px solid var(--border)!important;color:var(--text-main)!important}.btn-hero-secondary:hover{background:var(--bg-hover)!important;border-color:var(--border-hover)!important}.btn-hero-ghost{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:8px 10px;font-size:12.5px;font-weight:600;transition:color .12s;display:inline-flex}.btn-hero-ghost:hover{color:#60a5fa;text-decoration:underline}.hero-metrics{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding-top:10px;display:flex}.metric-item{align-items:center;gap:5px;display:flex}.metric-val{color:var(--text-main);font-size:12px;font-weight:700}.metric-lbl{color:var(--text-dim);font-size:11px}.metric-divider{color:var(--border);font-size:10px}.hero-sandbox{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;flex-direction:column;justify-content:space-between;gap:12px;width:100%;min-width:0;padding:16px 18px;display:flex;overflow:hidden}.sandbox-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.window-dots{align-items:center;gap:5px;display:flex}.w-dot{border-radius:50%;width:8px;height:8px}.sandbox-tabs{background:var(--bg-app);border:1px solid var(--border);border-radius:5px;gap:2px;padding:2px;display:flex}.s-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:3px 8px;font-size:10.5px;font-weight:600;transition:all .12s}.s-tab:hover{color:var(--text-main)}.s-tab.active{background:var(--bg-card);color:#3b82f6;font-weight:700}.sandbox-btns{align-items:center;gap:4px;display:flex}.s-btn-icon{background:var(--bg-app);border:1px solid var(--border);width:26px;height:26px;color:var(--text-dim);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.s-btn-icon:hover{color:var(--text-main);background:var(--bg-hover)}.s-btn-play{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:4px;align-items:center;gap:4px;height:26px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.sandbox-stage{background:var(--bg-app);border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:flex-end;gap:6px;height:135px;padding:16px 8px 6px;display:flex;position:relative}.stage-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:3px;max-width:32px;height:100%;display:flex;position:relative}.stage-bar{background:#3b82f6;border-radius:3px 3px 0 0;width:100%;min-height:6px;transition:height .1s,background .1s}.stage-bar.active{background:#f59e0b}.stage-bar.pivot{background:#10b981}.stage-val{font-size:8.5px;font-family:var(--font-mono);color:var(--text-dim)}.stage-ptr{font-size:7.5px;font-family:var(--font-mono);border-radius:2px;padding:0 3px;font-weight:800;position:absolute;top:-14px}.ptr-i{color:#000;background:#f59e0b}.ptr-j{color:#000;background:#3b82f6}.ptr-p{color:#000;background:#10b981}.sandbox-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.telemetry-group{gap:5px;display:flex}.t-pill{color:var(--text-muted);background:var(--bg-app);border:1px solid var(--border);border-radius:3px;padding:1px 6px;font-size:10px}.open-studio-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:inline-flex}.open-studio-btn:hover{text-decoration:underline}.platform-nav-bar{scrollbar-width:none;border-bottom:1px solid var(--border);padding-bottom:8px;overflow-x:auto}.platform-nav-bar::-webkit-scrollbar{display:none}.nav-segments{gap:6px;width:max-content;display:flex}.nav-segment{color:var(--text-muted);background:var(--bg-app);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .12s;display:inline-flex}.nav-segment:hover{background:var(--bg-hover);color:var(--text-main)}.nav-segment.active{background:var(--bg-card);color:var(--text-main);border-color:#2563eb;font-weight:700}.seg-badge{font-size:10px;font-family:var(--font-mono);background:var(--bg-card);color:var(--text-dim);border:1px solid var(--border);border-radius:10px;padding:1px 6px;font-weight:700}.seg-live{font-size:8.5px;font-family:var(--font-mono);color:#f59e0b;letter-spacing:.04em;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:6px;padding:1px 5px;font-weight:800}.section-block{flex-direction:column;gap:16px;width:100%;display:flex}.block-title-row{flex-direction:column;gap:4px;display:flex}.block-heading{color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:800}.block-sub{color:var(--text-muted);margin:0;font-size:12.5px}.catalog-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.section-eyebrow{color:#38bdf8;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.eyebrow-green{color:#10b981}.section-main-title{color:var(--text-main);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800;line-height:1.25}.section-main-sub{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.section-view-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:3px;display:flex}.view-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .12s;display:inline-flex}.view-tab-btn:hover{background:var(--bg-hover);color:var(--text-main)}.view-tab-btn.active{color:#fff;background:#2563eb;font-weight:700}.cat-dropdown-wrapper{display:none}@media (width<=768px){.cat-dropdown-wrapper{width:100%;display:block}.cat-filter-pills{display:none}}.cat-dropdown-select{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-main);cursor:pointer;border-radius:8px;outline:none;padding:8px 12px;font-size:12.5px;font-weight:600;transition:all .12s}.cat-dropdown-select:focus{border-color:#2563eb}.show-more-row{justify-content:center;align-items:center;width:100%;margin-top:14px;display:flex}.btn-show-more{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);cursor:pointer;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:9px 20px;font-size:12px;font-weight:700;transition:all .14s;display:inline-flex;box-shadow:0 2px 8px #0000000d}.btn-show-more:hover{background:var(--bg-hover);color:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.cat-filter-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-pill{background:var(--bg-app);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:5px 12px;font-size:11.5px;font-weight:600;transition:all .12s}.filter-pill:hover{background:var(--bg-hover);color:var(--text-main)}.search-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;align-items:center;gap:8px;width:280px;max-width:100%;padding:5px 12px;display:flex}.search-ico{color:var(--text-dim);flex-shrink:0}.search-field{font-size:12px;font-family:var(--font-sans);color:var(--text-main);background:0 0;border:none;outline:none;flex:1}.search-field::placeholder{color:var(--text-dim);font-size:11.5px}.search-x{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:11px}.algo-cards-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px;display:grid}.algo-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:space-between;gap:12px;min-height:155px;padding:16px 18px;transition:all .14s;display:flex;position:relative}.cat-card-sorting{border-left:3px solid #3b82f6}.cat-card-searching{border-left:3px solid #0284c7}.cat-card-datastructures{border-left:3px solid #10b981}.cat-card-trees{border-left:3px solid #8b5cf6}.cat-card-graphs{border-left:3px solid #f59e0b}.cat-card-dp{border-left:3px solid #ec4899}.creative-micro-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}@media (width<=768px){.creative-micro-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.micro-algo-tile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:8px;padding:11px 13px;transition:all .14s;display:flex;position:relative}.micro-algo-tile:hover{background:var(--bg-elevated);transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.cat-tile-sorting{border-left:3px solid #2563eb}.cat-tile-sorting:hover{border-color:#2563eb}.cat-tile-searching{border-left:3px solid #0284c7}.cat-tile-searching:hover{border-color:#0284c7}.cat-tile-datastructures{border-left:3px solid #10b981}.cat-tile-datastructures:hover{border-color:#10b981}.cat-tile-graphs{border-left:3px solid #f59e0b}.cat-tile-graphs:hover{border-color:#f59e0b}.cat-tile-trees{border-left:3px solid #8b5cf6}.cat-tile-trees:hover{border-color:#8b5cf6}.cat-tile-dp{border-left:3px solid #ec4899}.cat-tile-dp:hover{border-color:#ec4899}.tile-completed{border-color:#10b981!important}.micro-tile-icon{background:var(--bg-app);border:1px solid var(--border);width:26px;height:26px;color:var(--text-main);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .12s;display:flex}.micro-algo-tile:hover .micro-tile-icon{color:#fff;background:#2563eb;border-color:#2563eb}.micro-tile-names{flex-direction:column;min-width:0;display:flex}.micro-tile-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:700;line-height:1.25;overflow:hidden}.micro-tile-cat{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:9.5px;font-weight:600}.micro-tile-actions{align-items:center;gap:4px;display:flex}.micro-bookmark-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:all .1s;display:flex}.micro-bookmark-btn:hover{color:#f59e0b;background:var(--bg-hover)}.micro-bookmark-btn.star-active{color:#f59e0b}.micro-metric-pill{background:var(--bg-app);border:1px solid var(--border);white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:1.5px 6px;font-size:9.5px;font-weight:700;display:inline-flex}.micro-tile-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:5px;display:flex}.micro-insight-text{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.micro-algo-tile:hover .micro-launch-pill{color:#1d4ed8}.micro-algo-tile:hover .micro-arrow-icon{transform:translate(2px)}.matrix-content-block{flex-direction:column;gap:16px;width:100%;display:flex}.scalability-calc-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:16px;padding:20px 22px;display:flex}.calc-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.calc-left{flex-direction:column;gap:4px;max-width:550px;display:flex}.calc-badge{color:#f59e0b;letter-spacing:.05em;font-size:10px;font-weight:800}.calc-title{color:var(--text-main);margin:0;font-size:18px;font-weight:800}.calc-sub{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.45}.slider-control-box{background:var(--bg-app);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;min-width:260px;padding:12px 16px;display:flex}.slider-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.s-label{color:var(--text-muted);font-size:11px}.s-val{color:#2563eb;font-size:12px;font-weight:700}.complexity-slider{accent-color:#2563eb;cursor:pointer;width:100%}.calc-bars-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.calc-stat-pill{background:var(--bg-app);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.c-head{justify-content:space-between;align-items:center;gap:4px;display:flex}.c-name{color:var(--text-muted);font-size:11px;font-weight:600}.c-notation{font-size:11px;font-weight:800}.section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;width:100%;display:flex}.section-header-left{flex-direction:column;gap:4px;max-width:720px;display:flex}.section-view-tabs{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;align-items:center;gap:6px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.section-view-tabs::-webkit-scrollbar{display:none}.view-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .12s;display:inline-flex}.view-tab-btn:hover{color:var(--text-main);background:var(--bg-hover)}.view-tab-btn.active{color:#fff;background:#2563eb}.seg-live{color:#fff;letter-spacing:.04em;background:#10b981;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:800}.catalog-content-block{flex-direction:column;gap:16px;width:100%;display:flex}.catalog-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.cat-filter-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;align-items:center;gap:6px;min-width:0;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.cat-filter-pills::-webkit-scrollbar{display:none}.filter-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;cursor:pointer;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:5px 12px;font-size:11.5px;font-weight:600;transition:all .12s;display:inline-flex}.filter-pill:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--border-hover)}.filter-pill.active{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:700}.search-wrapper{box-sizing:border-box;align-items:center;min-width:220px;max-width:100%;display:flex;position:relative}.search-ico{color:var(--text-muted);pointer-events:none;position:absolute;left:10px}.search-field{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-main);box-sizing:border-box;border-radius:6px;outline:none;padding:7px 28px 7px 30px;font-size:12px;transition:border-color .12s}.search-field:focus{border-color:#2563eb}.search-x{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:11px;position:absolute;right:8px}.creative-micro-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;width:100%;display:grid}@media (width<=640px){.creative-micro-grid{grid-template-columns:1fr;gap:10px}}.micro-algo-tile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;box-sizing:border-box;flex-direction:column;gap:10px;width:100%;padding:14px 16px;transition:all .14s;display:flex;position:relative}.micro-algo-tile:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.micro-tile-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.micro-tile-identity{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.micro-tile-icon{background:var(--bg-app);border:1px solid var(--border);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.micro-tile-names{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.micro-tile-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.micro-tile-cat{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:800}.micro-tile-actions{flex-shrink:0}.micro-bookmark-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .12s}.micro-bookmark-btn:hover,.micro-bookmark-btn.star-active{color:#f59e0b}.micro-metrics-capsule{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.micro-metric-pill{background:var(--bg-app);border:1px solid var(--border);border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.metric-space{color:var(--text-muted)}.metric-stable{color:#10b981;background:#10b98114;border-color:#10b98140}.micro-tile-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.micro-insight-text{color:var(--text-muted);font-size:11px}.micro-launch-pill{color:#2563eb;align-items:center;gap:4px;font-size:11.5px;font-weight:700;transition:transform .12s;display:inline-flex}.micro-algo-tile:hover .micro-launch-pill{transform:translate(2px)}.matrix-table-card{box-shadow:0 4px 20px #00000026;background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;width:100%!important;overflow:hidden!important}.matrix-table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.matrix-table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%;min-width:820px;font-size:12.5px}.matrix-table thead{background:#111827;display:table-header-group!important}.matrix-table tbody{display:table-row-group!important}.matrix-table thead tr,.matrix-table tbody tr,.matrix-table tr.matrix-row,.matrix-table tr.bigo-matrix-row{display:table-row!important}.matrix-table th{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;box-sizing:border-box;vertical-align:middle;padding:10px 14px;font-size:11px;font-weight:800;color:#94a3b8!important;background:#1e293b!important;border-bottom:2px solid #334155!important;display:table-cell!important}[data-theme=light] .matrix-table th{color:#475569!important;background:#f1f5f9!important;border-bottom:2px solid #cbd5e1!important}.matrix-table td{color:var(--text-main);white-space:nowrap;vertical-align:middle;box-sizing:border-box;background:0 0;padding:10px 14px;border-bottom:1px solid var(--border)!important;display:table-cell!important}.matrix-table tr.matrix-row{cursor:pointer;transition:background .12s}.matrix-table tr.matrix-row:hover td{background:#2563eb14!important}.matrix-name-cell{font-size:13.5px;font-weight:800;color:var(--text-main)!important}.matrix-cat-pill{color:var(--text-muted);background:var(--bg-app);border:1px solid var(--border);border-radius:4px;padding:2.5px 8px;font-size:10.5px;font-weight:600}.complexity-badge{background:#ffffff0a;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:800}.matrix-space-pill{color:var(--text-muted);font-size:11.5px;font-family:var(--font-mono);font-weight:600}.matrix-stable-pill{font-size:11px;font-weight:800;font-family:var(--font-mono);border-radius:4px;align-items:center;padding:2.5px 8px;display:inline-flex}.matrix-stable-pill.is-stable{color:#10b981!important;background:#10b98126!important;border:1px solid #10b9814d!important}.matrix-stable-pill.is-unstable{color:#94a3b8!important;background:#94a3b81a!important;border:1px solid #94a3b840!important}.matrix-table th.col-algo,.matrix-table td.col-algo{text-align:left!important;width:20%!important}.matrix-table th.col-cat,.matrix-table td.col-cat{text-align:left!important;width:15%!important}.matrix-table th.col-best,.matrix-table td.col-best,.matrix-table th.col-avg,.matrix-table td.col-avg,.matrix-table th.col-worst,.matrix-table td.col-worst{text-align:center!important;width:11%!important}.matrix-table th.col-space,.matrix-table td.col-space,.matrix-table th.col-stable,.matrix-table td.col-stable{text-align:center!important;width:10%!important}.matrix-table th.col-action,.matrix-table td.col-action{text-align:right!important;width:12%!important}.matrix-action-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .12s;display:inline-flex;color:#fff!important;background:#2563eb!important}.matrix-action-btn:hover{transform:translate(1px);background:#1d4ed8!important}.algo-card:hover{background:var(--bg-elevated);border-color:#3b82f6;transform:translateY(-2px)}.card-top-bar{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-icon-badge{background:var(--bg-app);border:1px solid var(--border);color:#3b82f6;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .14s;display:flex}.algo-card:hover .card-icon-badge{border-color:#3b82f6}.card-complexity-pill{color:var(--text-dim);background:var(--bg-app);border:1px solid var(--border);border-radius:4px;flex-shrink:0;padding:2px 7px;font-weight:700}.card-top-right{align-items:center;gap:6px;display:flex}.card-bookmark-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .12s;display:flex}.card-bookmark-btn:hover,.card-bookmark-btn.star-active{color:#f59e0b}.card-body{flex-direction:column;gap:4px;display:flex}.card-title{color:var(--text-main);margin:0;font-size:15px;font-weight:700;line-height:1.25}.card-cat-label{text-transform:uppercase;letter-spacing:.05em;color:#3b82f6;font-size:10px;font-weight:700}.card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.card-footer-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.card-space-pill{font-size:10.5px;font-family:var(--font-mono);color:var(--text-dim);background:var(--bg-hover);border:1px solid var(--border);border-radius:4px;padding:2px 7px}.card-action-trigger{color:#3b82f6;align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:inline-flex}.trigger-arrow-box{background:#3b82f61f;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:transform .14s;display:inline-flex}.algo-card:hover .trigger-arrow-box{color:#fff;background:#3b82f6;transform:translate(3px)}.dsa-hub-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid}@media (width<=960px){.dsa-hub-grid{grid-template-columns:1fr;gap:12px}}.dsa-flagship-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;box-sizing:border-box;flex-direction:column;gap:12px;padding:20px;transition:all .16s;display:flex;position:relative}.dsa-flagship-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000026}.dsa-flagship-card.card-visualizers{border-top:3px solid #10b981}.dsa-flagship-card.card-duel{border-top:3px solid #f59e0b}.dsa-flagship-card.card-matrix{border-top:3px solid #3b82f6}.dsa-flagship-card.card-visualizers.active-course-card{border-color:#10b981;box-shadow:0 4px 24px #10b98124}.dsa-flagship-card.card-duel.active-course-card{border-color:#f59e0b;box-shadow:0 4px 24px #f59e0b24}.dsa-flagship-card.card-matrix.active-course-card{border-color:#3b82f6;box-shadow:0 4px 24px #3b82f624}.flagship-title-row{align-items:center;gap:10px;display:flex}.flagship-icon-badge{border:1px solid var(--border);background:var(--bg-app);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.flagship-icon-badge.icon-green{background:#10b9811f;border-color:#10b9814d}.flagship-icon-badge.icon-amber{background:#f59e0b1f;border-color:#f59e0b4d}.flagship-icon-badge.icon-blue{background:#3b82f61f;border-color:#3b82f64d}.card-mini-preview{background:var(--bg-app);border:1px solid var(--border);box-sizing:border-box;border-radius:6px;align-items:center;padding:10px 14px;display:flex}.card-mini-preview.preview-bars{justify-content:space-between;align-items:flex-end;gap:8px;height:48px}.mini-bar{border-radius:3px 3px 0 0;width:14px;transition:height .2s}.mini-bar.active-bar{box-shadow:0 0 8px #10b98180}.mini-bar.active-bar-swap{box-shadow:0 0 8px #f59e0b80}.mini-preview-tag{color:var(--text-muted);align-self:center;margin-left:auto;font-size:10px;font-weight:700}.card-mini-preview.preview-duel{flex-direction:column;align-items:stretch;gap:6px}.mini-duel-lane{align-items:center;gap:8px;display:flex}.lane-tag{color:var(--text-main);flex-shrink:0;width:62px;font-size:10.5px;font-weight:700}.lane-progress{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.lane-bar-fill{border-radius:3px;height:100%}.lane-bar-fill.fill-blue{background:#3b82f6}.lane-bar-fill.fill-amber{background:#f59e0b}.lane-time{color:var(--text-muted);text-align:right;flex-shrink:0;width:44px;font-size:10px;font-weight:800}.card-mini-preview.preview-matrix{justify-content:space-between;align-items:center;gap:4px;display:flex}.comp-dot-tag{border:1px solid var(--border);background:var(--bg-card);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:800}.comp-dot-tag.comp-green{color:#10b981;border-color:#10b9814d}.comp-dot-tag.comp-cyan{color:#06b6d4;border-color:#06b6d44d}.comp-dot-tag.comp-yellow{color:#f59e0b;border-color:#f59e0b4d}.comp-dot-tag.comp-red{color:#ef4444;border-color:#ef44444d}.comp-dot-arrow{color:var(--text-muted);font-size:9px}.courses-hub-grid.multi-lang-grid{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;display:grid}@media (width<=768px){.courses-hub-grid.multi-lang-grid{grid-template-columns:1fr;gap:10px}}.course-card-java{border-left:4px solid #f59e0b}.course-card-cpp{border-left:4px solid #8b5cf6}.course-card.active-course-card{background:var(--bg-hover);border-color:#2563eb;box-shadow:0 4px 20px #2563eb1f}.course-card.active-course-card.course-card-c{border-color:#10b981}.course-card.active-course-card.course-card-python{border-color:#3b82f6}.course-card.active-course-card.course-card-java{border-color:#f59e0b}.course-card.active-course-card.course-card-cpp{border-color:#8b5cf6}.course-click-hint{color:var(--text-muted);font-size:11px;font-weight:700;transition:color .12s}.course-card:hover .course-click-hint{color:var(--text-main)}.btn-course-py-launch{background:#3b82f6!important}.btn-course-py-launch:hover{background:#2563eb!important}.btn-course-java-launch{background:#f59e0b!important}.btn-course-java-launch:hover{background:#d97706!important}.btn-course-cpp-launch{background:#8b5cf6!important}.btn-course-cpp-launch:hover{background:#7c3aed!important}.course-card.drawer-open{border-width:2px!important;grid-column:1/-1!important;box-shadow:0 12px 36px #00000026!important}.card-nested-drawer{border-top:1px solid var(--border);flex-direction:column;gap:16px;margin-top:14px;padding-top:16px;animation:.22s ease-out forwards cardDrawerExpand;display:flex}@keyframes cardDrawerExpand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.drawer-quick-banner{background:var(--bg-app);border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.banner-left{flex-direction:column;gap:1px;display:flex}.banner-badge{color:#10b981;letter-spacing:.05em;font-size:8.5px;font-weight:800}.course-card-python .banner-badge{color:#3b82f6}.course-card-java .banner-badge{color:#f59e0b}.course-card-cpp .banner-badge{color:#8b5cf6}.banner-title{color:var(--text-main);margin:0;font-size:13.5px;font-weight:800}.banner-sub{color:var(--text-muted);margin:0;font-size:11px}.roadmap-modules-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;width:100%;display:grid}@media (width<=640px){.roadmap-modules-grid{grid-template-columns:1fr;gap:6px}}.roadmap-module-card{background:var(--bg-card);border:1px solid var(--border);border-radius:5px;flex-direction:column;transition:border-color .14s,box-shadow .14s;display:flex;overflow:hidden}.roadmap-module-card.module-open{border-color:#10b981;box-shadow:0 2px 10px #10b98114}.course-card-python .roadmap-module-card.module-open{border-color:#3b82f6;box-shadow:0 2px 10px #3b82f614}.course-card-java .roadmap-module-card.module-open{border-color:#f59e0b;box-shadow:0 2px 10px #f59e0b14}.course-card-cpp .roadmap-module-card.module-open{border-color:#8b5cf6;box-shadow:0 2px 10px #8b5cf614}.rm-mod-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-card);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;transition:background .12s;display:flex}.rm-mod-header:hover{background:var(--bg-hover)}.rm-header-left{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.rm-mod-num{color:#10b981;letter-spacing:.05em;font-size:8.5px;font-weight:800}.course-card-python .rm-mod-num{color:#3b82f6}.course-card-java .rm-mod-num{color:#f59e0b}.course-card-cpp .rm-mod-num{color:#8b5cf6}.rm-mod-title{color:var(--text-main);margin:0;font-size:12.5px;font-weight:700;line-height:1.25}.rm-mod-desc{color:var(--text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:10.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.rm-header-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.mod-count-pill{color:var(--text-muted);background:var(--bg-app);border:1px solid var(--border);border-radius:3px;padding:2px 6px;font-size:9.5px;font-weight:700}.mod-toggle-arrow{color:var(--text-muted);font-size:9px;font-weight:800}.animated-lessons{border-top:1px solid var(--border);background:var(--bg-app);flex-direction:column;gap:4px;padding:6px 8px 8px;animation:.15s ease-out forwards lessonsSlideDown;display:flex}@keyframes lessonsSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rm-lesson-row{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:5px 8px;transition:all .12s;display:flex}.rm-lesson-row:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translate(2px)}.rm-ch-num{color:var(--text-muted);flex-shrink:0;width:16px;font-size:10px;font-weight:800}.rm-ch-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.rm-ch-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:700;overflow:hidden}.rm-ch-sub{color:var(--text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:10px;display:-webkit-box;overflow:hidden}.rm-ch-meta{color:var(--text-muted);flex-shrink:0;font-size:9.5px;font-weight:600}@keyframes drawerSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.course-inline-drawer.drawer-c{border-left:4px solid #10b981}.course-inline-drawer.drawer-python{border-left:4px solid #3b82f6}.course-inline-drawer.drawer-java{border-left:4px solid #f59e0b}.course-inline-drawer.drawer-cpp{border-left:4px solid #8b5cf6}.drawer-header-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:16px;display:flex}.drawer-header-left{flex-direction:column;gap:4px;max-width:680px;display:flex}.drawer-badge{letter-spacing:.05em;color:#10b981;font-size:10.5px;font-weight:800}.drawer-python .drawer-badge{color:#3b82f6}.drawer-java .drawer-badge{color:#f59e0b}.drawer-cpp .drawer-badge{color:#8b5cf6}.drawer-title{color:var(--text-main);margin:0;font-size:20px;font-weight:800}.drawer-sub{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.drawer-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.drawer-close-btn{background:var(--bg-app);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .12s;display:inline-flex}.drawer-close-btn:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--border-hover)}.courses-hub-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}@media (width<=768px){.courses-hub-grid{grid-template-columns:1fr;gap:12px}}.course-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:10px;padding:20px 22px;transition:all .16s;display:flex;position:relative;overflow:hidden}.course-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.course-card-c{border-left:4px solid #10b981}.course-card-python{border-left:4px solid #3b82f6}.course-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.course-status-pill{letter-spacing:.05em;border-radius:12px;padding:2px 7px;font-size:9.5px;font-weight:800}.status-live{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.status-soon{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.course-badge-ch{color:#10b981;font-size:9.5px;font-weight:800}.course-badge-py{color:#3b82f6;font-size:9.5px;font-weight:800}.course-card-title{color:var(--text-main);margin:0;font-size:16.5px;font-weight:800;line-height:1.3}.course-card-desc{color:var(--text-muted);flex:1;margin:0;font-size:12.5px;line-height:1.5}.course-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding-top:6px;display:flex}.btn-course-launch{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .12s;display:inline-flex}.btn-course-launch:hover{background:#059669}.btn-course-preview{background:var(--bg-hover);color:var(--text-main);border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .12s;display:inline-flex}.btn-course-preview:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.course-meta-tag{color:var(--text-dim);font-size:11px;font-weight:600}.spotlight-bento-grid{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;margin-top:8px;display:grid}@media (width<=900px){.spotlight-bento-grid{grid-template-columns:1fr}}.bento-feature-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:10px;padding:22px 20px;transition:all .14s;display:flex}.bento-feature-box:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.bento-box-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.bento-tag{font-size:10px;font-family:var(--font-mono);letter-spacing:.05em;border-radius:4px;padding:2px 8px;font-weight:800}.tag-blue{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f640}.tag-green{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.bento-open-arrow{color:#3b82f6;font-size:11px;font-weight:700}.bento-box-title{color:var(--text-main);margin:0;font-size:16px;font-weight:700}.bento-box-sub{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.5}.bento-duel-bars{background:var(--bg-app);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:8px;margin-top:4px;padding:10px 12px;display:flex}.d-lane{flex-direction:column;gap:4px;display:flex}.d-lane-head{color:var(--text-main);justify-content:space-between;font-size:11px;font-weight:600;display:flex}.d-bad{color:#ef4444}.d-good{color:#10b981}.d-track{background:#ffffff14;border-radius:3px;width:100%;height:6px;overflow:hidden}.d-fill{border-radius:3px;height:100%}.fill-bad{background:#ef4444}.fill-good{background:#10b981}.bento-lang-row{flex-wrap:wrap;gap:4px;display:flex}.b-lang-pill{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:2px 6px;font-size:10px}.b-lang-pill.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.bento-code-box{color:#cbd5e1;background:#011627;border:1px solid #ffffff1a;border-radius:6px;margin-top:4px;padding:10px 12px;font-size:11px;line-height:1.5}.c-kw{color:#f43f5e;font-weight:700}.c-fn{color:#38bdf8;font-weight:700}.c-active{color:#10b981;font-weight:700}.bento-ds-pills{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.ds-pill{background:var(--bg-app);border:1px solid var(--border);color:var(--text-main);border-radius:4px;padding:4px 9px;font-size:11px;font-weight:600}.home-stats-strip{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;grid-template-columns:repeat(5,1fr);gap:16px;width:100%;padding:24px 20px;display:grid}@media (width<=768px){.home-stats-strip{grid-template-columns:repeat(2,1fr);gap:14px}}.stat-number-box{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.stat-big-num{color:#38bdf8;font-size:28px;font-weight:900;font-family:var(--font-mono);letter-spacing:-.03em;line-height:1}.stat-sub-label{color:var(--text-muted);font-size:11.5px;font-weight:600}.home-final-cta-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:44px 32px;display:flex;position:relative;overflow:hidden}.final-cta-content{flex-direction:column;align-items:center;gap:14px;max-width:640px;display:flex}.final-cta-badge{font-size:11px;font-family:var(--font-mono);color:#10b981;letter-spacing:.05em;background:#10b9811f;border:1px solid #10b98140;border-radius:20px;padding:4px 12px;font-weight:800}.final-cta-title{color:var(--text-main);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.final-cta-desc{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.final-cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:8px;display:flex}.btn-final-academy{color:#fff;cursor:pointer;transition:all var(--ease);background:#10b981;border:none;border-radius:7px;align-items:center;gap:8px;padding:12px 22px;font-size:13.5px;font-weight:700;display:inline-flex}.btn-final-academy:hover{background:#059669;transform:translateY(-2px)}.btn-final-studio{color:#fff;cursor:pointer;transition:all var(--ease);background:#2563eb;border:none;border-radius:7px;align-items:center;gap:8px;padding:12px 22px;font-size:13.5px;font-weight:700;display:inline-flex}.btn-final-studio:hover{background:#1d4ed8;transform:translateY(-2px)}.algo-page{grid-template-columns:minmax(320px, 1fr) 6px var(--right-panel-width,420px);height:100%;display:grid;overflow:hidden}.workspace-resizer{background:var(--border);cursor:col-resize;z-index:20;justify-content:center;align-items:center;width:6px;transition:background .15s;display:flex;position:relative}.workspace-resizer:hover,.workspace-resizer:active{background:var(--primary)}.resizer-handle-line{background:#fff6;border-radius:1px;width:2px;height:28px}.algo-page-left{background:var(--bg-app);flex-direction:column;height:100%;display:flex;overflow:hidden}.algo-page-right{background:var(--bg-card);flex-direction:column;height:100%;display:flex;overflow:hidden}.visualizer-message-bar{background:var(--bg-card);border-bottom:1px solid var(--border);color:var(--text-main);flex-shrink:0;align-items:center;gap:10px;min-height:42px;padding:10px 16px;font-size:13px;display:flex}.status-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:7px;height:7px}.message-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visualizer-area{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.avz-root{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.avz-empty{color:var(--text-dim);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.avz-empty-icon{border:2px solid var(--border);opacity:.5;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.avz-banner{border-bottom:1px solid var(--border);background:var(--bg-card);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;min-height:34px;padding:6px 12px;display:flex}.avz-banner-label{font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:9.5px;font-weight:800}.avz-banner-text{color:var(--text-muted);font-size:11px;line-height:1.3}.avz-banner-neutral .avz-banner-label{background:var(--bg-app);color:var(--text-dim);border:1px solid var(--border)}.avz-banner-swap .avz-banner-label{color:#fff;background:#f43f5e;border:1px solid #f43f5e;animation:.65s infinite alternate pulse-swap}.avz-banner-bad .avz-banner-label{color:#fb7185;background:#fb718526;border:1px solid #f43f5e}.avz-banner-ok .avz-banner-label{color:#34d399;background:#34d39926;border:1px solid #059669}.avz-banner-done .avz-banner-label{background:var(--success-subtle);color:var(--success);border:1px solid var(--success)}.avz-banner-active .avz-banner-label{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf8}.avz-banner-current .avz-banner-label{color:#c084fc;background:#a855f733;border:1px solid #a855f7}.graph-viz-container,.tree-viz-container{background:var(--bg-surface);flex-direction:column;flex:1;width:100%;height:100%;display:flex;overflow:hidden}.graph-canvas-wrapper,.tree-canvas-wrapper{flex:1;justify-content:center;align-items:center;min-height:250px;padding:8px 12px;display:flex;position:relative;overflow:hidden}.graph-svg,.tree-svg{width:100%;height:100%;max-height:480px;overflow:visible}.graph-structure-panel,.tree-structure-panel{background:var(--bg-app);border-top:1px solid var(--border);flex-wrap:wrap;align-items:stretch;gap:10px;padding:10px 18px;display:flex}.structure-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:6px;min-width:130px;padding:8px 12px;display:flex}.structure-card.order-card{flex:1;min-width:200px}.structure-card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.structure-card-items{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.structure-item-chip{font-family:var(--font-mono);color:#f1f5f9;background:#1e293b;border:1px solid #334155;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.structure-item-chip.visited-chip{color:#6ee7b7;background:#064e3b;border-color:#059669}.chip-badge{color:#fff;background:#3b82f6;border-radius:2px;padding:1px 4px;font-size:8px;font-weight:900}.structure-order-trail{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.trail-chip{font-family:var(--font-mono);color:#38bdf8;background:#1e293b;border:1px solid #475569;border-radius:4px;padding:2px 7px;font-size:12px;font-weight:800}.trail-chip.sorted-chip{color:#34d399;background:#064e3b;border-color:#059669}.avz-canvas{flex-direction:column;flex:1;justify-content:flex-end;min-height:0;padding:10px 10px 4px;display:flex;position:relative;overflow:hidden}.avz-bars{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.avz-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:4px;max-width:76px;padding:0 4px;display:flex;position:relative}.avz-bar{border-radius:5px 5px 0 0;width:100%;min-height:6px;transition:background .12s,box-shadow .12s;position:relative;overflow:visible}.bar-default{background:linear-gradient(#64748b,#1e293b);border-top:1px solid #ffffff1a}.bar-comparing{background:linear-gradient(#38bdf8,#0369a1);border-top:2px solid #bae6fd;box-shadow:0 0 20px #38bdf88c,0 -4px 12px #38bdf84d}.bar-swapping{background:linear-gradient(#fb7185,#be123c);border-top:2px solid #fecdd3;box-shadow:0 0 26px #f43f5ebf,0 -5px 15px #f43f5e73}.bar-sorted{background:linear-gradient(#34d399,#047857);border-top:1px solid #a7f3d0;box-shadow:0 0 10px #10b9814d}.bar-pivot{background:linear-gradient(#a855f7,#7e22ce);border-top:2px solid #e9d5ff;box-shadow:0 0 20px #a855f799,0 -4px 12px #a855f759}.bar-found{background:linear-gradient(#facc15,#a16207);border-top:2px solid #fef9c3;box-shadow:0 0 18px #facc15a6}.bar-current{background:linear-gradient(#a78bfa,#6d28d9);border-top:1px solid #ede9fe}.avz-badge{pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:5px;left:50%;transform:translate(-50%)}.bi{font-size:14px;line-height:1}.bl{font-family:var(--font-mono);background:#00000080;border-radius:3px;padding:1px 4px;font-size:7.5px;font-weight:800;line-height:1}.bdg-a .bi{color:#38bdf8;filter:drop-shadow(0 0 4px #38bdf8e6)}.bdg-a .bl{color:#e0f2fe}.bdg-b .bi{color:#7dd3fc;filter:drop-shadow(0 0 4px #38bdf8b3)}.bdg-b .bl{color:#e0f2fe}.bdg-sw .bi{color:#fff;filter:drop-shadow(0 0 6px #f43f5e);font-size:16px;animation:.35s infinite alternate bdg-sw-bounce}.bdg-pv .bi{color:#fef08a;filter:drop-shadow(0 0 5px #facc15e6)}.bdg-pv .bl{color:#fef08a}@keyframes bdg-sw-bounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-3px)scale(1.15)}}.avz-op{width:28px;height:28px;font-family:var(--font-mono);z-index:20;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 2px 12px #00000080}.op-red{color:#fff;background:#f43f5e;border:2px solid #fda4af;box-shadow:0 0 14px #f43f5e99}.op-green{color:#fff;background:#059669;border:2px solid #6ee7b7;box-shadow:0 0 10px #10b98180}.avz-swap-arrow-svg{pointer-events:none;z-index:25;filter:drop-shadow(0 0 7px #38bdf8f2);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.avz-swap-curved-badge{color:#fff;z-index:30;pointer-events:none;background:#0284c7;border:1.5px solid #bae6fd;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0284c7e6}.nm-swap-active{text-shadow:0 0 8px #f43f5e99;color:#fb7185!important;font-weight:800!important}.bar-swap-active{background:linear-gradient(#fb7185 0%,#f43f5e 60%,#e11d48 100%)!important;border-color:#fda4af!important;box-shadow:0 0 16px #f43f5ea6!important}.avz-col-dim{opacity:.8;transition:opacity .2s}.avz-num{font-size:9.5px;font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;margin-bottom:3px;font-weight:600;line-height:1;transition:color .12s}.nm-comparing{color:#38bdf8;font-weight:800}.nm-swapping{color:#fb7185;font-weight:800}.nm-sorted{color:#34d399}.nm-pivot{color:#c084fc;font-weight:800}.nm-found{color:#facc15}.avz-idx{font-size:8.5px;font-family:var(--font-mono);color:var(--text-dim);flex-shrink:0;margin-top:3px;line-height:1;transition:color .12s}.ai{color:var(--primary);font-weight:700}.avz-ptrs{flex-direction:column;align-items:center;gap:1px;min-height:16px;margin-top:2px;display:flex}.avz-ptr-tag{color:var(--primary);line-height:1;font-family:var(--font-mono);flex-direction:column;align-items:center;font-size:9px;font-weight:700;display:flex}.avz-ptr-arrow{color:var(--primary);filter:drop-shadow(0 0 3px var(--primary-glow));font-size:7px;line-height:1}.avz-ptr-name{color:var(--primary);text-transform:uppercase;letter-spacing:.03em;font-size:8px}.avz-footer-bar{border-top:1px solid var(--border);background:var(--bg-card);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px 16px;padding:8px 16px;display:flex}.avz-vars-inline{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.avz-legend-inline{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.avz-var{background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);align-items:center;gap:4px;padding:3px 10px;font-size:12.5px;display:inline-flex}.vk{color:var(--text-muted)}.ve{color:var(--text-dim)}.vv{color:var(--primary);font-weight:700}.avz-leg-item{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.avz-leg-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.avz-leg-dot.bar-comparing{background:#38bdf8;box-shadow:0 0 6px #38bdf899}.avz-leg-dot.bar-swapping{background:#fb7185;box-shadow:0 0 6px #f43f5e99}.avz-leg-dot.bar-pivot{background:#a855f7;box-shadow:0 0 6px #a855f799}.avz-leg-dot.bar-current{background:#a78bfa}@keyframes pulse-swap{0%{box-shadow:0 0 4px #f43f5e66}to{box-shadow:0 0 16px #f43f5ee6}}.variable-inspector{background:var(--bg-card);border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:10px 24px;display:flex}.var-inspector-label{font-size:12px;font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;font-weight:600}.var-item{background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);align-items:center;gap:5px;padding:4px 12px;font-size:13px;display:inline-flex}.var-equals{color:var(--text-dim)}.var-value{color:var(--primary);font-weight:600}.legend{background:var(--bg-card);border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;gap:16px;padding:12px 24px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.legend-dot{border-radius:3px;width:10px;height:10px}.controls-bar{background:var(--bg-card);border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:12px;padding:14px 20px;display:flex}.controls-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.step-progress{background:var(--bg-hover);border-radius:3px;height:5px;overflow:hidden}.step-progress-bar{background:var(--primary);height:100%;transition:width .1s;box-shadow:0 0 10px #3b82f6bf}.btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-main);cursor:pointer;transition:background var(--ease), border-color var(--ease), transform var(--ease);-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14.5px;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg-hover);border-color:#475569}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;border-radius:var(--radius-md);min-width:120px;height:44px;padding:10px 24px;font-size:15px;font-weight:700;box-shadow:0 4px 18px #3b82f673}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 22px #3b82f699}.btn-icon{border-radius:var(--radius-md);min-width:44px;height:44px;padding:10px}.step-counter-text{font-family:var(--font-mono);color:var(--text-muted);font-size:14.5px;font-weight:600}.speed-control,.size-control{color:var(--text-muted);align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.control-val-badge{font-family:var(--font-mono);min-width:32px;color:var(--text-main);font-size:14.5px;font-weight:700}.slider{-webkit-appearance:none;background:var(--bg-hover);border-radius:4px;outline:none;width:110px;height:7px;transition:background .15s}.slider:hover{background:#334155}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .12s;box-shadow:0 0 8px #3b82f6b3}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.custom-input,.target-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);height:44px;font-size:13.5px;font-family:var(--font-mono);color:var(--text-main);outline:none;padding:10px 16px;transition:border-color .15s,box-shadow .15s}.custom-input:focus,.target-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f633}.btn-action{border-radius:var(--radius-md);height:44px;padding:10px 20px;font-size:14px;font-weight:600}.config-inputs{flex:1;align-items:center;gap:10px;display:flex}.custom-input{flex:1;min-width:130px}.target-input{width:80px}.code-panel{border-bottom:1px solid var(--border);background:var(--bg-card);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.code-panel-tabs{background:var(--bg-sidebar);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;padding:0 4px;display:flex;overflow-x:auto}.code-panel-tabs::-webkit-scrollbar{display:none}.lang-tab{font-size:12px;font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;transition:all var(--ease);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 14px;font-weight:600;display:inline-flex}.lang-tab:hover{color:var(--text-main);background:#ffffff08}.lang-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--bg-card)}.code-panel-header{background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.code-panel-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:11px;font-weight:700;font-family:var(--font-mono)}.btn-copy{background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:11px;font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;transition:all var(--ease);align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.btn-copy:hover{color:var(--text-main);background:var(--bg-hover);border-color:#fff3}.code-body{font-family:var(--font-mono);background:var(--bg-code);flex:1;min-height:0;padding:10px 0;font-size:12.5px;line-height:1.7;position:relative;overflow-y:auto}.code-line{align-items:center;gap:14px;min-height:22px;padding:0 14px;transition:background .1s;display:flex}.code-line.active{border-left:3px solid var(--primary);background:#38bdf824}.code-line-number{color:var(--text-dim);text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:22px;font-size:11px}.code-line.active .code-line-number{color:var(--primary);font-weight:700}.code-content{color:var(--text-code);white-space:pre;font-family:var(--font-mono)}.code-tok.tok-keyword{color:#f472b6;font-weight:600}.code-tok.tok-fn{color:#60a5fa;font-weight:600}.code-tok.tok-type{color:#38bdf8}.code-tok.tok-string{color:#34d399}.code-tok.tok-number{color:#fbbf24}.code-tok.tok-comment{color:#64748b;font-style:italic}.code-tok.tok-op{color:#94a3b8}.code-tok.tok-plain{color:#e2e8f0}.info-panel{flex-direction:column;flex-shrink:0;gap:12px;max-height:300px;padding:16px;display:flex;overflow-y:auto}.info-panel-title{color:var(--text-main);font-size:14px;font-weight:600}.complexity-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:11px}.complexity-table th,.complexity-table td{border:1px solid var(--border);text-align:left;padding:5px 8px}.complexity-table th{background:var(--bg-app);color:var(--text-dim);font-weight:500}.complexity-table td.good{color:var(--success)}.complexity-table td.med{color:var(--warning)}.complexity-table td.bad{color:var(--danger)}.info-description{color:var(--text-muted);font-size:12px;line-height:1.6}.info-fact-box{background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);padding:8px 12px;font-size:11px}.graph-svg{width:100%;height:100%}.graph-node-label{font-family:var(--font-sans);text-anchor:middle;dominant-baseline:central;fill:#fff;font-size:13px;font-weight:600}.graph-edge-weight{font-family:var(--font-mono);fill:var(--text-muted);text-anchor:middle;font-size:10px}.graph-sidebar-panel{background:var(--bg-card);border-top:1px solid var(--border);flex-shrink:0;gap:16px;padding:8px 16px;display:flex}.structure-display{flex-direction:column;gap:4px;display:flex}.structure-display-label{font-size:10px;font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase}.structure-items{gap:4px;display:flex}.structure-item{background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-xs);font-family:var(--font-mono);padding:2px 8px;font-size:11px}.structure-item.highlight{border-color:var(--primary);color:var(--primary)}.tree-edge-line{stroke:var(--border);stroke-width:2px}.tree-node-label{font-family:var(--font-sans);text-anchor:middle;dominant-baseline:central;fill:#fff;font-size:12px;font-weight:600}.done-overlay{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#090d16d9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.done-overlay-text{color:var(--success);margin-bottom:12px;font-size:18px;font-weight:600}.hamburger-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-main);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;padding:7px 8px;transition:background .15s,border-color .15s;display:none}.hamburger-btn:hover,.hamburger-btn:active{background:var(--bg-hover);border-color:var(--border-hover)}.sidebar-overlay{-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;z-index:99998!important;opacity:0!important;pointer-events:none!important;background:#000000a6!important;transition:opacity .2s!important;position:fixed!important;inset:0!important}.sidebar-overlay.open{opacity:1!important;pointer-events:auto!important}.sidebar-drawer{background:var(--bg-sidebar)!important;border-right:1px solid var(--border)!important;z-index:99999!important;width:290px!important;max-width:85vw!important;padding-top:0!important;transition:transform .25s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;overflow-y:auto!important;transform:translate(-100%)!important;box-shadow:0 0 50px #000000d9!important}.sidebar-drawer.open{transform:translate(0)!important}.sidebar-drawer .sidebar{border-right:none!important;height:100%!important;padding:0!important;display:flex!important}@media (width<=1024px){.app-shell{grid-template-columns:1fr!important;grid-template-areas:"header""main"!important}.desktop-sidebar-wrapper{display:none!important}.header{z-index:100!important;gap:8px!important;padding:0 12px!important;position:relative!important}.hamburger-btn{justify-content:center!important;align-items:center!important;min-width:38px!important;min-height:38px!important;display:inline-flex!important}}@media (width<=600px){.algo-page{flex-direction:column!important;height:auto!important;min-height:100%!important;display:flex!important;overflow-y:visible!important}.workspace-resizer{display:none!important}.algo-page-left{border-right:none!important;border-bottom:1px solid var(--border)!important;flex-direction:column!important;flex-shrink:0!important;display:flex!important}.visualizer-area{flex-shrink:0!important;height:clamp(240px,34vh,290px)!important;min-height:240px!important;max-height:290px!important;overflow-y:hidden!important}.ds-root{height:auto!important;min-height:100%!important;overflow:visible!important}.ds-viewport{min-height:240px!important;padding:10px 6px!important;overflow:visible!important}.ds-clean-cqueue-stage{gap:10px!important;width:100%!important;max-width:100%!important}.cqueue-equation-card{gap:4px!important;max-width:100%!important;padding:6px 8px!important}.eq-title{font-size:9px!important}.eq-body{gap:6px!important}.eq-pill{padding:2px 6px!important;font-size:9.5px!important}.cqueue-radial-assembly{transform-origin:50%!important;width:230px!important;height:230px!important;margin:-40px auto!important;transform:scale(.66)!important}.cqueue-linear-strip-wrapper{background:var(--bg-card)!important;border-radius:8px!important;width:100%!important;padding:8px 6px!important}.strip-title{font-size:9px!important}.strip-subtitle{font-size:8.5px!important;display:none!important}.cqueue-linear-grid{grid-template-columns:repeat(6,1fr)!important;gap:3px!important;width:100%!important;display:grid!important}.cqueue-linear-cell{border-radius:4px!important;min-width:0!important;padding:4px 2px!important}.linear-cell-header{gap:2px!important;font-size:7px!important}.cell-tag{padding:1px 2px!important;font-size:6.5px!important}.linear-cell-val{font-size:11px!important;font-weight:800!important}.linear-wrap-cable{margin-top:2px!important}.wrap-cable-label{font-size:7.5px!important}.ds-clean-stack-stage{gap:10px!important;width:100%!important}.stack-glass-column{width:180px!important}.stack-aperture-guide{max-width:180px!important}.ds-clean-queue-stage{-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.ds-clean-ll-stage,.ds-clean-dll-stage{width:100%!important}.ll-track-wrapper,.dll-track-wrapper{-webkit-overflow-scrolling:touch!important;width:100%!important;padding:12px 6px!important;overflow-x:auto!important}.ds-clean-heap-stage,.ds-clean-hash-stage{-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.graph-viz-container,.tree-viz-container{height:auto!important;min-height:260px!important;overflow:visible!important}.graph-canvas-wrapper,.tree-canvas-wrapper{min-height:220px!important;padding:4px!important}.graph-structure-panel,.tree-structure-panel{gap:6px!important;padding:8px 10px!important}.structure-card{min-width:100px!important;padding:6px 8px!important}.structure-card.order-card{min-width:140px!important}.avz-root{height:100%!important;min-height:0!important}.avz-canvas{-webkit-overflow-scrolling:touch!important;flex:1!important;min-height:0!important;padding:6px 4px 2px!important;overflow-x:auto!important}.avz-bars{justify-content:space-evenly!important;width:100%!important;min-width:100%!important}.avz-col{min-width:12px!important;max-width:36px!important;padding:0 1px!important}.avz-num,.avz-idx{font-size:8.5px!important}.avz-ptr-tag{font-size:7.5px!important}.avz-ptr-arrow{font-size:6.5px!important}.avz-banner-text{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:calc(100vw - 120px)!important;font-size:10.5px!important;line-height:1.2!important;display:block!important;overflow:hidden!important}.controls-bar{gap:8px!important;padding:10px 12px!important}.controls-row-main{flex-direction:column!important;align-items:stretch!important;gap:8px!important;display:flex!important}.controls-playback-group{justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.controls-playback-group .btn-icon{border-radius:50%!important;min-width:34px!important;height:34px!important;padding:6px!important}.btn-play-main{border-radius:17px!important;min-width:90px!important;height:34px!important;padding:0 16px!important;font-size:12px!important}.controls-status-group{justify-content:space-between!important;align-items:center!important;width:100%!important;padding:0 4px!important;display:flex!important}.step-counter-text{font-size:11.5px!important;font-family:var(--font-mono)!important;font-weight:700!important}.speed-control,.size-control{gap:6px!important;font-size:11.5px!important}.control-val-badge{min-width:22px!important;font-size:11px!important}.controls-bar .slider{width:68px!important;height:4px!important}.controls-bar .slider::-webkit-slider-thumb{width:13px!important;height:13px!important}.controls-row-config{border-top:1px solid var(--border)!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding-top:10px!important;display:flex!important}.config-inputs{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}.config-inputs .custom-input,.config-inputs .target-input{flex:none!important;width:100%!important;height:36px!important;padding:6px 10px!important;font-size:12px!important}.config-buttons-group{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}.config-buttons-group .btn-action{justify-content:center!important;width:100%!important;height:34px!important;padding:0 10px!important;font-size:12px!important;font-weight:600!important}.avz-vars{justify-content:center!important;gap:5px!important;padding:6px 10px!important}.avz-var{padding:2px 8px!important;font-size:11px!important}.avz-legend{justify-content:center!important;gap:6px 12px!important;padding:6px 10px!important}.avz-leg-item{gap:5px!important;font-size:10.5px!important}.avz-leg-dot{width:9px!important;height:9px!important}.complexity-table th,.complexity-table td{padding:7px 8px!important;font-size:11px!important}.algo-page-right{border-top:none!important;flex-direction:column!important;flex-shrink:0!important;min-height:auto!important;display:flex!important}.code-panel{border-bottom:1px solid var(--border)!important;min-height:240px!important;max-height:380px!important}.code-panel-tabs{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;white-space:nowrap!important;padding:0 4px!important;display:flex!important;overflow-x:auto!important}.lang-tab{flex-shrink:0!important;padding:8px 12px!important;font-size:11.5px!important}.code-body{padding:8px 0!important;font-size:11.5px!important;line-height:1.55!important}.code-line{gap:8px!important;min-height:20px!important;padding:0 8px!important}.code-line-number{min-width:18px!important;font-size:10px!important}.info-panel{max-height:none!important;padding:18px 14px!important}}@media (width<=640px){.header{gap:8px!important;height:48px!important;padding:0 10px!important}.header-logo{gap:6px!important}.header-logo-text{font-size:14.5px!important}.header-breadcrumb{display:none!important}.header-theme-pill,.header-sound-pill{border-radius:50%!important;justify-content:center!important;width:32px!important;height:32px!important;padding:0!important}.header-theme-pill span,.header-sound-pill span{display:none!important}}.header-theme-pill,.header-sound-pill{font-size:11px;font-family:var(--font-mono);color:var(--text-dim);border-radius:var(--radius-xs);cursor:pointer;background:#0f172ab3;border:1px solid #ffffff14;align-items:center;gap:5px;padding:3px 10px;font-weight:700;transition:all .12s;display:inline-flex}.header-theme-pill:hover,.header-sound-pill:hover{color:var(--text-main);background:#1e293bcc;border-color:#ffffff26}.header-sound-pill.sound-active{color:#38bdf8;background:#38bdf826;border-color:#38bdf866;box-shadow:0 0 10px #38bdf840}.sound-wave-bars{align-items:flex-end;gap:2px;height:10px;margin-left:2px;display:inline-flex}.wave-bar{background:#38bdf8;border-radius:1px;width:2px;animation:.8s ease-in-out infinite alternate eq-bounce}.wave-bar.bar-1{height:4px;animation-delay:.1s}.wave-bar.bar-2{height:9px;animation-delay:.3s}.wave-bar.bar-3{height:6px;animation-delay:.2s}@keyframes eq-bounce{0%{height:3px}50%{height:9px}to{height:5px}}[data-theme=light] .header-sound-pill.sound-active .wave-bar{background:#0284c7}.duel-arena-section{width:100%}.duel-arena-container{flex-direction:column;gap:20px;display:flex}.duel-header{border-radius:var(--radius-lg);background:linear-gradient(135deg,#1e293b99 0%,#0f172ad9 100%);border:1px solid #ffffff1a;flex-direction:column;gap:16px;padding:22px 24px;display:flex;box-shadow:0 8px 32px #0006}.duel-title-group{flex-direction:column;gap:6px;display:flex}.duel-badge-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.duel-badge{color:#f59e0b;background:#f59e0b24;border:1px solid #f59e0b59;border-radius:12px;width:fit-content;padding:3px 10px;font-size:11px;font-weight:800}.duel-live-indicator{font-size:11.5px;font-family:var(--font-mono);color:var(--text-dim);align-items:center;gap:6px;display:inline-flex}.live-pulsar{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-dot;box-shadow:0 0 8px #10b981}.duel-title{color:#fff;letter-spacing:-.02em;font-size:22px;font-weight:800}.duel-subtitle{color:var(--text-muted);font-size:13px;line-height:1.5}.duel-controls-bar{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.duel-preset-group{background:#0f172ab3;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:4px;padding:3px 6px;display:flex}.ctrl-lbl{font-size:11px;font-weight:700;font-family:var(--font-mono);color:var(--text-dim);padding-right:4px}.preset-btn{color:var(--text-muted);font-size:11.5px;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 8px;font-weight:600;transition:all .12s}.preset-btn:hover{color:#fff;background:#ffffff14}.preset-btn.active{color:#fff;background:#3b82f6;font-weight:700;box-shadow:0 0 10px #3b82f659}.duel-actions-row{align-items:center;gap:8px;display:flex}.duel-play-btn{padding:7px 16px;font-size:12.5px;font-weight:700}.duel-victory-banner{border-radius:var(--radius-md);align-items:center;gap:16px;padding:16px 22px;animation:.3s fadeInUp;display:flex;box-shadow:0 0 30px #38bdf833}.duel-victory-banner.victory-a{background:linear-gradient(135deg,#6366f133,#0f172ad9);border:1px solid #6366f173}.duel-victory-banner.victory-b{background:linear-gradient(135deg,#38bdf833,#0f172ad9);border:1px solid #38bdf873}.duel-victory-banner.victory-tie{background:linear-gradient(135deg,#f59e0b33,#0f172ad9);border:1px solid #f59e0b73}.victory-icon{flex-shrink:0;font-size:32px}.victory-title{color:#fff;margin-bottom:2px;font-size:16px;font-weight:800}.victory-desc{color:var(--text-muted);font-size:12.5px}.duel-arena-container{flex-direction:column;gap:20px;width:100%;max-width:100%;display:flex}.duel-header{border-radius:var(--radius-lg);box-sizing:border-box;background:linear-gradient(135deg,#101828b3 0%,#0a101ee6 100%);border:1px solid #ffffff14;flex-direction:column;gap:16px;width:100%;padding:24px;display:flex}.duel-controls-bar{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding-top:14px;display:flex}.duel-preset-group{background:#0f172ab3;border:1px solid #ffffff0f;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;padding:3px 6px;display:flex}.duel-actions-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.duel-arena-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;width:100%;display:grid}.duel-vs-badge{color:#fff;width:46px;height:46px;font-size:13px;font-weight:900;font-family:var(--font-mono);background:linear-gradient(135deg,#6366f1 0%,#38bdf8 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 0 24px #38bdf880}.duel-card{box-sizing:border-box;border-radius:var(--radius-lg);background:linear-gradient(135deg,#101828b3 0%,#0a101ee6 100%);border:1px solid #ffffff14;flex-direction:column;gap:12px;width:100%;min-width:0;padding:18px 20px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000059}.duel-card.winner-card{border-color:#38bdf8;box-shadow:0 0 35px #38bdf859,0 8px 24px #00000080}.duel-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.racer-select-group{align-items:center;gap:8px;display:flex}.racer-tag{font-size:10px;font-family:var(--font-mono);color:#fff;letter-spacing:.05em;border-radius:10px;padding:3px 8px;font-weight:900}.racer-tag.racer-a{background:#6366f1}.racer-tag.racer-b{background:#0284c7}.racer-select-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;padding:3px 8px;transition:border-color .15s;display:flex}.racer-select-wrapper:hover,.racer-select-wrapper:focus-within{border-color:#3b82f6}[data-theme=light] .racer-select-wrapper{background:#fff;border-color:#cbd5e1}.racer-algo-icon{justify-content:center;align-items:center;display:flex}.duel-select{color:var(--text-main);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;outline:none;padding:4px;font-size:13px;font-weight:700}.duel-select option{padding:8px 12px;font-weight:600;color:#f8fafc!important;background-color:#1e293b!important}[data-theme=light] .duel-select option{color:#0f172a!important;background-color:#fff!important}.winner-trophy{font-size:11px;font-weight:900;font-family:var(--font-mono);border-radius:12px;padding:4px 10px;animation:1.5s infinite pulse-dot}.winner-trophy.trophy-a{color:#c7d2fe;background:#6366f12e;border:1px solid #6366f173}.winner-trophy.trophy-b{color:#7dd3fc;background:#38bdf82e;border:1px solid #38bdf873}.racer-phase-pill{font-size:11px;font-family:var(--font-mono);white-space:nowrap;box-sizing:border-box;border-radius:6px;align-items:center;gap:8px;width:100%;min-width:0;padding:5px 10px;display:flex;overflow:hidden}.racer-phase-pill.pill-a{color:#c7d2fe;background:#6366f11f;border:1px solid #6366f14d}.racer-phase-pill.pill-b{color:#7dd3fc;background:#38bdf81f;border:1px solid #38bdf84d}.phase-lbl{background:#0000004d;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:800}.phase-txt{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.duel-canvas{border-radius:var(--radius-md);background:#0a0f1ce6;border:1px solid #ffffff14;justify-content:center;align-items:flex-end;gap:4px;height:200px;padding:12px 10px 8px;display:flex;box-shadow:inset 0 2px 8px #0006}.duel-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;max-width:28px;height:100%;display:flex}.duel-bar-val{font-size:9px;font-family:var(--font-mono);color:var(--text-dim);font-weight:700}.duel-bar{border-radius:3px 3px 0 0;width:100%;min-height:4px;transition:height 60ms,background 60ms}.duel-bar.bar-a{background:linear-gradient(#334155 0%,#1e293b 100%);border-top:2px solid #6366f180}.duel-bar.bar-b{background:linear-gradient(#334155 0%,#1e293b 100%);border-top:2px solid #38bdf880}.duel-bar.bar-a-swap{border-top:2px solid #fff;box-shadow:0 0 14px #6366f1d9;background:linear-gradient(#818cf8 0%,#4f46e5 100%)!important}.duel-bar.bar-a-cmp{box-shadow:0 0 12px #f59e0bb3;background:linear-gradient(#f59e0b 0%,#d97706 100%)!important}.duel-bar.bar-b-swap{border-top:2px solid #fff;box-shadow:0 0 14px #38bdf8d9;background:linear-gradient(#38bdf8 0%,#0284c7 100%)!important}.duel-bar.bar-b-cmp{box-shadow:0 0 12px #60a5fab3;background:linear-gradient(#60a5fa 0%,#2563eb 100%)!important}.duel-bar.bar-sorted{box-shadow:0 0 8px #34d39966;background:linear-gradient(#34d399 0%,#059669 100%)!important}.duel-progress-track{background:#0f172acc;border:1px solid #ffffff0d;border-radius:3px;width:100%;height:6px;overflow:hidden}.duel-progress-fill{border-radius:3px;height:100%;transition:width 60ms linear}.duel-progress-fill.fill-a{background:linear-gradient(90deg,#a5b4fc,#6366f1)}.duel-progress-fill.fill-b{background:linear-gradient(90deg,#38bdf8,#0284c7)}.duel-metrics{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.metric-box{border-radius:var(--radius-xs);background:#0f172a99;border:1px solid #ffffff0d;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.metric-lbl{color:var(--text-muted);font-size:9.5px;font-weight:600}.metric-val{font-size:12px;font-weight:800;font-family:var(--font-mono);color:#fff}@media (width<=1080px){.duel-arena-grid{grid-template-columns:1fr;gap:20px}.duel-vs-badge{margin:0 auto}.duel-controls-bar{flex-direction:column;align-items:stretch;gap:14px}.duel-preset-group{justify-content:flex-start}.duel-actions-row{justify-content:flex-start;width:100%}}[data-theme=light]{--bg-app:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-grad:linear-gradient(135deg, #fff 0%, #f8fafc 100%);--bg-elevated:#fff;--bg-hover:#f1f5f9;--bg-input:#fff;--bg-code:#0f172a;--border:#e2e8f0;--border-subtle:#f1f5f9;--border-active:#0284c7;--primary:#0284c7;--primary-hover:#0369a1;--primary-subtle:#0284c714;--accent-indigo:#6366f1;--accent-cyan:#0284c7;--success:#059669;--success-subtle:#05966914;--danger:#e11d48;--danger-subtle:#e11d4814;--warning:#d97706;--warning-subtle:#d9770614;--info:#0284c7;--info-subtle:#0284c714;--text-main:#0f172a;--text-muted:#475569;--text-dim:#64748b;--text-code:#f8fafc;--bar-default:#cbd5e1;--bar-comparing:#0284c7;--bar-swapping:#6366f1;--bar-sorted:#10b981;--bar-pivot:#d97706;--bar-found:#0284c7;--bar-current:#7c3aed}[data-theme=light] .header{background:#ffffffeb;border-bottom-color:#e2e8f0;box-shadow:0 1px 3px #0000000a}[data-theme=light] .header-theme-pill,[data-theme=light] .header-sound-pill,[data-theme=light] .header-lang-pill{color:#475569;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .header-theme-pill:hover,[data-theme=light] .header-sound-pill:hover,[data-theme=light] .header-lang-pill:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .header-sound-pill.sound-active{color:#0284c7;background:#0284c71a;border-color:#0284c7}[data-theme=light] .header-badge{color:#64748b;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .sidebar{background:#fff;border-right-color:#e2e8f0}[data-theme=light] .sidebar-algo-glyph{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .sidebar-item{color:#475569}[data-theme=light] .sidebar-item:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .sidebar-item.active{color:#0284c7;background:#0284c71a}[data-theme=light] .platform-hero,[data-theme=light] .hero-sandbox-card{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 4px 24px #0f172a0f,0 1px 3px #0f172a08!important}[data-theme=light] .platform-hero:before{background:radial-gradient(circle,#0284c714 0%,#0000 70%)!important}[data-theme=light] .platform-hero-title{color:#0f172a!important}[data-theme=light] .hero-gradient-text{background:linear-gradient(135deg,#0284c7 0%,#4338ca 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}[data-theme=light] .platform-hero-sub{color:#475569!important}[data-theme=light] .hero-badge-pill,[data-theme=light] .sandbox-title-badge,[data-theme=light] .hero-compact-badge{color:#0284c7!important;background:#0284c714!important;border-color:#0284c733!important}[data-theme=light] .stat-num{color:#0f172a!important}[data-theme=light] .stat-lbl{color:#64748b!important}[data-theme=light] .hero-sandbox-card{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 4px 20px #0f172a0d,0 1px 3px #0f172a08!important}[data-theme=light] .sandbox-header{color:#0f172a!important}[data-theme=light] .sandbox-label{color:#475569!important;font-weight:700!important}[data-theme=light] .sandbox-canvas{background:#f8fafc!important;border-color:#e2e8f0!important}[data-theme=light] .sandbox-bar{background:linear-gradient(#94a3b8 0%,#cbd5e1 100%)!important}[data-theme=light] .sandbox-bar.active{background:linear-gradient(#38bdf8 0%,#0284c7 100%)!important;box-shadow:0 0 10px #0284c780!important}[data-theme=light] .sandbox-val{color:#64748b!important;font-weight:600!important}[data-theme=light] .sandbox-footer,[data-theme=light] .sandbox-note{color:#64748b!important}[data-theme=light] .btn-link{color:#0284c7!important}[data-theme=light] .track-step-pill{color:#64748b!important;background:#f8fafc!important;border-color:#e2e8f0!important}[data-theme=light] .track-time-est{color:#64748b!important}[data-theme=light] .hero-mini-sandbox,[data-theme=light] .track-card,[data-theme=light] .compact-card,[data-theme=light] .duel-header,[data-theme=light] .duel-card,[data-theme=light] .lang-showcase-card,[data-theme=light] .growth-calc-card,[data-theme=light] .matrix-table-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 20px #0f172a0d,0 1px 3px #0f172a08}[data-theme=light] .sandbox-chart-bg,[data-theme=light] .duel-canvas,[data-theme=light] .avz-canvas,[data-theme=light] .track-modules-list{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .track-module-chip:hover{color:#0284c7;background:#0284c714}[data-theme=light] .compact-card:hover,[data-theme=light] .track-card:hover{border-color:#0284c7;box-shadow:0 12px 28px #0284c71f}[data-theme=light] .compact-card-name,[data-theme=light] .track-title,[data-theme=light] .duel-title,[data-theme=light] .section-title,[data-theme=light] .showcase-title,[data-theme=light] .growth-calc-title,[data-theme=light] .matrix-title,[data-theme=light] .header-logo-text{color:#0f172a!important}[data-theme=light] .compact-card-glyph{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .category-tab,[data-theme=light] .platform-tab{color:#475569;background:#fff;border-color:#e2e8f0}[data-theme=light] .category-tab:hover,[data-theme=light] .platform-tab:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .category-tab.active,[data-theme=light] .platform-tab.active{color:#0284c7;background:#0284c71a;border-color:#0284c7}[data-theme=light] .search-box-compact,[data-theme=light] .search-box{background:#fff;border-color:#cbd5e1}[data-theme=light] .search-input{color:#0f172a}[data-theme=light] .search-input::placeholder{color:#94a3b8}[data-theme=light] .duel-preset-group,[data-theme=light] .metric-box,[data-theme=light] .racer-select-wrapper{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .preset-btn{color:#64748b}[data-theme=light] .preset-btn:hover{color:#0f172a;background:#e2e8f0}[data-theme=light] .preset-btn.active{color:#fff;background:#0284c7}[data-theme=light] .duel-select,[data-theme=light] .metric-val{color:#0f172a}[data-theme=light] .duel-bar.bar-a{background:linear-gradient(#94a3b8 0%,#cbd5e1 100%);border-top:2px solid #6366f1}[data-theme=light] .duel-bar.bar-b{background:linear-gradient(#94a3b8 0%,#cbd5e1 100%);border-top:2px solid #0284c7}[data-theme=light] .duel-bar.bar-a-swap{box-shadow:0 0 10px #6366f166;background:linear-gradient(#818cf8 0%,#4f46e5 100%)!important}[data-theme=light] .duel-bar.bar-b-swap{box-shadow:0 0 10px #0284c766;background:linear-gradient(#38bdf8 0%,#0284c7 100%)!important}[data-theme=light] .duel-bar.bar-sorted{background:linear-gradient(#34d399 0%,#059669 100%)!important}[data-theme=light] .duel-progress-track{background:#e2e8f0;border-color:#cbd5e1}[data-theme=light] .algo-page{background:#f8fafc}[data-theme=light] .visualizer-area,[data-theme=light] .avz-root{background:#fff}[data-theme=light] .player-controls{background:#fff;border-top-color:#e2e8f0}[data-theme=light] .status-strip{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .var-box{background:#fff;border-color:#e2e8f0}[data-theme=light] .info-panel{background:#fff;border-left-color:#e2e8f0}[data-theme=light] .complexity-table{border-color:#e2e8f0}[data-theme=light] .complexity-table th{color:#475569;background:#f8fafc;border-bottom-color:#e2e8f0}[data-theme=light] .complexity-table td{color:#0f172a;border-bottom-color:#f1f5f9}[data-theme=light] .custom-input{color:#0f172a;background:#fff;border-color:#cbd5e1}[data-theme=light] .btn-secondary{color:#334155;background:#fff;border-color:#cbd5e1}[data-theme=light] .btn-secondary:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}[data-theme=light] .btn-icon{color:#334155;background:#fff;border-color:#cbd5e1}[data-theme=light] .btn-icon:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .lang-select-chip{color:#334155;background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .lang-select-chip:hover{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1}[data-theme=light] .lang-select-chip.active{color:#0284c7;background:#0284c71f;border-color:#0284c7;font-weight:700}[data-theme=light] .code-panel{background:#fff;border-color:#e2e8f0}[data-theme=light] .code-panel-tabs{background:#f8fafc;border-bottom-color:#e2e8f0}[data-theme=light] .lang-tab{color:#64748b;background:0 0;border-right-color:#e2e8f0}[data-theme=light] .lang-tab:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .lang-tab.active{color:#0284c7;background:#fff;border-bottom-color:#0284c7;font-weight:700}[data-theme=light] .code-panel-header{background:#f8fafc;border-bottom-color:#e2e8f0}[data-theme=light] .code-panel-title{color:#475569}[data-theme=light] .btn-copy{color:#475569;background:#fff;border-color:#cbd5e1}[data-theme=light] .btn-copy:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}[data-theme=light] .code-body{background:#f8fafc}[data-theme=light] .code-line.active{background:#0284c71a;border-left:3px solid #0284c7}[data-theme=light] .code-line-number{color:#94a3b8}[data-theme=light] .code-line.active .code-line-number{color:#0284c7}[data-theme=light] .code-content{color:#0f172a}[data-theme=light] .code-tok.tok-keyword{color:#9333ea;font-weight:700}[data-theme=light] .code-tok.tok-fn{color:#2563eb;font-weight:700}[data-theme=light] .code-tok.tok-type{color:#0284c7;font-weight:600}[data-theme=light] .code-tok.tok-string{color:#059669}[data-theme=light] .code-tok.tok-number{color:#d97706;font-weight:600}[data-theme=light] .code-tok.tok-comment{color:#64748b;font-style:italic}[data-theme=light] .code-tok.tok-op{color:#475569}[data-theme=light] .code-tok.tok-plain{color:#0f172a}.graph-structure-panel,.tree-structure-panel{flex-wrap:wrap;gap:12px;width:100%;margin-top:8px;display:flex}.structure-card{border-radius:var(--radius-sm);background:#0f172ab3;border:1px solid #ffffff14;flex-direction:column;flex:1;gap:6px;min-width:180px;padding:10px 14px;display:flex}.structure-card-title{font-size:11px;font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.structure-card-items,.structure-order-trail{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.structure-item-chip,.trail-chip{font-size:11.5px;font-family:var(--font-mono);color:var(--text-main);border-radius:var(--radius-xs);background:#1e293bcc;border:1px solid #ffffff1a;align-items:center;gap:4px;padding:3px 8px;font-weight:700;display:inline-flex}.structure-item-chip.head-chip{color:#38bdf8;background:#38bdf826;border-color:#38bdf866}.structure-item-chip.visited-chip,.trail-chip.sorted-chip{color:#34d399;background:#10b98126;border-color:#10b98166}.trail-chip.path-chip{color:#818cf8;background:#6366f126;border-color:#6366f166}.chip-badge{background:#38bdf84d;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:800}.trail-arrow{color:var(--text-dim);font-size:10px}.empty-text{color:var(--text-dim);font-size:11.5px;font-style:italic}.avz-legend{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;padding-top:8px;display:flex}.avz-leg-item{color:var(--text-muted);font-size:11.5px;font-family:var(--font-sans);align-items:center;gap:6px;display:flex}.avz-leg-dot{border-radius:3px;width:10px;height:10px}.avz-leg-dot.bar-comparing{background:#38bdf8}.avz-leg-dot.bar-swapping{background:#818cf8}.avz-leg-dot.bar-sorted{background:#10b981}.avz-leg-dot.bar-pivot{background:#f59e0b}.avz-leg-dot.bar-found{background:#38bdf8}.avz-leg-dot.bar-default{background:#475569}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=light] .structure-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000a}[data-theme=light] .structure-card-title{color:#64748b}[data-theme=light] .structure-item-chip,[data-theme=light] .trail-chip{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .structure-item-chip.head-chip{color:#0284c7;background:#0284c71a;border-color:#0284c74d}[data-theme=light] .structure-item-chip.visited-chip,[data-theme=light] .trail-chip.sorted-chip{color:#059669;background:#0596691a;border-color:#0596694d}[data-theme=light] .trail-chip.path-chip{color:#6366f1;background:#6366f11a;border-color:#6366f14d}[data-theme=light] .avz-leg-item{color:#475569}[data-theme=light] .avz-leg-dot.bar-default{background:#cbd5e1}[data-theme=light] .matrix-table-card{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 4px 20px #0f172a0d!important}[data-theme=light] .matrix-table thead{background:#f1f5f9!important}[data-theme=light] .matrix-table th{color:#334155!important;background:#f1f5f9!important;border-bottom:2px solid #cbd5e1!important;font-weight:800!important}[data-theme=light] .matrix-table td{color:#0f172a!important;border-bottom:1px solid #f1f5f9!important}[data-theme=light] .matrix-row:hover td{background:#f8fafc!important}[data-theme=light] .matrix-name-cell{color:#0f172a!important}[data-theme=light] .matrix-cat-pill{color:#475569!important;background:#f1f5f9!important;border-color:#e2e8f0!important}[data-theme=light] .matrix-code-cell{color:#334155}[data-theme=light] .matrix-code-cell.font-highlight{color:#0284c7}[data-theme=light] .growth-metric-box{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .growth-comp-tag{color:#0f172a}[data-theme=light] .growth-label{color:#64748b}[data-theme=light] .growth-slider-label{color:#0f172a}[data-theme=light] .growth-slider-val{color:#0284c7;background:#0284c71a;border-color:#0284c74d}[data-theme=light] .info-section-title{color:#0f172a}[data-theme=light] .info-desc{color:#475569}[data-theme=light] .info-fact-box{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .info-fact-title{color:#0284c7}[data-theme=light] .info-fact-text{color:#475569}[data-theme=light] .app-badge{color:#334155;background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .track-icon-badge{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .module-name{color:#0f172a}[data-theme=light] .module-comp{color:#0284c7}[data-theme=light] .tag-time{color:#0284c7;background:#0284c71a;border-color:#0284c740}[data-theme=light] .tag-space{color:#64748b}[data-theme=light] .compact-arrow{color:#94a3b8}[data-theme=light] .compact-card:hover .compact-arrow{color:#0284c7}.ds-viz-main{background:var(--bg-app);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.ds-empty-placeholder{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.ds-empty-icon{font-size:38px}.ds-empty-text{font-size:14px}.ds-status-bar{background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;min-height:48px;padding:10px 18px;display:flex}.ds-action-badge{font-size:11px;font-family:var(--font-mono);letter-spacing:.05em;color:#38bdf8;white-space:nowrap;background:#38bdf826;border:1px solid #38bdf859;border-radius:4px;flex-shrink:0;padding:4px 10px;font-weight:800}.ds-action-text{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.ds-sound-toggle-btn{font-size:11px;font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0f;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-weight:700;display:flex}.ds-sound-toggle-btn:hover{color:#fff;background:#38bdf826;border-color:#38bdf8}.ds-variables-dashboard{border-bottom:1px solid var(--border);background:#0f172a80;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:6px 16px;display:flex}.var-badge{font-family:var(--font-mono);background:#1e293bb3;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;display:flex}.var-name{color:var(--text-dim)}.var-val{color:#fff;font-weight:800}.var-val.highlight{color:#38bdf8}.var-val.highlight-front{color:#10b981}.var-val.highlight-rear{color:#38bdf8}.var-rule{color:#a855f7;font-weight:700}.var-formula{color:#fbbf24;font-weight:700}.ds-viewport{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:10px 14px;display:flex;overflow:hidden auto}.ds-realistic-stack-workspace{box-sizing:border-box;perspective:1000px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:480px;margin:0 auto;padding:4px 8px;display:flex}.stack-chamber-assembly{flex-direction:column;align-items:center;width:100%;max-width:430px;display:flex}.stack-3d-gantry-bay{justify-content:center;align-items:center;width:100%;min-height:52px;margin-bottom:4px;display:flex;position:relative}.stack-3d-flying-block{z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}.flying-block-top-bevel{background:linear-gradient(90deg,#fff6,#38bdf8cc,#fff6);border-radius:6px 6px 0 0;width:100%;height:4px}.flying-block-top-bevel.gold-bevel{background:linear-gradient(90deg,#ffffff80,#f59e0b,#ffffff80)}.flying-block-body{background:linear-gradient(#1e293b 0%,#0f172a 100%);border:1.5px solid #38bdf8;border-radius:0 0 8px 8px;align-items:center;gap:10px;padding:5px 18px;display:flex;box-shadow:0 8px 24px #38bdf866,inset 0 0 12px #38bdf840}[data-theme=light] .flying-block-body{background:linear-gradient(#fff 0%,#f0f9ff 100%);border-color:#0284c7;box-shadow:0 6px 20px #0284c740,inset 0 0 10px #0284c726}.flying-block-body.gold-body{border-color:#f59e0b;box-shadow:0 8px 24px #f59e0b73,inset 0 0 12px #f59e0b40}[data-theme=light] .flying-block-body.gold-body{background:linear-gradient(#fff 0%,#fffbeb 100%);border-color:#d97706}.flying-tag{font-size:9px;font-family:var(--font-mono);color:#38bdf8;letter-spacing:.04em;font-weight:800}.flying-tag.gold-tag{color:#f59e0b}.flying-val{font-size:17px;font-weight:900;font-family:var(--font-mono);color:var(--text-main);letter-spacing:-.02em}.flying-val.gold-val{color:#f59e0b}.gravity-beam-guide{background:linear-gradient(#38bdf8,#0000);width:2px;height:12px;margin-top:2px;animation:.8s ease-in-out infinite alternate beamPulse}@keyframes beamPulse{0%{opacity:.3;transform:scaleY(.7)}to{opacity:1;transform:scaleY(1.3)}}.stack-3d-aperture-mouth{justify-content:center;width:100%;max-width:400px;margin-bottom:6px;display:flex}.mouth-bevel-ring{background:linear-gradient(180deg, var(--bg-card) 0%, #0f172ae6 100%);border:1.5px solid var(--border);border-radius:20px;justify-content:center;align-items:center;width:100%;padding:5px 16px;display:flex;position:relative;box-shadow:0 4px 14px #00000040,inset 0 1px #ffffff1a}[data-theme=light] .mouth-bevel-ring{background:linear-gradient(#fff 0%,#f8fafc 100%);box-shadow:0 4px 12px #0000000f,inset 0 1px #fff}.mouth-gate-badges{align-items:center;gap:10px;display:flex}.mouth-badge{font-size:10px;font-family:var(--font-mono);color:var(--text-dim);border-radius:4px;padding:2px 8px;font-weight:800;transition:all .18s}.mouth-badge.active-push{color:#10b981;background:#10b98126;box-shadow:0 0 10px #10b98166}.mouth-badge.active-pop{color:#fb7185;background:#f43f5e26;box-shadow:0 0 10px #f43f5e66}.mouth-dot{color:var(--text-dim);opacity:.4;font-size:8px}.stack-3d-shaft-container{border-left:3.5px solid #38bdf866;border-right:3.5px solid #38bdf866;border-bottom:4px solid var(--primary);background:linear-gradient(#0f172a59 0%,#0f172acc 100%);border-radius:0 0 16px 16px;flex-direction:column;width:100%;max-width:400px;padding:10px 10px 6px;display:flex;position:relative;box-shadow:0 16px 36px #00000073,inset 0 0 24px #38bdf814}[data-theme=light] .stack-3d-shaft-container{border-left-color:#3b82f659;border-right-color:#3b82f659;border-bottom-color:var(--primary);background:linear-gradient(#f1f5f973 0%,#e2e8f0d9 100%);box-shadow:0 14px 32px #00000014,inset 0 0 18px #3b82f60f}.stack-3d-slots-stack{z-index:2;flex-direction:column;gap:6px;width:100%;margin-bottom:6px;display:flex;position:relative}.stack-3d-slot-row{grid-template-columns:32px 1fr 48px;align-items:center;gap:6px;min-height:44px;display:grid}.slot-3d-ruler-tag{-webkit-user-select:none;user-select:none;justify-content:flex-end;align-items:center;gap:4px;display:flex}.ruler-slot-label{font-size:9.5px;font-family:var(--font-mono);color:var(--text-dim);font-weight:700}.row-top .ruler-slot-label{color:#38bdf8;font-weight:800}.ruler-slot-led{background:var(--border);border-radius:50%;width:5px;height:5px;transition:all .2s}.ruler-slot-led.led-on{background:#38bdf8;box-shadow:0 0 8px #38bdf8}.slot-3d-stage-cell{justify-content:center;align-items:center;width:100%;display:flex}.stack-3d-volumetric-brick{cursor:default;border-radius:8px;flex-direction:column;width:100%;transition:box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #0006,inset 0 1px #fff3}.brick-top-facet{background:linear-gradient(90deg,#ffffff59,#ffffffb3,#ffffff59);width:100%;height:4px}.brick-front-facet{background:linear-gradient(#1e293bfa 0%,#0f172afa 100%);border:1.5px solid #ffffff1f;border-top:none;border-radius:0 0 8px 8px;justify-content:space-between;align-items:center;padding:5px 12px 6px;display:flex}[data-theme=light] .brick-front-facet{background:linear-gradient(#fff 0%,#f1f5f9 100%);border:1.5px solid #0f172a1f;border-top:none;box-shadow:0 3px 10px #0f172a0f}.stack-3d-volumetric-brick.brick-blue .brick-top-facet{background:linear-gradient(90deg,#38bdf8,#93c5fd,#38bdf8)}.stack-3d-volumetric-brick.brick-blue .brick-front-facet{border-color:#38bdf859}.stack-3d-volumetric-brick.brick-emerald .brick-top-facet{background:linear-gradient(90deg,#34d399,#a7f3d0,#34d399)}.stack-3d-volumetric-brick.brick-emerald .brick-front-facet{border-color:#34d39959}.stack-3d-volumetric-brick.brick-violet .brick-top-facet{background:linear-gradient(90deg,#a78bfa,#ddd6fe,#a78bfa)}.stack-3d-volumetric-brick.brick-violet .brick-front-facet{border-color:#a78bfa59}.stack-3d-volumetric-brick.brick-amber .brick-top-facet{background:linear-gradient(90deg,#fbbf24,#fef3c7,#fbbf24)}.stack-3d-volumetric-brick.brick-amber .brick-front-facet{border-color:#fbbf2459}.stack-3d-volumetric-brick.brick-cyan .brick-top-facet{background:linear-gradient(90deg,#22d3ee,#cffafe,#22d3ee)}.stack-3d-volumetric-brick.brick-cyan .brick-front-facet{border-color:#22d3ee59}.stack-3d-volumetric-brick.brick-rose .brick-top-facet{background:linear-gradient(90deg,#fb7185,#ffe4e6,#fb7185)}.stack-3d-volumetric-brick.brick-rose .brick-front-facet{border-color:#fb718559}.stack-3d-volumetric-brick.is-top-brick{box-shadow:0 0 20px #3b82f666,0 6px 18px #0006}.stack-3d-volumetric-brick.is-top-brick .brick-front-facet{border-color:var(--primary);background:linear-gradient(#1e3a8a80 0%,#0f172afa 100%)}[data-theme=light] .stack-3d-volumetric-brick.is-top-brick .brick-front-facet{border-color:var(--primary);background:linear-gradient(#eff6ff 0%,#dbeafe 100%)}.stack-3d-volumetric-brick.is-peeking-brick{box-shadow:0 0 24px #a855f799}.stack-3d-volumetric-brick.is-peeking-brick .brick-front-facet{border-color:#a855f7}.stack-3d-volumetric-brick.is-lifting-brick{box-shadow:0 0 24px #f59e0ba6}.stack-3d-volumetric-brick.is-lifting-brick .brick-front-facet{border-color:#f59e0b}.brick-scanner-beam{pointer-events:none;background:linear-gradient(90deg,#0000,#a855f799,#0000);width:25%;position:absolute;top:0;bottom:0}.brick-meta-left{flex-direction:column;gap:1px;display:flex}.brick-slot-idx{font-size:9px;font-family:var(--font-mono);color:var(--text-muted);font-weight:800}.brick-mem-addr{font-size:8px;font-family:var(--font-mono);color:var(--text-dim)}.brick-core-value{justify-content:center;align-items:center;display:flex}.brick-value-text{font-size:18px;font-weight:900;font-family:var(--font-mono);color:var(--text-main);letter-spacing:-.02em}.brick-meta-right{align-items:center;display:flex}.brick-status-pill{font-size:9px;font-family:var(--font-mono);border-radius:4px;padding:2px 7px;font-weight:800}.pill-top{color:#38bdf8;background:#38bdf829;border:1px solid #38bdf866}.pill-extracting{color:#f59e0b;background:#f59e0b29;border:1px solid #f59e0b66}.pill-locked{color:var(--text-dim);opacity:.55;font-size:8.5px}.stack-3d-empty-ghost-tray{border:1px dashed var(--border);background:#ffffff04;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:40px;display:flex}[data-theme=light] .stack-3d-empty-ghost-tray{background:#00000004}.ghost-socket-notch{color:var(--border);letter-spacing:-2px;font-size:9px}.ghost-socket-text{font-size:9.5px;font-family:var(--font-mono);color:var(--text-dim);opacity:.6}.slot-3d-pointer-col{align-items:center;display:flex}.stack-top-caliper-pointer{font-size:9px;font-family:var(--font-mono);color:#38bdf8;background:#38bdf82e;border:1px solid #38bdf873;border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-weight:800;display:inline-flex;box-shadow:0 0 10px #38bdf859}.caliper-arrow{font-size:9px}.caliper-tag{font-weight:800}.stack-3d-piston-assembly{flex-direction:column;align-items:center;width:100%;margin-top:3px;display:flex}.piston-3d-top-plate{background:linear-gradient(#475569 0%,#1e293b 100%);border:1px solid #64748b;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:95%;height:22px;display:flex;box-shadow:0 4px 10px #00000073}[data-theme=light] .piston-3d-top-plate{background:linear-gradient(#cbd5e1 0%,#94a3b8 100%);border-color:#64748b}.piston-plate-text{font-size:8.5px;font-family:var(--font-mono);color:#cbd5e1;letter-spacing:.06em;font-weight:800}[data-theme=light] .piston-plate-text{color:#1e293b}.piston-bolt-icon{font-size:8px}.piston-3d-spring-box{justify-content:center;align-items:center;margin-top:2px;display:flex}.stack-3d-pedestal-stand{flex-direction:column;align-items:center;gap:4px;width:100%;max-width:400px;margin-top:4px;display:flex}.pedestal-metal-slab{background:linear-gradient(90deg,#334155,#64748b,#334155);border-radius:3px;width:92%;height:7px;box-shadow:0 2px 8px #00000059}.pedestal-engraved-text{font-size:8px;font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.08em;font-weight:700}.ds-3d-queue-workspace{box-sizing:border-box;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:860px;margin:0 auto;display:flex}.queue-3d-header-ribbon{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#0f172aa6;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:6px 14px;display:flex;box-shadow:0 4px 14px #00000040}[data-theme=light] .queue-3d-header-ribbon{background:#f1f5f9e6;box-shadow:0 4px 14px #0f172a0d}.ribbon-text-mobile{display:none}.ribbon-text-full{display:inline}.ribbon-exit-pill{font-size:10px;font-family:var(--font-mono);color:#10b981;white-space:nowrap;background:#10b9811f;border:1px solid #10b98159;border-radius:5px;align-items:center;gap:5px;padding:3px 8px;font-weight:800;display:inline-flex}.ribbon-entry-pill{font-size:10px;font-family:var(--font-mono);color:#38bdf8;white-space:nowrap;background:#38bdf81f;border:1px solid #38bdf859;border-radius:5px;align-items:center;gap:5px;padding:3px 8px;font-weight:800;display:inline-flex}.ribbon-flow-text{font-size:9.5px;font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:6px;font-weight:800;display:flex}.flow-chevron{color:#38bdf8;letter-spacing:.08em}.flow-label{color:var(--text-muted);letter-spacing:.06em}.queue-3d-transit-assembly{box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:100%;display:flex;position:relative}.queue-3d-port{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:75px;display:flex;position:relative}.port-arch-ring{box-sizing:border-box;border-radius:10px;flex-direction:column;align-items:center;width:100%;padding:6px 4px;display:flex;position:relative}.port-exit .port-arch-ring{background:linear-gradient(135deg,#10b9812e 0%,#0f172ad9 100%);border:1.5px solid #10b98173;box-shadow:0 0 16px #10b98140}.port-entry .port-arch-ring{background:linear-gradient(135deg,#38bdf82e 0%,#0f172ad9 100%);border:1.5px solid #38bdf873;box-shadow:0 0 16px #38bdf840}[data-theme=light] .port-exit .port-arch-ring{background:linear-gradient(135deg,#10b98126 0%,#fff 100%);border-color:#10b98180;box-shadow:0 4px 12px #10b9811f}[data-theme=light] .port-entry .port-arch-ring{background:linear-gradient(135deg,#38bdf826 0%,#fff 100%);border-color:#38bdf880;box-shadow:0 4px 12px #38bdf81f}.port-sign{font-size:8.5px;font-family:var(--font-mono);white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:3px;padding:2px 5px;font-weight:800;display:flex}.sign-exit{color:#10b981}.sign-entry{color:#38bdf8}.port-laser-beam{border-radius:2px;width:3px;height:60px;margin-top:3px}.beam-exit{background:linear-gradient(#10b981 0%,#0000 100%);box-shadow:0 0 8px #10b981}.beam-entry{background:linear-gradient(#38bdf8 0%,#0000 100%);box-shadow:0 0 8px #38bdf8}.port-flying-bay{justify-content:center;align-items:center;width:100%;height:60px;display:flex;position:relative}.flying-queue-pod{border-radius:7px;width:70px;overflow:hidden;box-shadow:0 6px 18px #00000073}.flying-pod-bevel{width:100%;height:3px}.flying-pod-bevel.gold-bevel{background:linear-gradient(90deg,#f59e0b,#fef08a,#f59e0b)}.flying-pod-bevel.cyan-bevel{background:linear-gradient(90deg,#38bdf8,#bae6fd,#38bdf8)}.flying-pod-front{border:1.5px solid;border-top:none;border-radius:0 0 7px 7px;flex-direction:column;align-items:center;padding:4px 6px;display:flex}.flying-pod-front.gold-front{background:linear-gradient(#1e293bfa,#0f172a);border-color:#f59e0b}.flying-pod-front.cyan-front{background:linear-gradient(#1e293bfa,#0f172a);border-color:#38bdf8}[data-theme=light] .flying-pod-front.gold-front{background:linear-gradient(#fff,#fef3c7)}[data-theme=light] .flying-pod-front.cyan-front{background:linear-gradient(#fff,#e0f2fe)}.flying-pod-tag{font-size:7.5px;font-family:var(--font-mono);color:var(--text-dim);font-weight:800}.flying-pod-val{font-size:14px;font-family:var(--font-mono);color:var(--text-main);font-weight:900}.queue-3d-tube-chassis{flex:1;min-width:0;position:relative}.queue-3d-tube-glass{box-sizing:border-box;background:linear-gradient(#1e293bb3 0%,#0f172ad9 100%);border:2px solid #38bdf859;border-radius:12px;flex-direction:column;gap:6px;padding:8px 10px;display:flex;position:relative;box-shadow:0 8px 24px #00000073,inset 0 1px #ffffff26}[data-theme=light] .queue-3d-tube-glass{background:linear-gradient(#ffffffe6 0%,#f1f5f9f2 100%);border-color:#38bdf873;box-shadow:0 6px 20px #0f172a14}.queue-3d-calipers-track{grid-template-columns:repeat(6,1fr);gap:6px;width:100%;min-height:18px;display:grid}.caliper-slot-anchor{justify-content:center;align-items:center;display:flex;position:relative}.badge-text-mobile{display:none}.badge-text-full{display:inline}.queue-caliper-badge{font-size:8px;font-family:var(--font-mono);white-space:nowrap;z-index:5;border-radius:4px;padding:1.5px 5px;font-weight:800;box-shadow:0 2px 6px #0000004d}.queue-caliper-badge.badge-both{color:#070a13;background:#f59e0b}.queue-caliper-badge.badge-front{color:#070a13;background:#10b981;box-shadow:0 0 8px #10b98180}.queue-caliper-badge.badge-rear{color:#070a13;background:#38bdf8;box-shadow:0 0 8px #38bdf880}.queue-3d-slots-track{grid-template-columns:repeat(6,1fr);gap:6px;width:100%;display:grid}.queue-3d-dock-slot{justify-content:center;align-items:center;min-height:70px;display:flex;position:relative}.queue-3d-volumetric-pod{border-radius:7px;width:100%;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 5px 14px #0006,inset 0 1px #fff3}.pod-top-facet{background:linear-gradient(90deg,#ffffff59,#ffffffb3,#ffffff59);width:100%;height:3px}.pod-front-facet{box-sizing:border-box;background:linear-gradient(#1e293bfa 0%,#0f172afa 100%);border:1.5px solid #ffffff1f;border-top:none;border-radius:0 0 7px 7px;flex-direction:column;justify-content:space-between;align-items:center;min-height:64px;padding:4px 2px;display:flex}[data-theme=light] .pod-front-facet{background:linear-gradient(#fff 0%,#f1f5f9 100%);border-color:#0f172a1f}.queue-3d-volumetric-pod.pod-emerald .pod-top-facet{background:linear-gradient(90deg,#34d399,#a7f3d0,#34d399)}.queue-3d-volumetric-pod.pod-emerald .pod-front-facet{border-color:#34d39973}.queue-3d-volumetric-pod.pod-cyan .pod-top-facet{background:linear-gradient(90deg,#22d3ee,#cffafe,#22d3ee)}.queue-3d-volumetric-pod.pod-cyan .pod-front-facet{border-color:#22d3ee73}.queue-3d-volumetric-pod.pod-blue .pod-top-facet{background:linear-gradient(90deg,#38bdf8,#93c5fd,#38bdf8)}.queue-3d-volumetric-pod.pod-blue .pod-front-facet{border-color:#38bdf873}.queue-3d-volumetric-pod.pod-violet .pod-top-facet{background:linear-gradient(90deg,#a78bfa,#ddd6fe,#a78bfa)}.queue-3d-volumetric-pod.pod-violet .pod-front-facet{border-color:#a78bfa73}.queue-3d-volumetric-pod.pod-amber .pod-top-facet{background:linear-gradient(90deg,#fbbf24,#fef3c7,#fbbf24)}.queue-3d-volumetric-pod.pod-amber .pod-front-facet{border-color:#fbbf2473}.queue-3d-volumetric-pod.pod-rose .pod-top-facet{background:linear-gradient(90deg,#fb7185,#ffe4e6,#fb7185)}.queue-3d-volumetric-pod.pod-rose .pod-front-facet{border-color:#fb718573}.queue-3d-volumetric-pod.is-front-pod{box-shadow:0 0 18px #10b98180,0 6px 16px #0006}.queue-3d-volumetric-pod.is-front-pod .pod-front-facet{background:linear-gradient(#064e3b59 0%,#0f172afa 100%);border-color:#10b981}[data-theme=light] .queue-3d-volumetric-pod.is-front-pod .pod-front-facet{background:linear-gradient(#ecfdf5 0%,#d1fae5 100%);border-color:#10b981}.queue-3d-volumetric-pod.is-peeking-pod{box-shadow:0 0 22px #a855f799}.queue-3d-volumetric-pod.is-peeking-pod .pod-front-facet{border-color:#a855f7}.queue-3d-volumetric-pod.is-leaving-pod{box-shadow:0 0 22px #f59e0ba6}.queue-3d-volumetric-pod.is-leaving-pod .pod-front-facet{border-color:#f59e0b}.pod-scanner-beam{pointer-events:none;background:linear-gradient(#0000,#a855f799,#0000);height:35%;position:absolute;left:0;right:0}.pod-meta-top{justify-content:space-between;align-items:center;width:100%;padding:0 2px;display:flex}.pod-pos-tag{font-size:8px;font-family:var(--font-mono);color:var(--text-muted);font-weight:800}.pod-mem-addr{font-size:7px;font-family:var(--font-mono);color:var(--text-dim)}.pod-core-value{justify-content:center;align-items:center;margin:2px 0;display:flex}.pod-val-num{font-size:16px;font-weight:900;font-family:var(--font-mono);color:var(--text-main);letter-spacing:-.02em}.pod-meta-bottom{justify-content:center;align-items:center;width:100%;display:flex}.pod-status-pill{font-size:7.5px;font-family:var(--font-mono);white-space:nowrap;border-radius:3px;padding:1.5px 5px;font-weight:800}.pill-front{color:#10b981;background:#10b98129;border:1px solid #10b98166}.pill-rear{color:#38bdf8;background:#38bdf829;border:1px solid #38bdf866}.pill-peeking{color:#a855f7;background:#a855f729;border:1px solid #a855f766}.pill-dequeueing{color:#f59e0b;background:#f59e0b29;border:1px solid #f59e0b66}.pill-queued{color:var(--text-dim);opacity:.6}.queue-3d-empty-dock{border:1px dashed var(--border);background:#ffffff04;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:72px;display:flex}[data-theme=light] .queue-3d-empty-dock{background:#00000004}.empty-dock-idx{font-size:8px;font-family:var(--font-mono);color:var(--text-muted);font-weight:800}.empty-dock-dash{color:var(--border);letter-spacing:-1px;font-size:8px}.empty-dock-label{font-size:7.5px;font-family:var(--font-mono);color:var(--text-dim);opacity:.6}.queue-3d-mag-rails{border-top:1px solid #38bdf833;justify-content:space-between;align-items:center;width:100%;padding-top:4px;display:flex}.mag-rail-line{background:linear-gradient(90deg,#10b981,#38bdf8);border-radius:1px;flex:1;height:2px}.mag-track-pulses{font-size:7.5px;font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.08em;white-space:nowrap;padding:0 10px;font-weight:800}.queue-3d-base-pedestal{flex-direction:column;align-items:center;gap:4px;width:100%;max-width:600px;margin-top:4px;display:flex}.queue-pedestal-bar{background:linear-gradient(90deg,#10b981 0%,#334155 30%,#64748b 50%,#334155 70%,#38bdf8 100%);border-radius:3px;width:90%;height:6px;box-shadow:0 2px 8px #00000059}.queue-pedestal-sub{font-size:8px;font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.08em;font-weight:700}.ds-clean-ll-stage{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:900px;display:flex}.ll-track-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);background:#0f172a99;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;padding:44px 20px 24px;display:flex;overflow-x:auto;box-shadow:0 8px 24px #0000004d}.ll-chain-row{flex-flow:row;flex-shrink:0;align-items:center;display:flex}.ll-node-unit{flex-flow:row;flex-shrink:0;align-items:center;display:inline-flex}.ll-node-wrapper,.dll-node-wrapper{flex-direction:column;align-items:center;display:flex;position:relative}.floating-ptr-badge{font-size:9.5px;font-family:var(--font-mono);white-space:nowrap;z-index:10;border-radius:4px;padding:2px 7px;font-weight:800;position:absolute;top:-24px;box-shadow:0 0 10px #0006}.ptr-head{color:#070a13;background:#38bdf8;box-shadow:0 0 12px #38bdf899}.ptr-tail{color:#fff;background:#a855f7;box-shadow:0 0 12px #a855f799}.ptr-curr{color:#fff;background:#f43f5e;top:-42px;box-shadow:0 0 12px #f43f5e99}.ll-node-card{background:linear-gradient(135deg,#1e293bf2 0%,#0f172afa 100%);border:1.5px solid #ffffff26;border-radius:8px;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:visible;box-shadow:0 4px 14px #0000004d}.node-mem-bar{text-align:center;font-size:8.5px;font-family:var(--font-mono);color:var(--text-dim);background:#0b112099;border-bottom:1px solid #ffffff14;border-radius:7px 7px 0 0;padding:2px 8px}.node-content-row,.dll-content-row{flex-direction:row;align-items:center;display:flex}.ll-node-card.node-is-head{border-color:#38bdf8}.ll-node-card.node-is-active,.ll-node-card.node-is-traversing{border-color:#f43f5e;box-shadow:0 0 16px #f43f5e8c}.node-data-slot{border-right:1px solid #ffffff1a;flex-direction:column;align-items:center;min-width:52px;padding:8px 14px;display:flex}.node-next-slot{background:#0b112066;flex-direction:column;align-items:center;padding:8px 12px;display:flex}.slot-lbl{font-size:8px;font-family:var(--font-mono);color:var(--text-dim);font-weight:700}.slot-val{font-size:16px;font-weight:800;font-family:var(--font-mono);color:#fff}.slot-dot{color:#38bdf8;font-size:14px}.ll-arrow-connector{flex-shrink:0;align-items:center;padding:0 4px;display:flex}.ll-null-badge{background:#0f172a80;border:1.5px dashed #ffffff40;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;padding:8px 14px;display:flex}.null-symbol{color:var(--text-dim);font-size:14px}.null-word{font-size:9.5px;font-family:var(--font-mono);color:var(--text-dim);font-weight:800}.ds-clean-dll-stage{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:960px;display:flex}.dll-track-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);background:#0f172a99;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;padding:44px 20px 24px;display:flex;overflow-x:auto;box-shadow:0 8px 24px #0000004d}.dll-null-box{background:#0f172a80;border:1.5px dashed #ffffff40;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:8px 12px;display:flex}.dll-terminal-arrow{flex-shrink:0;align-items:center;padding:0 2px;display:flex}.dll-chain-row{flex-flow:row;flex-shrink:0;align-items:center;display:flex}.dll-node-unit{flex-flow:row;flex-shrink:0;align-items:center;display:inline-flex}.dll-node-card{background:linear-gradient(135deg,#1e293bf2 0%,#0f172afa 100%);border:1.5px solid #ffffff26;border-radius:8px;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:visible;box-shadow:0 4px 14px #0000004d}.dll-node-card.node-is-head{border-color:#38bdf8}.dll-node-card.node-is-tail{border-color:#a855f7}.dll-node-card.node-is-active,.dll-node-card.node-is-traversing{border-color:#f43f5e;box-shadow:0 0 16px #f43f5e8c}.dll-slot-prev,.dll-slot-next{background:#0b112066;flex-direction:column;align-items:center;padding:8px 10px;transition:all .2s;display:flex}.dll-slot-prev{border-right:1px solid #ffffff1a}.dll-slot-next{border-left:1px solid #ffffff1a}.slot-active-prev{color:#c084fc;background:#a855f740}.slot-active-next{color:#38bdf8;background:#38bdf840}.dll-slot-data{flex-direction:column;align-items:center;min-width:48px;padding:8px 14px;display:flex}.slot-mini-lbl{font-size:7.5px;font-family:var(--font-mono);color:var(--text-dim);font-weight:700}.dll-val{font-size:16px;font-weight:800;font-family:var(--font-mono);color:#fff}.dll-cables-connector{flex-direction:column;flex-shrink:0;justify-content:center;gap:4px;padding:0 4px;display:flex}.cable-line{align-items:center;gap:2px;display:flex}.cable-lbl{font-size:7.5px;font-family:var(--font-mono);font-weight:800}.lbl-next{color:#38bdf8}.lbl-prev{color:#a855f7}.ds-clean-cqueue-stage{flex-direction:column;align-items:center;gap:22px;width:100%;max-width:820px;display:flex}.cqueue-equation-card{border-radius:var(--radius-md);background:#0f172ab3;border:1px solid #38bdf840;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:580px;padding:10px 16px;display:flex;box-shadow:0 4px 16px #00000040}.eq-header{align-items:center;gap:6px;display:flex}.eq-icon{font-size:14px}.eq-title{font-size:10.5px;font-family:var(--font-mono);color:#38bdf8;letter-spacing:.08em;font-weight:800}.eq-body{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.eq-pill{font-family:var(--font-mono);background:#1e293bcc;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:11.5px;display:flex}.eq-pill-label{color:var(--text-dim)}.eq-pill-val{color:var(--text-main)}.eq-pill-val strong{color:#fbbf24;font-weight:800}.cqueue-radial-assembly{background:radial-gradient(circle,#1e293ba6 0%,#0f172af2 72%);border:2px dashed #38bdf84d;border-radius:50%;justify-content:center;align-items:center;width:370px;height:370px;display:flex;position:relative;box-shadow:0 10px 32px #00000073,inset 0 0 35px #38bdf814}.cqueue-orbit-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.cqueue-center-hub{z-index:5;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:135px;height:135px;display:flex;position:relative;box-shadow:0 4px 20px #00000080}.hub-inner-core{z-index:6;text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.hub-core-title{font-size:9.5px;font-family:var(--font-mono);color:#38bdf8;letter-spacing:.06em;font-weight:800}.hub-core-formula{font-size:8.5px;font-family:var(--font-mono);color:var(--text-dim)}.hub-flow-dir{font-size:7.5px;font-family:var(--font-mono);color:#10b981;letter-spacing:.05em;margin-top:2px;font-weight:800}.hub-needle{transform-origin:top;pointer-events:none;width:2.5px;height:95px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:50%}.needle-front{z-index:4;background:linear-gradient(#10b981 0%,#0000 100%)}.needle-rear{z-index:3;background:linear-gradient(#38bdf8 0%,#0000 100%)}.needle-head{font-size:7.5px;font-family:var(--font-mono);white-space:nowrap;border-radius:3px;padding:1px 5px;font-weight:800;position:absolute;bottom:0;left:-20px}.front-head{color:#070a13;background:#10b981}.rear-head{color:#070a13;background:#38bdf8}.cqueue-slots-radial-ring{position:absolute;top:50%;left:50%}.cqueue-radial-slot{z-index:2;background:linear-gradient(135deg,#1e293bf2 0%,#0f172afa 100%);border:1.5px solid #ffffff26;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:62px;height:62px;margin-top:-31px;margin-left:-31px;display:flex;position:absolute;box-shadow:0 4px 14px #00000059}.radial-occupied{border-color:#ffffff40}.radial-empty{opacity:.7;border-style:dashed;border-color:#ffffff1a}.cqueue-radial-slot.radial-front{opacity:1;border-color:#10b981;box-shadow:0 0 18px #10b98180}.cqueue-radial-slot.radial-rear{opacity:1;border-color:#38bdf8;box-shadow:0 0 18px #38bdf880}.radial-badge-float{font-size:7.5px;font-family:var(--font-mono);white-space:nowrap;border-radius:3px;padding:1px 5px;font-weight:800;position:absolute;top:-18px}.badge-both{color:#070a13;background:#f59e0b}.badge-front{color:#070a13;background:#10b981}.badge-rear{color:#070a13;background:#38bdf8}.radial-slot-idx{font-size:8px;font-family:var(--font-mono);color:var(--text-dim)}.radial-slot-val{font-size:16px;font-weight:800;font-family:var(--font-mono);color:#fff}.cqueue-linear-strip-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);background:#0f172a99;flex-direction:column;gap:10px;width:100%;max-width:680px;padding:14px 18px;display:flex}.linear-strip-header{flex-direction:column;gap:2px;display:flex}.strip-title{font-size:10px;font-family:var(--font-mono);color:#38bdf8;letter-spacing:.06em;font-weight:800}.strip-subtitle{color:var(--text-dim);font-size:9.5px}.cqueue-linear-grid{grid-template-columns:repeat(6,1fr);gap:8px;width:100%;display:grid}.cqueue-linear-cell{background:linear-gradient(135deg,#1e293bf2 0%,#0f172afa 100%);border:1.5px solid #ffffff1f;border-radius:8px;flex-direction:column;justify-content:space-between;height:64px;padding:6px;display:flex}.cqueue-linear-cell.cell-front{background:linear-gradient(135deg,#10b98133 0%,#1e293bf2 100%);border-color:#10b981}.cqueue-linear-cell.cell-rear{background:linear-gradient(135deg,#38bdf833 0%,#1e293bf2 100%);border-color:#38bdf8}.linear-cell-header{justify-content:space-between;align-items:center;display:flex}.cell-idx{font-size:8.5px;font-family:var(--font-mono);color:var(--text-dim)}.cell-tag{font-size:7px;font-family:var(--font-mono);border-radius:2px;padding:1px 3px;font-weight:800}.tag-front{color:#070a13;background:#10b981}.tag-rear{color:#070a13;background:#38bdf8}.linear-cell-val{font-size:15px;font-weight:800;font-family:var(--font-mono);color:#fff;text-align:center;margin-bottom:2px}.linear-wrap-cable{flex-direction:column;align-items:center;margin-top:-4px;display:flex;position:relative}.wrap-cable-label{font-size:9px;font-family:var(--font-mono);color:#fbbf24;letter-spacing:.06em;margin-top:2px;font-weight:800}.ds-clean-heap-stage{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:860px;display:flex}.heap-array-section,.heap-tree-section{border:1px solid var(--border);border-radius:var(--radius-md);background:#0f172aa6;flex-direction:column;align-items:center;gap:12px;width:100%;padding:16px 20px;display:flex;box-shadow:0 8px 24px #00000059}.heap-array-header,.heap-tree-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;padding-bottom:8px;display:flex}.heap-formula-tag{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf833;border-radius:4px;padding:2px 8px;font-size:10.5px}.heap-property-pill{font-size:9.5px;font-family:var(--font-mono);color:#10b981;letter-spacing:.04em;background:#10b9811f;border:1px solid #10b98140;border-radius:4px;padding:2px 8px;font-weight:800}.heap-array-strip{justify-content:center;align-items:center;gap:10px;width:100%;min-height:85px;padding:16px 4px 6px;display:flex;overflow-x:auto}.heap-cell-box{background:linear-gradient(135deg,#1e293bf2 0%,#0f172afa 100%);border:1.5px solid #ffffff1f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:58px;height:58px;display:flex;position:relative;box-shadow:0 4px 12px #00000040}.heap-cell-box.cell-is-root{border-color:#f59e0b;box-shadow:0 0 14px #f59e0b59}.heap-cell-box.cell-highlighted{background:linear-gradient(135deg,#38bdf840 0%,#1e293bf2 100%);border-color:#38bdf8;box-shadow:0 0 16px #38bdf880}.heap-cell-box.cell-swapping{background:linear-gradient(135deg,#10b9814d 0%,#1e293bf2 100%);border-color:#10b981;box-shadow:0 0 20px #10b98199}.heap-cell-idx{font-size:8.5px;font-family:var(--font-mono);color:var(--text-dim)}.heap-cell-val{color:#fff;font-size:16px;font-weight:800}.heap-root-tag{font-size:7.5px;font-family:var(--font-mono);color:#f59e0b;white-space:nowrap;background:#f59e0b26;border-radius:3px;padding:1px 4px;font-weight:800;position:absolute;top:-18px}.heap-tree-canvas-wrapper{justify-content:center;width:100%;padding:10px 0;display:flex;overflow-x:auto}.heap-tree-stage-canvas{width:700px;min-width:700px;height:280px;position:relative}.heap-tree-svg-branches{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.heap-tree-nodes-layer{width:100%;height:100%;position:absolute;top:0;left:0}.tree-node-circle{z-index:5;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:2px solid #fff3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;box-shadow:0 4px 14px #0006}.tree-node-circle.node-is-root{border-color:#f59e0b;box-shadow:0 0 16px #f59e0b66}.tree-node-circle.node-highlight{background:linear-gradient(135deg,#38bdf859 0%,#1e293b 100%);border-color:#38bdf8;box-shadow:0 0 16px #38bdf899}.tree-node-circle.node-swapping{background:linear-gradient(135deg,#10b98166 0%,#1e293b 100%);border-color:#10b981;box-shadow:0 0 20px #10b981b3}.node-idx-sub{font-size:8px;font-family:var(--font-mono);color:var(--text-dim);font-weight:700;position:absolute;top:-15px}.tree-root-crown{font-size:7.5px;font-family:var(--font-mono);color:#f59e0b;white-space:nowrap;background:#f59e0b26;border-radius:3px;padding:1px 4px;font-weight:800;position:absolute;bottom:-16px}.node-val{color:#fff;font-size:15px;font-weight:800}.ds-clean-hash-stage{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:820px;display:flex}.hash-calc-banner{font-family:var(--font-mono);color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf859;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:12.5px;font-weight:700;display:flex}.hash-buckets-container{border:1px solid var(--border);border-radius:var(--radius-md);background:#0f172a99;flex-direction:column;gap:10px;width:100%;padding:18px;display:flex;box-shadow:0 8px 24px #0000004d}.hash-bucket-row{background:#1e293b66;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:14px;padding:8px 12px;transition:all .2s;display:flex}.hash-bucket-row.bucket-is-active{background:#38bdf81f;border-color:#38bdf8;box-shadow:0 0 14px #38bdf840}.bucket-index-tag{min-width:80px;font-family:var(--font-mono);align-items:center;gap:4px;display:flex}.tag-label{color:var(--text-dim);font-size:10px}.tag-num{color:#38bdf8;font-size:12px;font-weight:800}.bucket-chain-list{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bucket-empty-tag{font-size:11px;font-family:var(--font-mono);color:var(--text-dim);font-style:italic}.hash-entry-card{font-family:var(--font-mono);background:linear-gradient(135deg,#334155f2 0%,#0f172afa 100%);border:1.5px solid #ffffff26;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;display:flex;box-shadow:0 2px 8px #00000040}.entry-key{color:#38bdf8;font-size:12px;font-weight:700}.entry-colon{color:var(--text-dim);font-size:12px}.entry-val{color:#fff;font-size:13px;font-weight:800}.chain-link-arrow{color:#10b981;font-size:14px;font-weight:800}.ds-quick-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.stat-pill{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;display:flex}.stat-label{color:var(--text-muted)}.stat-value{font-family:var(--font-mono);color:var(--text-main);font-weight:700}.stat-value.highlight{color:#38bdf8}.stat-value.highlight-front{color:#10b981}.stat-value.highlight-rear{color:#38bdf8}[data-theme=light] .ds-status-bar{background:#fff;border-color:#e2e8f0}[data-theme=light] .ds-action-text{color:#0f172a}[data-theme=light] .ds-sound-toggle-btn{color:#64748b;background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .ds-sound-toggle-btn:hover{color:#0f172a;background:#e2e8f0}[data-theme=light] .ds-variables-dashboard{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .var-badge{background:#fff;border-color:#cbd5e1}[data-theme=light] .var-val{color:#0f172a}[data-theme=light] .stack-glass-column{background:linear-gradient(#f8fafcd9 0%,#f1f5f9fa 100%);border-bottom-color:#0284c7;border-left-color:#cbd5e1;border-right-color:#cbd5e1;box-shadow:0 10px 28px #0f172a14}[data-theme=light] .stack-card-tile{background:#fff;border-color:#cbd5e1;box-shadow:0 3px 8px #0f172a0f}[data-theme=light] .tile-value{color:#0f172a}[data-theme=light] .stack-card-tile.tile-is-top{background:linear-gradient(135deg,#0284c71f 0%,#fff 100%);border-color:#0284c7;box-shadow:0 0 14px #0284c740}[data-theme=light] .stack-top-badge{color:#fff;background:#0284c7}[data-theme=light] .spring-plate{color:#64748b}[data-theme=light] .queue-glass-track{background:#fff;border-top-color:#cbd5e1;border-bottom-color:#cbd5e1;box-shadow:0 4px 16px #0f172a0f}[data-theme=light] .queue-card-tile{background:#fff;border-color:#cbd5e1;box-shadow:0 3px 8px #0f172a0f}[data-theme=light] .queue-card-tile.tile-is-front{background:linear-gradient(135deg,#0596691a 0%,#fff 100%);border-color:#059669;box-shadow:0 0 14px #05966940}[data-theme=light] .queue-card-tile.tile-is-rear{background:linear-gradient(135deg,#0284c71a 0%,#fff 100%);border-color:#0284c7}[data-theme=light] .badge-front{color:#fff;background:#059669}[data-theme=light] .badge-rear{color:#fff;background:#0284c7}[data-theme=light] .ll-track-wrapper,[data-theme=light] .dll-track-wrapper{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 16px #0f172a0f}[data-theme=light] .ll-node-card,[data-theme=light] .dll-node-card{background:#fff;border-color:#cbd5e1;box-shadow:0 3px 8px #0f172a0f}[data-theme=light] .node-mem-bar{color:#64748b;background:#f1f5f9;border-bottom-color:#e2e8f0}[data-theme=light] .slot-val,[data-theme=light] .dll-val{color:#0f172a}[data-theme=light] .node-next-slot,[data-theme=light] .dll-slot-prev,[data-theme=light] .dll-slot-next{background:#f8fafc}[data-theme=light] .slot-active-prev{color:#7e22ce;background:#a855f726}[data-theme=light] .slot-active-next{color:#0284c7;background:#0284c726}[data-theme=light] .ll-null-badge,[data-theme=light] .dll-null-box{background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .ptr-head{color:#fff;background:#0284c7}[data-theme=light] .ptr-tail{color:#fff;background:#7e22ce}[data-theme=light] .cqueue-equation-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #0f172a0d}[data-theme=light] .eq-pill{background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .eq-pill-val{color:#0f172a}[data-theme=light] .cqueue-radial-assembly{background:radial-gradient(circle,#f8fafce6 0%,#f1f5f9fa 72%);border-color:#cbd5e1;box-shadow:0 8px 24px #0f172a0f}[data-theme=light] .cqueue-center-hub{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 16px #0f172a14}[data-theme=light] .cqueue-radial-slot{background:#fff;border-color:#cbd5e1;box-shadow:0 3px 8px #0f172a0f}[data-theme=light] .radial-slot-val{color:#0f172a}[data-theme=light] .cqueue-radial-slot.radial-front{background:linear-gradient(135deg,#0596691a 0%,#fff 100%);border-color:#059669}[data-theme=light] .cqueue-radial-slot.radial-rear{background:linear-gradient(135deg,#0284c71a 0%,#fff 100%);border-color:#0284c7}[data-theme=light] .cqueue-linear-strip-wrapper{background:#fff;border-color:#e2e8f0}[data-theme=light] .cqueue-linear-cell{background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .linear-cell-val{color:#0f172a}[data-theme=light] .cqueue-linear-cell.cell-front{background:#0596691a;border-color:#059669}[data-theme=light] .cqueue-linear-cell.cell-rear{background:#0284c71a;border-color:#0284c7}[data-theme=light] .heap-array-section,[data-theme=light] .heap-tree-section{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 16px #0f172a0f}[data-theme=light] .heap-cell-box{background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .heap-cell-val,[data-theme=light] .node-val{color:#0f172a}[data-theme=light] .heap-cell-box.cell-highlighted{background:#0284c71a;border-color:#0284c7}[data-theme=light] .tree-node-circle{background:#fff;border-color:#cbd5e1;box-shadow:0 3px 8px #0f172a0f}[data-theme=light] .tree-node-circle.node-highlight{background:#0284c71f;border-color:#0284c7}[data-theme=light] .hash-calc-banner{color:#0284c7;background:#0284c714;border-color:#0284c7}[data-theme=light] .hash-buckets-container{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 16px #0f172a0f}[data-theme=light] .hash-bucket-row{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .hash-bucket-row.bucket-is-active{background:#0284c714;border-color:#0284c7}[data-theme=light] .hash-entry-card{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 6px #0f172a0f}[data-theme=light] .entry-val{color:#0f172a}[data-theme=light] .stat-pill{background:#fff;border-color:#e2e8f0}[data-theme=light] .stat-value{color:#0f172a}.header-mode-nav{background:var(--bg-hover);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:4px;padding:3px;display:flex}.header-mode-btn{border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;transition:all var(--ease);background:0 0;border:none;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.header-mode-btn:hover{color:var(--text-main)}.header-mode-btn.active{background:var(--bg-card);color:var(--primary);box-shadow:0 1px 3px #00000014}.mode-active-dot{background:var(--primary);border-radius:50%;width:5px;height:5px}.badge-coming-soon-xs{text-transform:uppercase;color:#eab308;letter-spacing:.04em;background:#eab30826;border-radius:10px;padding:1px 5px;font-size:9px;font-weight:700}.sidebar-academy-box{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:12px}.sidebar-academy-btn{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-main);cursor:pointer;transition:all var(--ease);justify-content:space-between;align-items:center;margin-bottom:6px;padding:7px 10px;font-size:12px;font-weight:600;display:flex}.sidebar-academy-btn:hover{background:var(--bg-hover);border-color:var(--primary);transform:translate(2px)}.academy-btn-left{align-items:center;gap:8px;display:flex}.academy-c-dot{background:#3b82f6;border-radius:50%;width:8px;height:8px}.academy-py-dot{background:#eab308;border-radius:50%;width:8px;height:8px}.academy-badge-live{font-size:10px;font-family:var(--font-mono);color:var(--primary);background:#3b82f61f;border-radius:10px;padding:1px 6px;font-weight:700}.academy-badge-soon{font-size:10px;font-family:var(--font-mono);color:#eab308;background:#eab30826;border-radius:10px;padding:1px 6px;font-weight:700}.btn-hero-academy{color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--ease);background:linear-gradient(135deg,#3b82f626,#9333ea26);border:1px solid #3b82f666;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.btn-hero-academy:hover{border-color:var(--primary);background:linear-gradient(135deg,#3b82f640,#9333ea40);transform:translateY(-1px)}.seg-c-academy{border-color:#3b82f64d!important}.seg-badge-live{color:var(--primary);background:#3b82f626;border-radius:10px;margin-left:6px;padding:2px 6px;font-size:9.5px;font-weight:800}.seg-badge-soon{color:#eab308;background:#eab30826;border-radius:10px;margin-left:6px;padding:2px 6px;font-size:9.5px;font-weight:800}.main-fullwidth{width:100%!important;max-width:100%!important;padding:0!important}.learn-c-container{width:100%;max-width:100%;height:calc(100vh - var(--header-h));max-height:calc(100vh - var(--header-h));background:var(--bg-main);box-sizing:border-box;grid-template-columns:290px 1fr;display:grid;overflow:hidden}.learn-c-sidebar{background:var(--bg-sidebar,#f8fafc);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:290px;height:100%;display:flex;overflow-y:auto}[data-theme=dark] .learn-c-sidebar{background:#0f172a}.learn-c-sidebar::-webkit-scrollbar{width:5px}.learn-c-sidebar::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px}.learn-c-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b880}.sidebar-track-header{border-bottom:1px solid var(--border);background:var(--bg-sidebar,#f8fafc);z-index:5;flex-direction:column;gap:10px;padding:14px 16px 12px;display:flex;position:sticky;top:0}[data-theme=dark] .sidebar-track-header{background:#0f172a}.track-title-row{align-items:center;gap:10px;display:flex}.track-icon-c{width:34px;height:34px;color:var(--primary,#3b82f6);background:#3b82f61f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.track-title-info{flex:1;min-width:0}.track-title-flex{justify-content:space-between;align-items:center;gap:6px;display:flex}.track-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.track-percent-pill{color:var(--primary,#2563eb);background:#3b82f61f;border-radius:12px;padding:1px 7px;font-size:11px;font-weight:700}[data-theme=dark] .track-percent-pill{color:#60a5fa;background:#3b82f633}.track-subtitle{color:var(--text-muted);margin-top:1px;font-size:11.5px;display:block}.track-progress-track{background:var(--border,#0f172a14);border-radius:4px;width:100%;height:5px;overflow:hidden}.track-progress-fill{background:linear-gradient(90deg,#3b82f6,#10b981);height:100%;transition:width .3s;box-shadow:0 0 8px #10b98166}.sidebar-search-box{align-items:center;width:100%;display:flex;position:relative}.sidebar-search-icon{color:var(--text-muted);pointer-events:none;font-size:12px;position:absolute;left:9px}.sidebar-search-input{border:1px solid var(--border);background:var(--bg-hover,#0f172a0a);width:100%;height:32px;color:var(--text-main);border-radius:6px;outline:none;padding:4px 26px 4px 28px;font-size:12px;transition:all .15s}.sidebar-search-input:focus{border-color:var(--primary,#3b82f6);background:var(--bg-card,#fff);box-shadow:0 0 0 2px #3b82f626}[data-theme=dark] .sidebar-search-input:focus{background:#1e293b}.sidebar-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:11px;position:absolute;right:7px}.sidebar-search-clear:hover{color:var(--text-main)}.learn-syllabus-list{flex-direction:column;flex:1;gap:14px;padding:10px;display:flex}.sidebar-empty-state{text-align:center;color:var(--text-muted);padding:28px 12px;font-size:12.5px}.sidebar-empty-state .empty-icon{margin-bottom:6px;font-size:24px;display:block}.btn-clear-filter{background:var(--bg-hover);border:1px solid var(--border);color:var(--primary);cursor:pointer;border-radius:4px;margin-top:8px;padding:4px 10px;font-size:11.5px;font-weight:600}.syllabus-module-section{flex-direction:column;gap:4px;display:flex}.module-header-row{justify-content:space-between;align-items:center;margin-bottom:2px;padding:4px 6px;display:flex}.module-title-text{color:var(--text-dim,#64748b);letter-spacing:.02em;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.module-num{color:var(--primary,#2563eb);background:#3b82f61a;border-radius:4px;padding:1.5px 5px;font-size:10px;font-weight:800}[data-theme=dark] .module-num{color:#60a5fa;background:#3b82f62e}.module-name-str{color:var(--text-dim,#64748b);font-size:11px;font-weight:700}[data-theme=dark] .module-name-str{color:#94a3b8}.module-count-badge{color:var(--text-muted);background:var(--bg-hover,#0f172a0d);border-radius:10px;padding:1.5px 6px;font-size:10px;font-weight:700}.module-count-badge.badge-all-done{color:#10b981;background:#10b98126}.module-header-row.module-done .module-num{color:#10b981;background:#10b9812e}.module-lessons-list{flex-direction:column;gap:3px;display:flex}.syllabus-item{color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:all .14s;display:flex;position:relative}.syllabus-item:hover{background:var(--bg-hover,#0f172a0a);color:var(--text-main);transform:translate(2px)}[data-theme=dark] .syllabus-item:hover{background:#ffffff0d}.syllabus-item.active{background:var(--bg-card,#fff);border-color:#3b82f659;box-shadow:0 2px 6px #0000000f}[data-theme=dark] .syllabus-item.active{background:#1e293b;border-color:#3b82f680;box-shadow:0 2px 8px #0003}.active-item-indicator{background:var(--primary,#3b82f6);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.syllabus-item-status{background:var(--bg-hover,#0f172a0d);border:1px solid var(--border);width:26px;height:26px;color:var(--text-muted);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:all .14s;display:flex}.syllabus-item.completed .syllabus-item-status{color:#10b981;background:#10b9811f;border-color:#10b98159}.syllabus-item.active .syllabus-item-status{border-color:var(--primary,#3b82f6);background:var(--primary,#3b82f6);color:#fff;box-shadow:0 0 8px #3b82f659}.syllabus-item-content{flex:1;min-width:0}.syllabus-item-title{color:var(--text-main);word-break:break-word;font-size:12.5px;font-weight:600;line-height:1.35}.syllabus-item-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.meta-completed{color:#10b981;font-weight:700}.meta-time{color:var(--text-muted)}.python-teaser-box{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);margin:10px;padding:10px 12px}.python-teaser-header{align-items:center;gap:6px;display:flex}.teaser-title{color:var(--text-main);font-size:11.5px;font-weight:700}.teaser-badge{color:#eab308;background:#eab30826;border-radius:10px;margin-left:auto;padding:1px 5px;font-size:9px;font-weight:700}.python-teaser-desc{color:var(--text-muted);margin-bottom:10px;font-size:11px;line-height:1.4}.learn-c-main{box-sizing:border-box;-webkit-overflow-scrolling:touch;word-break:break-word;width:100%;max-width:1000px;height:100%;margin:0 auto;padding:28px 40px 60px;overflow:hidden auto}.learn-c-main *{box-sizing:border-box;max-width:100%}.learn-c-main pre,.learn-c-main code,.learn-c-main .sandbox-stage,.learn-c-main .code-block-wrapper,.learn-c-main .ide-editor-area,.learn-c-main .quiz-options-grid{max-width:100%;overflow-x:auto}.lesson-top-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:14px;display:flex}.lesson-breadcrumbs{color:var(--text-muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.lesson-breadcrumbs a{color:var(--primary);text-decoration:none}.current-crumb{color:var(--text-main);font-weight:600}.btn-lesson-complete{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);cursor:pointer;transition:all var(--ease);align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.btn-lesson-complete:hover,.btn-lesson-complete.is-complete{color:#10b981;background:#10b9811f;border-color:#10b981}.lesson-hero-header{margin-bottom:28px}.lesson-tag-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.lesson-cat-badge{color:var(--primary);border-radius:var(--radius-xs);text-transform:uppercase;background:#3b82f61f;padding:2px 8px;font-size:11px;font-weight:700}.lesson-time-badge,.lesson-step-badge{color:var(--text-muted);font-size:11.5px}.lesson-main-title{color:var(--text-main);letter-spacing:-.02em;margin:0 0 10px;font-size:28px;font-weight:800}.lesson-main-desc{color:var(--text-dim);margin:0;font-size:15px;line-height:1.5}.lesson-article-body{color:var(--text-main);margin-bottom:36px;font-size:15px;line-height:1.7}.lesson-section-h3{color:var(--text-main);letter-spacing:-.01em;margin:28px 0 12px;font-size:18px;font-weight:700}.lesson-p{margin-bottom:16px}.lesson-callout-tip{border-left:4px solid var(--primary);border-radius:var(--radius-xs);color:var(--text-main);background:#3b82f614;margin:18px 0;padding:12px 16px;font-size:14px}.lesson-inline-codeblock{border-radius:var(--radius-sm);font-family:var(--font-mono);color:#d6deeb;background:#011627;border:1px solid #ffffff1a;margin:16px 0;padding:14px 18px;font-size:13.5px;overflow-x:auto}.table-responsive-wrapper{border:1px solid var(--border);border-radius:var(--radius-sm);margin:20px 0;overflow-x:auto}.lesson-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.lesson-data-table th{background:var(--bg-hover);border-bottom:1px solid var(--border);color:var(--text-main);padding:10px 14px;font-weight:700}.lesson-data-table td{border-bottom:1px solid var(--border);color:var(--text-dim);padding:10px 14px}.lesson-data-table tr:last-child td{border-bottom:none}.lesson-playground-section{margin:40px 0}.playground-section-header{margin-bottom:16px}.playground-section-title{color:var(--text-main);margin:0 0 6px;font-size:20px;font-weight:800}.playground-section-desc{color:var(--text-muted);margin:0;font-size:13.5px}.code-playground-box{border-radius:var(--radius-md);background:#011627;border:1px solid #ffffff26;overflow:hidden;box-shadow:0 8px 30px #00000040}.playground-header{background:#0b2137;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.playground-badge{font-family:var(--font-mono);color:#fff;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.c-lang-dot{background:#3b82f6;border-radius:50%;width:8px;height:8px}.playground-hint{color:#7e9bb5;font-size:11px}.playground-header-actions{align-items:center;gap:8px;display:flex}.btn-run-playground{color:#fff!important;background:#10b981!important;border:none!important;font-weight:700!important}.playground-body{grid-template-columns:1fr 1fr;min-height:380px;display:grid}@media (width<=900px){.playground-body{grid-template-columns:1fr}}.playground-terminal{background:#000c18;flex-direction:column;display:flex}.terminal-top{background:#051424;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.terminal-title{font-family:var(--font-mono);color:#94a3b8;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.terminal-status-tag{font-family:var(--font-mono);color:#64748b;font-size:10px}.terminal-body{font-family:var(--font-mono);color:#f1f5f9;white-space:pre-wrap;flex:1;margin:0;padding:16px;font-size:13px;line-height:1.5;overflow-y:auto}.lesson-quiz-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin:36px 0;padding:24px;box-shadow:0 4px 20px #0000000f}.quiz-auth-gate-card{text-align:center;border-radius:var(--radius-md);background:linear-gradient(#1e3a8a1f 0%,#0f172a66 100%);border:1px solid #3b82f640;padding:32px 20px}.quiz-gate-icon{margin-bottom:12px;font-size:40px}.quiz-gate-title{color:var(--text-main);margin:0 0 8px;font-size:20px;font-weight:800}.quiz-gate-desc{color:var(--text-dim);max-width:540px;margin:0 auto 20px;font-size:14px;line-height:1.6}.quiz-gate-perks{text-align:left;flex-direction:column;gap:8px;max-width:480px;margin:0 auto 24px;display:flex}.gate-perk-item{color:#cbd5e1;border:1px solid var(--border);background:#0f172a99;border-radius:6px;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex}.perk-check{color:#10b981;font-weight:800}.quiz-gate-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.quiz-top-status-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.quiz-status-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.quiz-badge{text-transform:uppercase;color:#9333ea;border-radius:var(--radius-xs);background:#9333ea1f;padding:3px 8px;font-size:11.5px;font-weight:700}.quiz-step-text{color:var(--text-muted);font-size:12px}.quiz-marks-badge{color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border);border-radius:12px;padding:3px 8px;font-size:12px}.quiz-step-pills-row{align-items:center;gap:6px;margin-bottom:22px;padding-bottom:4px;display:flex;overflow-x:auto}.step-pill{background:var(--bg-hover);border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--ease);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.step-pill:hover{border-color:var(--primary);color:var(--text-main)}.step-pill.pill-current{border-color:var(--primary);color:var(--primary);background:#3b82f626;box-shadow:0 0 0 2px #3b82f633}.step-pill.pill-correct{color:#10b981;background:#10b98126;border-color:#10b981}.step-pill.pill-wrong{color:#ef4444;background:#ef444426;border-color:#ef4444}.active-question-container{flex-direction:column;gap:16px;display:flex}.quiz-question-title{color:var(--text-main);margin:0;font-size:16px;font-weight:600;line-height:1.4}.q-number-prefix{color:var(--primary);margin-right:6px;font-weight:800}.quiz-options-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=768px){.quiz-options-grid{grid-template-columns:1fr}}.quiz-option-btn{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);text-align:left;cursor:pointer;transition:all var(--ease);align-items:center;gap:12px;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.quiz-option-btn:hover:not(:disabled){border-color:var(--primary);background:#3b82f614;transform:translateY(-1px)}.quiz-option-btn.correct{font-weight:700;color:#10b981!important;background:#10b98126!important;border-color:#10b981!important}.quiz-option-btn.incorrect{color:#ef4444!important;background:#ef444426!important;border-color:#ef4444!important}.opt-letter{background:var(--border);width:24px;height:24px;color:var(--text-main);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.opt-text{flex:1}.opt-feedback{color:#10b981;margin-left:auto;font-size:11px;font-weight:700}.opt-feedback.opt-wrong{color:#ef4444}.quiz-explanation{border-radius:var(--radius-sm);padding:14px 16px;font-size:13.5px;line-height:1.5}.quiz-explanation.success{color:var(--text-main);background:#10b98114;border:1px solid #10b9814d}.quiz-explanation.retry{color:var(--text-main);background:#ef444414;border:1px solid #ef44444d}.explanation-title{margin-bottom:4px;font-weight:700}.explanation-text{color:var(--text-dim);margin:0}.quiz-question-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:10px;padding-top:14px;display:flex}.quiz-result-scorecard{text-align:center;padding:24px 16px}.result-badge-icon{margin-bottom:12px;font-size:48px}.result-card-title{color:var(--text-main);margin:0 0 8px;font-size:20px;font-weight:800}.result-score-highlight{color:var(--primary);margin:0 0 10px;font-size:22px}.result-card-feedback{color:var(--text-dim);max-width:520px;margin:0 auto 24px;font-size:14px;line-height:1.5}.result-actions-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.btn-gold-cert{box-shadow:0 4px 14px #eab30859;color:#0f172a!important;background:linear-gradient(135deg,#eab308,#ca8a04)!important;font-weight:700!important}.btn-gold-cert:hover{transform:translateY(-1px);box-shadow:0 6px 20px #eab30873}.user-academy-marks-row{color:var(--text-muted);border-top:1px dashed var(--border);justify-content:space-between;margin-top:6px;padding-top:4px;font-size:11px;display:flex}.certificate-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#030712d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.certificate-modal-content{border-radius:var(--radius-lg);background:#0b1329;border:1px solid #eab3084d;flex-direction:column;width:100%;max-width:900px;display:flex;overflow:hidden;box-shadow:0 20px 60px #000c}.cert-top-bar{background:#070d1e;border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.cert-top-left{align-items:center;gap:10px;display:flex}.cert-badge-ribbon{color:#eab308;background:#eab30826;border-radius:12px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.cert-verification-tag{color:#94a3b8;font-size:11px}.cert-actions-row{align-items:center;gap:8px;display:flex}.cert-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1}.cert-close-btn:hover{color:#fff}.certificate-document-preview{background:#050a14;justify-content:center;padding:24px;display:flex}.cert-inner-frame{text-align:center;background:linear-gradient(135deg,#091322 0%,#0d1b30 50%,#070e1a 100%);border:2px solid #eab308;border-radius:8px;width:100%;padding:36px 40px;position:relative;box-shadow:inset 0 0 30px #0009}.cert-corner{color:#eab308;font-size:18px;position:absolute}.cert-corner.top-left{top:8px;left:10px}.cert-corner.top-right{top:8px;right:10px}.cert-corner.bottom-left{bottom:8px;left:10px}.cert-corner.bottom-right{bottom:8px;right:10px}.cert-org-logo{color:#38bdf8;letter-spacing:.1em;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.cert-main-title{color:#fff;letter-spacing:-.01em;text-transform:uppercase;margin:0 0 6px;font-size:28px;font-weight:800}.cert-intro-text{color:#94a3b8;margin:0 0 16px;font-size:13px;font-style:italic}.cert-name-section{margin-bottom:20px}.cert-name-display{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.student-fullname{color:#facc15;letter-spacing:.02em;font-size:32px;font-weight:800}.name-edit-hint{color:#64748b;opacity:.7;font-size:14px}.cert-name-input-group{align-items:center;gap:6px;display:inline-flex}.cert-name-input{color:#facc15;text-align:center;background:#020617;border:1px solid #eab308;border-radius:4px;outline:none;padding:4px 12px;font-size:22px;font-weight:700}.cert-name-line{background:#eab308;width:240px;height:2px;margin:8px auto 0}.cert-accomplish-text{color:#cbd5e1;max-width:600px;margin:0 auto 8px;font-size:13px}.cert-course-name{color:#38bdf8;margin:0 0 12px;font-size:18px;font-weight:700}.cert-score-pill{color:#cbd5e1;background:#0f172a99;border:1px solid #334155;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:4px 14px;font-size:12px;display:inline-flex}.cert-footer-section{border-top:1px dashed #ffffff1a;justify-content:space-around;align-items:center;margin-top:20px;padding-top:18px;display:flex}.cert-signature-block{text-align:center}.cert-sign-script{color:#38bdf8;margin-bottom:4px;font-size:14px;font-style:italic;font-weight:700}.cert-sign-line{background:#475569;width:140px;height:1px;margin:0 auto 4px}.cert-sign-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.seal-outer-gold{background:radial-gradient(circle,#facc15 0%,#ca8a04 100%);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:flex;box-shadow:0 0 16px #eab30866}.seal-inner{color:#78350f;border:1px dashed #78350f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:56px;height:56px;font-size:8.5px;font-weight:800;line-height:1.1;display:flex}.cert-meta-bottom{color:#64748b;justify-content:center;align-items:center;gap:10px;margin-top:20px;font-size:10.5px;display:flex}.lesson-footer-nav{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:40px;padding-top:24px;display:flex}.btn-nav-prev,.btn-nav-next{padding:10px 20px;font-size:13.5px;font-weight:700}.python-modal-card{text-align:center;max-width:480px}.python-modal-header{margin-bottom:20px}.python-logo-badge{color:#eab308;background:#eab3081f;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;display:flex}.coming-soon-pill{color:#eab308;background:#eab30826;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.python-modal-title{color:var(--text-main);margin:0 0 6px;font-size:20px;font-weight:800}.python-modal-desc{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.python-topics-preview{text-align:left;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:20px;padding:14px}.topics-preview-title{color:var(--text-main);margin-bottom:10px;font-size:12px;font-weight:700}.topics-preview-list{flex-direction:column;gap:6px;display:flex}.topic-preview-item{color:var(--text-main);align-items:center;gap:8px;font-size:12px;display:flex}.topic-num{font-family:var(--font-mono);color:var(--text-muted);width:18px}.topic-name{flex:1}.topic-tag{color:#eab308;background:#eab3081f;border-radius:10px;padding:1px 6px;font-size:9.5px;font-weight:700}.lesson-analogy-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#3b82f614,#10b9810f);border:1px solid #3b82f640;margin:24px 0 32px;padding:22px 24px}.analogy-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.analogy-icon{font-size:20px}.analogy-title{color:var(--text-main);margin:0;font-size:17px;font-weight:700}.analogy-text{color:var(--text-dim);margin:0 0 16px;font-size:14.5px;line-height:1.6}.analogy-props-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.analogy-prop-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.prop-badge{font-family:var(--font-mono);color:var(--primary);border-radius:var(--radius-xs);background:#3b82f626;margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.prop-desc{color:var(--text-muted);font-size:12.5px;line-height:1.4}.lesson-mistakes-section{margin:36px 0}.mistakes-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:14px;display:grid}.mistake-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);border-left:4px solid #ef4444;padding:16px}.mistake-header{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.mistake-tag{text-transform:uppercase;color:#ef4444;font-size:10px;font-weight:800}.mistake-name{color:var(--text-main);font-size:13.5px;font-weight:700}.mistake-why{color:var(--text-muted);margin:0 0 10px;font-size:12.5px;line-height:1.4}.mistake-fix-box{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-xs);flex-direction:column;gap:4px;padding:8px 10px;font-size:12px;display:flex}.fix-label{color:#10b981;font-size:11px;font-weight:700}.mistake-fix-box code{font-family:var(--font-mono);color:var(--text-main);background:0 0;padding:0}.lesson-exercises-section{margin:36px 0}.exercises-list{flex-direction:column;gap:12px;margin-top:14px;display:flex}.exercise-card{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-sm);padding:16px 18px}.exercise-title-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.exercise-badge{color:var(--primary);border-radius:var(--radius-xs);background:#3b82f61f;padding:2px 8px;font-size:11px;font-weight:700}.exercise-title{color:var(--text-main);font-size:14px;font-weight:700}.exercise-task{color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.exercise-actions{margin-top:10px}.btn-exercise-hint{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--ease);padding:4px 10px;font-size:11.5px;font-weight:600}.btn-exercise-hint:hover{background:var(--bg-card);border-color:var(--primary);color:var(--primary)}.exercise-hint-box{border-left:3px solid var(--primary);border-radius:var(--radius-xs);color:var(--text-main);background:#3b82f614;margin-top:8px;padding:10px 12px;font-size:12.5px;line-height:1.4}.syllabus-module-group{margin-bottom:12px}.module-group-header{background:var(--bg-hover);border-radius:var(--radius-xs);justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 8px;display:flex}.module-group-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);font-size:11px;font-weight:700}.module-group-badge{color:var(--primary);background:#3b82f61f;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700}.module-lessons-stack{flex-direction:column;gap:3px;display:flex}.chapter-prefix{color:var(--text-muted);margin-right:4px;font-size:11px;font-weight:700}.chapter-level-dot{border-radius:6px;padding:1px 5px;font-size:10px;font-weight:700}.level-badge-green{color:#10b981;background:#10b9811f}.level-badge-blue{color:#3b82f6;background:#3b82f61f}.level-badge-purple{color:#a855f7;background:#9333ea1f}.level-pill-badge{text-transform:uppercase;border-radius:var(--radius-xs);padding:2px 8px;font-size:10.5px;font-weight:700}.lesson-section-tabs{border-bottom:1px solid var(--border);align-items:center;gap:6px;margin-bottom:24px;padding-bottom:8px;display:flex;overflow-x:auto}.sec-tab-btn{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all var(--ease);white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.sec-tab-btn:hover{background:var(--bg-hover);color:var(--text-main)}.sec-tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.codeblock-top-bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:#ffffff0d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin:-14px -18px 12px;padding:4px 10px;display:flex}.codeblock-lang{color:#7e9bb5;font-size:11px;font-weight:600}.btn-copy-snippet{color:#d6deeb;cursor:pointer;transition:all var(--ease);background:0 0;border:1px solid #fff3;border-radius:4px;padding:2px 8px;font-size:10.5px;font-weight:600}.playground-header-title-group{align-items:center;gap:10px;display:flex}.playground-chapter-tag{font-size:11px;font-family:var(--font-mono);color:var(--primary);border-radius:var(--radius-xs);background:#3b82f626;padding:2px 8px;font-weight:700}.tip-badge{color:var(--primary);margin-right:6px;font-weight:800}.tab-btn-visual{color:#c084fc!important;background:#a855f714!important;border-color:#a855f766!important}.tab-btn-visual.active{color:#fff!important;background:#9333ea!important}.lesson-interactive-visualizer-section{margin:10px 0 28px}.vis-widget-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#0f172af2,#1e293be6);border:1px solid #3b82f64d;padding:22px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}[data-theme=light] .vis-widget-card{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#cbd5e1;box-shadow:0 4px 20px #0000000f}.vis-widget-icon{font-size:24px}.pipeline-stepper-bar{gap:8px;margin-bottom:16px;padding-bottom:6px;display:flex;overflow-x:auto}.pipeline-step-node{border-radius:var(--radius-sm);background:var(--bg-hover);border:1px solid var(--border);color:var(--text-main);cursor:pointer;transition:all var(--ease);white-space:nowrap;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.pipeline-step-node.active{background:#3b82f626;box-shadow:0 0 12px #3b82f64d}.pipeline-stage-viewer{border-radius:var(--radius-sm);background:#011627;border:1px solid #ffffff1a;overflow:hidden}.stage-info-bar{background:#0b2137;border-bottom:1px solid #ffffff14;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.stage-title{font-size:13px;font-weight:800}.stage-code-window{color:#e2e8f0;padding:14px;font-size:12.5px;line-height:1.5;overflow-x:auto}.stage-code-window pre{margin:0}.btn-type-pill{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-main);cursor:pointer;transition:all var(--ease);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}.btn-type-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.ram-byte-cell{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);text-align:center;transition:all var(--ease);padding:10px 6px}.ram-byte-cell.occupied{border-color:var(--primary);background:#3b82f626;box-shadow:0 0 8px #3b82f633}.byte-content{color:var(--text-main);margin:4px 0;font-size:13px;font-weight:700}.byte-label{color:var(--primary);font-size:9.5px;font-weight:600}.ram-summary-callout{border-radius:var(--radius-xs);color:var(--text-main);background:#3b82f614;padding:8px 12px;font-size:12.5px}.casting-comparison-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cast-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:16px}.cast-box.wrong-box{border-left:4px solid #ef4444}.cast-box.correct-box{border-left:4px solid #10b981}.cast-box-tag{margin-bottom:8px;font-size:11.5px;font-weight:700}.cast-result-val{margin-bottom:6px;font-size:28px;font-weight:800}.cast-note{color:var(--text-dim);font-size:11.5px}.alu-register-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.reg-label{width:110px;color:var(--text-main);font-size:12px}.bit-toggle-btn{border:1px solid var(--border);width:32px;height:36px;font-family:var(--font-mono);cursor:pointer;transition:all var(--ease);border-radius:6px;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.bit-on{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 0 10px #10b98166}.bit-off{background:var(--bg-hover);color:var(--text-muted)}.btn-alu-op{border-radius:var(--radius-xs);background:var(--bg-hover);border:1px solid var(--border);color:var(--text-main);cursor:pointer;padding:4px 12px;font-size:12px;font-weight:700}.btn-alu-op.active{background:var(--primary);border-color:var(--primary);color:#fff}.alu-result-card{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-top:14px;padding:12px 16px;display:flex}.result-header{font-size:13px}.bit-res{cursor:default!important}.io-pipeline-visual{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.io-node{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;flex:1;min-width:120px;padding:14px}.io-node-title{color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:700}.io-data{font-size:16px;font-weight:800}.io-addr{font-size:10.5px}.io-note{color:var(--text-muted);margin-top:4px;font-size:10px}.io-arrow{color:var(--primary);font-size:11px;font-weight:700}.decision-tree-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.tree-branch-node{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;transition:all var(--ease);opacity:.5;padding:12px}.tree-branch-node.active{opacity:1;background:#10b9811f;border-color:#10b981;transform:translateY(-2px);box-shadow:0 0 14px #10b9814d}.branch-cond{margin-bottom:6px;font-size:11.5px;font-weight:700}.branch-result{font-size:12.5px;font-weight:700}.loop-stepper-controls{align-items:center;gap:14px;margin-bottom:16px;display:flex}.loop-status-pill{color:var(--text-main);font-size:12px}.loop-timeline-strip{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;display:grid}.loop-step-cell{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;transition:all var(--ease);padding:10px}.loop-step-cell.current{border-color:var(--primary);background:#3b82f626;box-shadow:0 0 10px #3b82f64d}.loop-step-cell.completed{background:#10b98114;border-color:#10b981}.step-idx{color:var(--text-muted);font-size:11px}.step-val{color:var(--text-main);margin:4px 0;font-size:15px;font-weight:800}.step-tag{font-size:9.5px;font-weight:700}.matrix-to-ram-layout{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=800px){.matrix-to-ram-layout{grid-template-columns:1fr}}.view-title{color:var(--text-muted);margin-bottom:8px;font-size:11.5px;font-weight:700}.matrix-grid-2x3 .matrix-row{gap:6px;display:flex}.matrix-cell{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);text-align:center;cursor:pointer;transition:all var(--ease);flex:1;padding:8px}.matrix-cell.hovered{border-color:var(--primary);background:#3b82f633;transform:scale(1.05)}.cell-pos{color:var(--text-muted);font-size:9.5px}.cell-val{font-size:14px;font-weight:800}.ram-tape-strip{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ram-tape-cell{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);text-align:center;transition:all var(--ease);padding:8px 4px}.ram-tape-cell.hovered{border-color:var(--primary);background:#3b82f633;transform:scale(1.05)}.tape-addr{color:var(--text-muted);font-size:9px}.tape-val{color:var(--text-main);font-size:14px;font-weight:800}.tape-offset{color:var(--primary);font-size:9px}.string-tape-display{gap:6px;margin-bottom:12px;padding:10px 0;display:flex;overflow-x:auto}.char-cell{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);text-align:center;min-width:48px;padding:8px 4px}.null-term-cell{background:#ef444426;border-color:#ef4444;box-shadow:0 0 10px #ef44444d}.char-idx{color:var(--text-muted);font-size:9px}.char-val{color:var(--text-main);margin:4px 0;font-size:16px;font-weight:800}.null-term-cell .char-val{color:#ef4444}.char-ascii{color:var(--text-muted);font-size:8.5px}.string-stats-row{color:var(--text-dim);gap:18px;font-size:12px;display:flex}.scope-comparison-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.scope-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:16px}.scope-card.local-card{border-left:4px solid #94a3b8}.scope-card.static-card{border-left:4px solid #10b981}.scope-tag{margin-bottom:8px;font-size:11.5px;font-weight:700}.scope-val{margin-bottom:6px;font-size:28px;font-weight:800}.scope-desc{color:var(--text-muted);font-size:11.5px}.call-stack-frames-wrapper{border-radius:var(--radius-sm);background:#011627;border:1px solid #ffffff1a;padding:14px}.stack-container{flex-direction:column-reverse;gap:6px;display:flex}.stack-title{color:#94a3b8;text-align:center;margin-bottom:6px;font-size:11px;font-weight:700}.stack-frame-box{border-radius:var(--radius-xs);background:#3b82f626;border:1px solid #3b82f6;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.base-frame{background:#10b98133;border-color:#10b981}.frame-func{color:#fff;font-weight:700}.frame-status{color:#94a3b8;font-size:11px}.pointer-link-visual{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pointer-box,.target-variable-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;flex:1;min-width:140px;padding:16px}.pointer-box{border-left:4px solid var(--primary)}.target-variable-box{border-left:4px solid #10b981}.box-title{color:var(--text-main);margin-bottom:4px;font-size:12px;font-weight:700}.box-val{margin:6px 0;font-size:22px;font-weight:800}.box-sub{color:var(--text-muted);font-size:11px}.pointer-glowing-arrow{color:var(--primary);font-size:13px;font-weight:800}.struct-memory-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.struct-header-bar{color:var(--text-muted);margin-bottom:10px;font-size:12px;font-weight:700}.struct-fields-strip{flex-wrap:wrap;gap:8px;display:flex}.struct-field{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-xs);text-align:center;flex-direction:column;flex:1;gap:4px;min-width:90px;padding:10px;display:flex}.field-name{color:var(--primary);font-size:11.5px;font-weight:700}.field-size{color:var(--text-muted);font-size:10px}.field-val{color:var(--text-main);font-size:14px;font-weight:800}.heap-actions-bar{gap:10px;margin-bottom:16px;display:flex}.heap-blocks-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px;display:grid}.heap-block-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);text-align:center;padding:12px}.heap-block-item.allocated{background:#eab3081a;border-color:#eab308}.heap-block-item.freed{background:#10b9811a;border-color:#10b981}.block-type{font-size:13px;font-weight:700}.block-size{color:var(--text-muted);margin:4px 0;font-size:11px}.block-status{font-size:10px;font-weight:700}.leak-status-bar{background:var(--bg-hover);border-radius:var(--radius-xs);padding:10px 14px;font-size:12.5px}.analogy-illustration-wrapper{margin-top:18px}.illustration-canvas{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;position:relative;box-shadow:0 4px 16px #00000026}.illustration-title-tag{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:16px;font-size:12px;font-weight:800;display:flex}.variable-box-stage{grid-template-columns:1fr 1fr;align-items:center;gap:20px;display:grid}@media (width<=768px){.variable-box-stage{grid-template-columns:1fr}}.physical-box-container{background:linear-gradient(145deg,#1e293b,#0f172a);border:2px solid #3b82f6;border-radius:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 12px 28px #0006}.physical-box-container.type-int{border-color:#3b82f6}.physical-box-container.type-float{border-color:#06b6d4}.physical-box-container.type-double{border-color:#8b5cf6;transform:scale(1.02)}.physical-box-container.type-char{border-color:#eab308}.box-tag-label{color:#fff;background:#3b82f6;border-radius:6px;align-items:center;gap:6px;padding:2px 10px;display:flex;position:absolute;top:-12px;left:16px;box-shadow:0 2px 8px #0003}.tag-name{font-size:13px;font-weight:800}.tag-sub{opacity:.8;font-size:9px}.box-type-badge{justify-content:flex-end;align-items:center;gap:8px;margin-top:4px;margin-bottom:12px;display:flex}.type-title{color:var(--primary);font-size:13px;font-weight:800}.type-size{color:#94a3b8;background:#ffffff1a;border-radius:4px;padding:1px 6px;font-size:10px}.box-interior{text-align:center;background:#0006;border:1px dashed #fff3;border-radius:8px;padding:18px;position:relative;overflow:hidden}.box-interior-glow{pointer-events:none;background:radial-gradient(circle,#3b82f633,#0000 70%);position:absolute;inset:0}.box-stored-value{color:#10b981;text-shadow:0 0 12px #10b98180;margin-bottom:4px;font-size:32px;font-weight:900}.box-val-caption{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:10px}.box-address-plaque{color:#e2e8f0;background:#0000004d;border-radius:6px;align-items:center;gap:6px;margin-top:12px;padding:6px 10px;font-size:11px;display:flex}.box-interactive-controls{background:var(--bg-hover);border:1px solid var(--border);border-radius:10px;padding:16px}.control-header{color:var(--text-main);margin-bottom:12px;font-size:12px;font-weight:700}.control-row{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.control-row label{color:var(--text-muted);font-size:11.5px}.ctrl-input,.ctrl-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);border-radius:6px;outline:none;padding:6px 10px;font-size:12.5px}.ctrl-input:focus,.ctrl-select:focus{border-color:var(--primary)}.factory-conveyor-belt{justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex;overflow-x:auto}.factory-station{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:8px;min-width:95px;padding:12px 10px}.golden-station{background:#10b9811f;border-color:#10b981}.station-icon{margin-bottom:4px;font-size:22px}.station-name{color:var(--text-main);font-size:11.5px;font-weight:800}.station-tag{color:var(--text-muted);font-size:9.5px}.factory-arrow{color:var(--primary);white-space:nowrap;font-size:11px;font-weight:700}.constants-casting-visual{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stone-tablet-box{text-align:center;background:#1e293b;border:2px solid #64748b;border-radius:10px;padding:16px}.stone-title{color:#38bdf8;margin-bottom:8px;font-size:13px;font-weight:800}.stone-body{color:#cbd5e1;font-size:11.5px;line-height:1.5}.casting-funnel-box{background:var(--bg-hover);border:1px solid var(--border);text-align:center;border-radius:10px;padding:16px}.funnel-title{color:var(--text-main);margin-bottom:8px;font-size:13px;font-weight:800}.funnel-graphic{flex-direction:column;gap:4px;font-size:12px;display:flex}.io-devices-stage{grid-template-columns:1fr 1fr;gap:14px;display:grid}.io-device-card{background:var(--bg-hover);border:1px solid var(--border);text-align:center;border-radius:10px;padding:16px}.device-icon{margin-bottom:6px;font-size:32px}.device-title{color:var(--text-main);margin-bottom:6px;font-size:13px;font-weight:800}.device-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.array-locker-strip{gap:8px;padding:10px 0;display:flex;overflow-x:auto}.locker-unit{background:var(--bg-card);border:2px solid var(--border);text-align:center;border-radius:8px;flex:1;min-width:90px;padding:10px}.locker-index{color:var(--primary);font-size:10.5px;font-weight:700}.locker-door{background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;margin:6px 0;padding:12px 6px}.locker-value{color:var(--text-main);font-size:18px;font-weight:900}.locker-addr{color:var(--text-muted);font-size:9.5px}.string-train-wrapper{align-items:center;gap:6px;padding:12px 0;display:flex;overflow-x:auto}.train-engine{color:#fff;background:#3b82f6;border-radius:8px 0 0 8px;padding:10px 14px;font-size:12px;font-weight:800}.train-car{background:var(--bg-hover);border:1px solid var(--border);text-align:center;border-radius:6px;min-width:55px;padding:8px 12px}.car-roof{color:var(--text-muted);font-size:9px}.car-body{margin:4px 0;font-size:18px;font-weight:900}.car-wheels{color:var(--text-muted);font-size:8px}.caboose-car{background:#ef444426;border-color:#ef4444}.car-sign{color:#ef4444;font-size:9px;font-weight:800}.train-caption{color:var(--text-muted);margin-top:10px;font-size:12px}.nesting-dolls-row{justify-content:space-between;align-items:center;gap:8px;display:flex;overflow-x:auto}.doll-card{background:var(--bg-hover);border:1px solid var(--border);text-align:center;border-radius:8px;flex:1;padding:12px}.base-doll{background:#10b98126;border-color:#10b981}.doll-icon{font-size:26px}.doll-name{margin:4px 0;font-size:12px;font-weight:800}.doll-action{color:var(--text-muted);font-size:10.5px}.doll-arrow{color:var(--primary);font-size:14px;font-weight:700}.pointer-houses-stage{justify-content:space-between;align-items:center;gap:16px;display:flex}.house-card{background:var(--bg-card);border:2px solid var(--border);text-align:center;border-radius:10px;flex:1;padding:16px}.target-house{border-color:#10b981}.pointer-house{border-color:#3b82f6}.house-roof{margin-bottom:4px;font-size:13px;font-weight:800}.house-address-plaque{color:var(--text-muted);margin-bottom:10px;font-size:10px}.furniture-val{color:#10b981;font-size:26px;font-weight:900;display:block}.furniture-label{color:var(--text-muted);font-size:10px}.pointer-link-path{text-align:center}.neon-arrow{color:#3b82f6;font-size:16px;font-weight:700}.pointer-key-badge{color:var(--primary);font-size:10px;font-weight:700}.struct-badge-visual{border:2px solid var(--primary);background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:12px;padding:16px}.passport-badge-header{color:var(--primary);border-bottom:1px solid #ffffff1a;justify-content:space-between;margin-bottom:12px;padding-bottom:6px;font-size:11px;font-weight:800;display:flex}.passport-pockets-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.passport-pocket{background:#ffffff0d;border:1px dashed #fff3;border-radius:6px;flex-direction:column;gap:4px;padding:10px;display:flex}.pocket-label{color:#94a3b8;font-size:10px}.pocket-value{color:#fff;font-size:13.5px;font-weight:800}.stack-heap-analogy-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.analogy-compartment{background:var(--bg-hover);border:1px solid var(--border);border-radius:10px;padding:16px}.compartment-header{margin-bottom:10px;font-size:13px;font-weight:800}.compartment-list{color:var(--text-dim);margin:0;padding-left:18px;font-size:12px;line-height:1.6}.real-life-analogy-scene-wrapper{margin-top:20px}.real-scene-canvas{border-radius:var(--radius-md);background:linear-gradient(135deg,#0f172af2,#1e293bd9);border:1px solid #3b82f659;padding:22px;box-shadow:0 10px 30px #00000059}[data-theme=light] .real-scene-canvas{background:linear-gradient(135deg,#fff,#f1f5f9);border-color:#cbd5e1;box-shadow:0 4px 20px #00000014}.scene-badge{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:800}.factory-step-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:8px;flex:1;min-width:105px;padding:12px}.factory-step-card.finished-engine{background:#10b9811f;border-color:#10b981;box-shadow:0 0 14px #10b9814d}.step-graphic{flex-direction:column;align-items:center;gap:2px;margin-bottom:6px;display:flex}.graphic-icon{font-size:24px}.step-tag{color:var(--text-muted);font-size:9.5px;font-weight:700}.step-name{color:var(--text-main);margin-bottom:4px;font-size:12px;font-weight:800}.step-expl{color:var(--text-muted);font-size:10px;line-height:1.3}.factory-conveyor-arrow{white-space:nowrap;flex-direction:column;align-items:center;gap:2px;display:flex}.conveyor-belt{font-size:12px;animation:4s linear infinite spinGears}@keyframes spinGears{to{transform:rotate(360deg)}}.arrow-lbl{color:var(--primary);font-size:9.5px;font-weight:700}.real-box-stage{grid-template-columns:1fr 1fr;align-items:center;gap:20px;display:grid}@media (width<=768px){.real-box-stage{grid-template-columns:1fr}}.real-cardboard-box{background:linear-gradient(145deg,#78350f,#451a03);border:3px solid #b45309;border-radius:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 14px 32px #00000080}.real-cardboard-box.box-char{max-width:280px;margin:0 auto}.real-cardboard-box.box-double{background:linear-gradient(145deg,#3b0764,#1e1b4b);border-color:#a855f7}.shipping-label-sticker{color:#0f172a;background:#fff;border-radius:6px;margin-bottom:12px;padding:10px 12px;box-shadow:0 4px 10px #0000004d}.label-top-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:4px;display:flex}.courier-logo{letter-spacing:.05em;font-size:11px;font-weight:900}.tracking-no{color:#64748b;font-size:10px}.label-main-content{flex-direction:column;gap:4px;font-size:11px;display:flex}.lbl-title{color:#64748b;margin-right:6px;font-size:9px;font-weight:700}.lbl-val{color:#0f172a}.label-barcode{letter-spacing:2px;color:#0f172a;text-align:center;border-top:1px dashed #cbd5e1;margin-top:4px;padding-top:2px;font-family:monospace;font-size:14px}.cardboard-flaps-wrapper{text-align:center;background:#0006;border:2px dashed #fff3;border-radius:8px;padding:16px}.physical-item-token{flex-direction:column;align-items:center;gap:4px;display:flex}.item-token-icon{font-size:26px}.item-token-val{color:#10b981;text-shadow:0 0 12px #10b98199;font-size:34px;font-weight:900}.item-token-label{color:#94a3b8;text-transform:uppercase;font-size:10px}.warehouse-floor-tile{color:#e2e8f0;text-align:center;background:#00000080;border-radius:6px;margin-top:12px;padding:6px 10px;font-size:11px}.box-customizer-panel{background:var(--bg-hover);border:1px solid var(--border);border-radius:10px;padding:16px}.panel-title{color:var(--text-main);margin-bottom:12px;font-size:12px;font-weight:800}.panel-input-group{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.panel-input-group label{color:var(--text-muted);font-size:11px}.real-input,.real-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);border-radius:6px;outline:none;padding:6px 10px;font-size:12.5px}.real-input:focus,.real-select:focus{border-color:var(--primary)}.safe-blender-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.safe-blender-grid{grid-template-columns:1fr}}.real-object-card{background:var(--bg-card);border:2px solid var(--border);text-align:center;border-radius:10px;padding:16px}.card-header-tag{color:var(--primary);margin-bottom:12px;font-size:11.5px;font-weight:800}.vault-door-graphic{background:linear-gradient(145deg,#334155,#1e293b);border:3px solid #64748b;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto;display:flex;box-shadow:inset 0 0 12px #0009}.vault-dial{font-size:32px}.vault-plate{color:#94a3b8;margin-top:4px;font-size:9px}.vault-status{margin-top:2px;font-size:8px;font-weight:800}.blender-body{border:2px solid var(--primary);background:#3b82f614;border-radius:8px;padding:16px}.blender-top{color:var(--text-main);margin-bottom:8px;font-size:13px;font-weight:700}.blender-blades{color:#06b6d4;margin-bottom:8px;font-size:11px;font-weight:800}.blender-pitcher{font-size:16px;font-weight:800}.switchboard-stage{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px}.circuit-mode-selector{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.btn-mode-tab{border-radius:var(--radius-sm);background:var(--bg-hover);border:1px solid var(--border);color:var(--text-main);cursor:pointer;transition:all var(--ease);padding:6px 14px;font-size:12px;font-weight:700}.btn-mode-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.circuit-diagram-board{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.switches-row{align-items:center;gap:12px;display:flex}.wall-switch-btn{cursor:pointer;transition:all var(--ease);background:#1e293b;border:2px solid #475569;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:12px 14px;display:flex}.switch-on{background:#10b98126;border-color:#10b981;box-shadow:0 0 12px #10b9814d}.switch-off{opacity:.6}.switch-lever{background:#cbd5e1;border-radius:3px;width:14px;height:24px}.switch-on .switch-lever{background:#10b981}.switch-name{color:var(--text-main);font-size:11px;font-weight:700}.circuit-connector{color:var(--text-muted);font-family:monospace;font-size:11px}.ceiling-bulb-box{background:var(--bg-hover);border:2px solid var(--border);transition:all var(--ease);border-radius:10px;align-items:center;gap:10px;padding:14px 18px;display:flex}.bulb-glowing{background:#eab30826;border-color:#eab308;box-shadow:0 0 20px #eab30866}.bulb-icon{font-size:28px}.bulb-status{color:var(--text-main);font-size:12px;font-weight:800}.real-io-scene-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.real-io-scene-grid{grid-template-columns:1fr}}.io-real-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:10px;padding:16px}.card-top-icon{margin-bottom:6px;font-size:32px}.card-headline{color:var(--primary);margin-bottom:10px;font-size:13px;font-weight:800}.stadium-jumbotron{color:#38bdf8;background:#011627;border:2px solid #0284c7;border-radius:6px;margin-bottom:10px;padding:10px;font-size:11.5px;line-height:1.4}.po-box-funnel{color:#10b981;background:#011627;border:2px solid #10b981;border-radius:6px;margin-bottom:10px;padding:10px;font-size:11px;line-height:1.4}.card-desc{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.railway-scene-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px}.train-controller-bar{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.train-controller-bar label{font-size:12px}.main-incoming-track{color:var(--text-main);margin-bottom:10px;font-size:13px;font-weight:800}.track-branches-column{border-left:3px solid #3b82f6;flex-direction:column;gap:8px;padding-left:20px;display:flex}.rail-branch{background:var(--bg-hover);border:1px solid var(--border);opacity:.5;transition:all var(--ease);border-radius:6px;align-items:center;gap:10px;padding:10px 12px;display:flex}.rail-active{opacity:1;background:#10b9811f;border-color:#10b981;transform:translate(4px);box-shadow:0 0 12px #10b9814d}.signal-light{font-size:16px}.branch-label{font-size:12px;font-weight:700}.running-track-scene{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px}.track-oval-field{background:#0f172a;border:3px solid #e11d48;border-radius:30px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.runner-figure{flex-direction:column;align-items:center;gap:4px;display:flex}.runner-icon{font-size:32px}.runner-badge{color:#fb7185;font-size:11px;font-weight:800}.scoreboard-screen{text-align:right;background:#020617;border:2px solid #38bdf8;border-radius:8px;padding:10px 14px}.board-line{color:#94a3b8;font-size:9px}.board-lap{font-size:16px}.board-cond{margin-top:2px;font-size:10px}.egg-carton-scene{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px}.wooden-carton-tray{gap:8px;padding:10px 0;display:flex;overflow-x:auto}.egg-cup-compartment{text-align:center;background:#451a03;border:2px solid #92400e;border-radius:10px;flex:1;min-width:85px;padding:10px}.cup-number{color:#fde68a;font-size:10px;font-weight:800}.golden-egg{background:#0006;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:55px;height:55px;margin:6px auto;display:flex}.egg-emoji{font-size:18px}.egg-val{color:#fff;font-size:13px;font-weight:900}.cup-addr{color:#fcd34d;font-size:9px}.real-train-track-scene{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px}.train-controls-bar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.train-controls-bar label{font-size:12px}.train-formation-strip{align-items:center;gap:6px;padding:12px 0;display:flex;overflow-x:auto}.steam-locomotive{color:#fff;text-align:center;background:#0f172a;border:2px solid #3b82f6;border-radius:8px;min-width:90px;padding:10px 14px}.loco-icon{font-size:24px;display:block}.loco-tag{font-size:10px}.freight-carriage{background:var(--bg-hover);border:1px solid var(--border);text-align:center;border-radius:6px;min-width:60px;padding:8px 12px;position:relative}.carriage-roof{color:var(--text-muted);font-size:9px}.carriage-letter{color:var(--text-main);margin:4px 0;font-size:20px;font-weight:900}.carriage-coupler{font-size:10px}.caboose-carriage{text-align:center;background:#ef444426;border:2px solid #ef4444;border-radius:6px;min-width:110px;padding:8px 14px;box-shadow:0 0 14px #ef444459}.caboose-roof{color:#fca5a5;font-size:9px}.caboose-sign{margin:2px 0;font-size:22px;font-weight:900}.caboose-tag{color:#ef4444;font-size:8.5px;font-weight:800}.kitchen-scene-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.kitchen-scene-grid{grid-template-columns:1fr}}.recipe-card-box{color:#713f12;background:#fef08a;border-radius:8px;padding:16px;box-shadow:0 4px 12px #0003}.recipe-header{border-bottom:1px dashed #ca8a04;margin-bottom:8px;padding-bottom:6px;font-size:12.5px;font-weight:800}.recipe-steps{flex-direction:column;gap:4px;font-size:11px;display:flex}.fridge-magnet-box{background:var(--bg-card);border:2px solid var(--border);border-radius:8px;padding:16px}.magnet-title{color:var(--primary);margin-bottom:6px;font-size:12px;font-weight:800}.magnet-tally{color:#10b981;margin-bottom:6px;font-size:20px;font-weight:900}.magnet-desc{color:var(--text-muted);margin:0;font-size:11.5px}.matryoshka-scene-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px}.dolls-nesting-display{justify-content:space-between;align-items:center;gap:8px;display:flex;overflow-x:auto}.matryoshka-unit{background:var(--bg-hover);border:1px solid var(--border);text-align:center;border-radius:8px;flex:1;padding:12px}.matryoshka-unit.solid-base{background:#10b9812e;border-color:#10b981;box-shadow:0 0 14px #10b9814d}.doll-avatar{font-size:28px}.doll-label{color:var(--text-main);margin:4px 0;font-size:12px;font-weight:800}.doll-note{color:var(--text-muted);font-size:10px}.doll-open-arrow{color:var(--primary);white-space:nowrap;font-size:11px;font-weight:700}.suburban-street-scene{justify-content:space-between;align-items:center;gap:16px;display:flex}@media (width<=768px){.suburban-street-scene{flex-direction:column}}.street-house{background:var(--bg-card);border:3px solid var(--border);text-align:center;border-radius:12px;flex:1;width:100%;padding:16px}.target-property{border-color:#10b981}.pointer-property{border-color:#3b82f6}.house-chimney{font-size:28px}.house-name{margin:4px 0;font-size:13px;font-weight:800}.house-street-sign{color:var(--text-muted);margin-bottom:8px;font-size:10.5px}.house-living-room{background:var(--bg-hover);border:1px dashed var(--border);border-radius:8px;padding:12px}.furniture-item{color:#10b981;font-size:28px;font-weight:900}.furniture-tag{color:var(--text-muted);margin-top:2px;font-size:10px}.pointer-laser-path{flex-direction:column;align-items:center;gap:4px;display:flex}.key-icon{font-size:24px}.key-label{color:var(--primary);font-size:11px;font-weight:700}.laser-beam{color:#3b82f6;font-size:16px;font-weight:700}.leather-wallet-scene{background:#1c1917;border:3px solid #78350f;border-radius:12px;padding:16px;box-shadow:0 10px 24px #0006}.wallet-header{color:#f59e0b;border-bottom:1px solid #ffffff1a;justify-content:space-between;margin-bottom:12px;padding-bottom:6px;font-size:11px;font-weight:800;display:flex}.wallet-pockets-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.leather-pocket{text-align:center;background:#292524;border:1px dashed #78350f;border-radius:6px;padding:10px}.pocket-title{color:#a8a29e;margin-bottom:4px;font-size:9.5px}.pocket-item{color:#fff;font-size:13px;font-weight:800}.storage-facility-scene{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.storage-facility-scene{grid-template-columns:1fr}}.storage-half{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px}.half-header{color:var(--primary);margin-bottom:10px;font-size:13px;font-weight:800}.half-points{color:var(--text-dim);margin:0;padding-left:18px;font-size:11.5px;line-height:1.5}.rental-units-list{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.rental-box-unit{background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:11.5px;display:flex}.unit-rented{border-color:#eab308}.unit-vacant{opacity:.6;border-color:#10b981}.unit-number{font-weight:800}.unit-badge{font-size:10px;font-weight:700}.mobile-chapter-selector-bar{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:40;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;display:none;position:sticky;top:0}.btn-mobile-syllabus-toggle{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-main);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;max-width:72%;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex;overflow:hidden}.mobile-ch-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-progress-badge{color:#10b981;background:#10b9811f;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:700}.mobile-syllabus-drawer{background:var(--bg-app);z-index:9999;flex-direction:column;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-syllabus-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:14px;display:flex}.btn-close-mobile-syllabus{background:var(--bg-hover);border:1px solid var(--border);width:32px;height:32px;color:var(--text-main);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:16px;display:flex}.mobile-syllabus-list{flex-direction:column;gap:16px;display:flex}@media (width<=1024px){.app-shell{grid-template-columns:1fr!important;grid-template-areas:"header""main"!important}.desktop-sidebar-wrapper{display:none!important}.home-layout{box-sizing:border-box;gap:24px;width:100%;max-width:100%;padding:24px 20px 64px;overflow-x:hidden}.hero-workbench{gap:16px;grid-template-columns:1fr!important}.hero-content{box-sizing:border-box;gap:16px;width:100%;min-width:0;padding:24px 22px;overflow:hidden}.hero-sandbox{box-sizing:border-box;width:100%;min-width:0;min-height:240px;max-height:280px;overflow:hidden}.learn-c-container{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;display:block!important;overflow:visible!important}.learn-c-sidebar{display:none!important}.mobile-chapter-selector-bar{display:flex!important}.learn-c-main{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;padding:20px 16px 64px!important;display:block!important;overflow:hidden visible!important}}@media (width<=600px){.algo-page{box-sizing:border-box!important;flex-direction:column!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:100%!important;display:flex!important;overflow-y:visible!important}.workspace-resizer{display:none!important}.algo-page-left,.algo-page-right{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.visualizer-area{flex-shrink:0!important;height:clamp(240px,34vh,290px)!important;min-height:240px!important;max-height:290px!important;overflow-y:hidden!important}}@media (width<=860px){.dual-flagship-section{gap:16px;grid-template-columns:1fr!important}.flagship-card{gap:12px;padding:22px 20px}.flagship-title{font-size:18px}.flagship-desc{font-size:13px}}@media (width<=768px){.header{box-sizing:border-box!important;z-index:100!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100vw!important;height:50px!important;padding:0 12px!important;display:flex!important;position:relative!important;overflow:visible!important}.hamburger-btn{border-radius:6px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;display:inline-flex!important}.header-logo{flex-shrink:0!important;align-items:center!important;gap:6px!important;min-width:0!important;text-decoration:none!important;display:flex!important}.header-logo-text{white-space:nowrap!important;font-size:15px!important;font-weight:700!important}.header-logo-sub,.live-user-counter-pill,.header-breadcrumb,.badge-learn-chapters,.header-badge,.header-mode-nav,.header-sound-pill,.header-theme-pill span,.header-sound-pill .sound-pill-text{display:none!important}.header-theme-pill{border-radius:6px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;display:inline-flex!important}.header-signin-btn{white-space:nowrap!important;border-radius:6px!important;flex-shrink:0!important;height:32px!important;padding:5px 10px!important;font-size:11.5px!important}.user-avatar-pill{border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;gap:0!important;width:32px!important;height:32px!important;padding:2px!important}.user-avatar-name,.user-avatar-badge{display:none!important}.user-avatar-img,.user-avatar-fallback{width:28px!important;height:28px!important;font-size:11.5px!important}.user-dropdown-card{-webkit-overflow-scrolling:touch!important;z-index:99999!important;width:calc(100vw - 20px)!important;max-width:320px!important;max-height:calc(100vh - 65px)!important;position:fixed!important;top:54px!important;left:auto!important;right:10px!important;overflow-y:auto!important;box-shadow:0 16px 48px #0009!important}.home-layout{gap:16px!important;padding:16px 12px 52px!important}.hero-content{gap:14px!important;padding:20px 16px!important}.hero-title{letter-spacing:-.025em!important;font-size:24px!important;line-height:1.22!important}.hero-description{max-width:100%!important;font-size:13px!important;line-height:1.55!important}.badge-pill-text{font-size:10.5px!important}.hero-actions{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}.btn-hero-academy,.btn-hero-primary,.btn-hero-secondary{text-align:center!important;box-sizing:border-box!important;justify-content:center!important;width:100%!important;padding:11px 14px!important;font-size:13px!important}.hero-simple-highlights{flex-wrap:wrap!important;gap:6px!important;width:100%!important}.simple-highlight-pill{box-sizing:border-box!important;width:100%!important;padding:4px 8px!important;font-size:11px!important}.why-algoflowx-section{-webkit-overflow-scrolling:touch!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;box-sizing:border-box!important;gap:10px!important;width:100%!important;padding:4px 2px 8px!important;display:flex!important;overflow-x:auto!important}.why-algoflowx-section::-webkit-scrollbar{display:none!important}.why-card{scroll-snap-align:start!important;box-sizing:border-box!important;border-radius:10px!important;flex-shrink:0!important;gap:8px!important;min-width:82vw!important;max-width:320px!important;padding:16px!important}.why-icon-box{width:36px!important;height:36px!important;margin-bottom:2px!important;font-size:18px!important}.why-title{font-size:14px!important;line-height:1.25!important}.why-desc{font-size:12px!important;line-height:1.5!important}.dual-flagship-section{-webkit-overflow-scrolling:touch!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;box-sizing:border-box!important;gap:10px!important;width:100%!important;padding:4px 2px 8px!important;display:flex!important;overflow-x:auto!important}.dual-flagship-section::-webkit-scrollbar{display:none!important}.flagship-card{scroll-snap-align:start!important;box-sizing:border-box!important;border-radius:10px!important;flex-shrink:0!important;gap:8px!important;min-width:84vw!important;max-width:330px!important;padding:16px 14px!important}.flagship-title{font-size:14.5px!important}.flagship-desc{font-size:11.5px!important}.flagship-code-snippet,.flagship-duel-snippet{padding:6px 10px!important;font-size:10px!important}.flagship-action-row{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding-top:10px!important}.btn-flagship-c,.btn-flagship-dsa{width:auto!important;padding:7px 14px!important;font-size:11.5px!important}.flagship-meta-text{text-align:center!important}.platform-nav-bar{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding-bottom:4px!important;overflow-x:auto!important}.platform-nav-bar::-webkit-scrollbar{display:none!important}.nav-segments{width:max-content!important;min-width:100%!important}.nav-segment{white-space:nowrap!important;padding:7px 12px!important;font-size:11.5px!important}.catalog-header-bar{flex-direction:column!important;gap:10px!important}.cat-filter-pills{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;padding-bottom:4px!important;overflow-x:auto!important}.cat-filter-pills::-webkit-scrollbar{display:none!important}.filter-pill{flex-shrink:0!important;padding:5px 10px!important;font-size:11px!important}.search-wrapper{width:100%!important}.algo-cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.algo-card{border-radius:8px!important;gap:6px!important;min-height:auto!important;padding:10px!important}.card-top-bar{gap:4px!important}.card-icon-badge{border-radius:4px!important;width:24px!important;height:24px!important}.card-complexity-pill{padding:1px 4px!important;font-size:9px!important}.card-bookmark-btn{padding:2px!important}.card-title{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:12px!important;line-height:1.2!important;overflow:hidden!important}.card-cat-label{font-size:8.5px!important}.card-desc{display:none!important}.card-footer-row{gap:4px!important;padding-top:6px!important}.card-space-pill{padding:1px 4px!important;font-size:9px!important}.card-action-trigger .trigger-label{display:none!important}.trigger-arrow-box{width:16px!important;height:16px!important;font-size:9px!important}.roadmap-header-card{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:16px 14px!important}.roadmap-header-card button{justify-content:center!important;width:100%!important}.roadmap-modules-grid{grid-template-columns:1fr!important;gap:10px!important}.roadmap-title{font-size:17px!important}.roadmap-desc{font-size:12px!important}.controls-row-main{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}.controls-status-group{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;width:100%!important;display:flex!important}.controls-playback-group{justify-content:center!important;width:100%!important}.config-inputs{flex-direction:column!important;gap:6px!important;width:100%!important;display:flex!important}.config-inputs .custom-input,.config-inputs .target-input{box-sizing:border-box!important;width:100%!important}.config-buttons-group{grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important;display:grid!important}.config-buttons-group .btn-action{justify-content:center!important;width:100%!important}.code-panel{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}.code-panel-tabs{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;width:100%!important;display:flex!important;overflow-x:auto!important}.code-body{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}.lesson-top-nav{flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important;display:flex!important}.lesson-breadcrumbs{flex-wrap:wrap!important;gap:4px 6px!important;width:100%!important;font-size:11px!important;line-height:1.4!important;display:flex!important}.btn-lesson-complete{justify-content:center!important;width:100%!important}.decision-tree-grid{grid-template-columns:1fr!important;gap:8px!important;width:100%!important}.tree-branch-node{box-sizing:border-box!important;width:100%!important}.analogy-props-grid,.mistakes-grid{grid-template-columns:1fr!important;gap:8px!important;width:100%!important}.playground-ide-workbench,.code-split-view{grid-template-columns:1fr!important;width:100%!important}.playground-code-column,.playground-output-column{width:100%!important}.lesson-hero-header .lesson-main-title{word-break:break-word!important;font-size:20px!important;line-height:1.25!important}.lesson-hero-header .lesson-main-desc{font-size:12.5px!important;line-height:1.5!important}.lesson-footer-nav{flex-direction:column!important;gap:8px!important}.user-avatar-pill{gap:5px!important;padding:3px 6px!important}.user-avatar-name{display:none!important}.user-avatar-badge{padding:1px 4px!important;font-size:9px!important}.challenge-problem-body,.beecrowd-problem-body{flex-direction:column;gap:16px;display:flex}.problem-description-box{border:1px solid var(--border,#ffffff0f);background:#ffffff05;border-radius:8px;padding:16px}.problem-statement-text{color:var(--text-main,#e2e8f0);font-size:13.5px;line-height:1.6}.challenge-spec-grid,.beecrowd-spec-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.code-playground-box{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.playground-header{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:10px 12px!important;display:flex!important}.playground-header-left{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;width:100%!important;display:flex!important}.playground-hint{display:none!important}.playground-header-actions{grid-template-columns:1fr 1fr 1.2fr!important;gap:6px!important;width:100%!important;display:grid!important}.playground-header-actions button{white-space:nowrap!important;justify-content:center!important;width:100%!important;padding:7px 6px!important;font-size:11px!important}.playground-body{grid-template-columns:1fr!important;min-height:auto!important}.playground-editor-wrapper{border-bottom:1px solid #ffffff1a!important;border-right:none!important;height:260px!important;min-height:240px!important}.playground-terminal{min-height:140px!important;max-height:220px!important}.io-pipeline-visual{flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important;display:flex!important}.io-node{box-sizing:border-box!important;flex:none!important;width:100%!important;min-width:0!important;padding:12px!important}.io-arrow{text-align:center!important;padding:2px 0!important;font-size:12px!important}.vis-widget-card{box-sizing:border-box!important;width:100%!important;padding:16px 14px!important}.vis-slider-controls,.casting-comparison-grid{grid-template-columns:1fr!important;gap:10px!important}.alu-register-row{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.reg-label{width:100%!important}.bits-strip{justify-content:space-between!important;gap:4px!important;width:100%!important}.bit-toggle-btn{flex:1!important;min-width:0!important;max-width:38px!important;height:32px!important;padding:0!important;font-size:13px!important}.alu-op-selector{justify-content:center!important;width:100%!important;margin:10px 0!important}.loop-stepper-controls{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.loop-timeline-strip{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))!important;gap:6px!important}.ram-memory-grid{grid-template-columns:repeat(auto-fit,minmax(65px,1fr))!important;gap:6px!important}.real-scene-canvas{box-sizing:border-box!important;width:100%!important;padding:16px 14px!important}.real-io-scene-grid,.safe-blender-grid,.real-box-stage{grid-template-columns:1fr!important;gap:12px!important}.factory-scene-grid{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding:6px 0!important;overflow-x:auto!important}}@media (width<=480px){.header-logo-text{font-size:13px!important}.header-signin-btn span{display:none!important}.header-signin-btn{padding:5px 7px!important}.home-layout{gap:14px!important;padding:12px 10px 40px!important}.hero-content{padding:16px 12px!important}.hero-title{font-size:21px!important}.hero-description{font-size:12.5px!important}.why-card{padding:14px 12px!important}.flagship-card{padding:16px 12px!important}.learn-c-main{padding:14px 10px 48px!important}.playground-header-actions button{padding:6px 4px!important;font-size:10px!important}}.lesson-top-badges{align-items:center;gap:10px;display:flex}.academy-coin-pill{color:#fbbf24;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#f59e0b26,#d9770640);border:1px solid #f59e0b66;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:12.5px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 0 12px #f59e0b26}.academy-coin-pill:hover{background:linear-gradient(135deg,#f59e0b40,#d9770666);border-color:#fbbf24;transform:translateY(-1px);box-shadow:0 0 18px #f59e0b4d}.coin-plus-btn{color:#fef08a;text-transform:uppercase;letter-spacing:.05em;background:#f59e0b4d;border-radius:4px;padding:1px 6px;font-size:10.5px}.coin-reward-toast{z-index:99999;color:#fbbf24;pointer-events:none;background:#18181b;border:1px solid #f59e0b;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlideUp;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 10px 30px #0009,0 0 20px #f59e0b4d}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.practice-lab-section{background:var(--bg-card,#0f172a);border:1px solid var(--border,#ffffff1f);box-sizing:border-box;border-radius:12px;max-width:100%;margin:36px 0;padding:24px}.practice-lab-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.lab-title-group{align-items:center;gap:12px;display:flex}.lab-badge{color:var(--primary,#0284c7);letter-spacing:.05em;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:6px;padding:4px 9px;font-size:10.5px;font-weight:700}.practice-lab-title{color:var(--text-main,#f8fafc);margin:0;font-size:20px;font-weight:800;line-height:1.2}.practice-lab-subtitle{color:var(--text-dim,#94a3b8);margin-top:2px;font-size:12px;display:block}.problem-drawer-item{background:var(--bg-elevated,#00000040);border:1px solid var(--border,#ffffff14);border-radius:10px;transition:all .16s;overflow:hidden}.drawer-header-btn{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:14px 18px;transition:background .14s;display:flex}.drawer-header-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.drawer-index-pill{color:var(--primary,#0284c7);background:#38bdf81f;border:1px solid #38bdf840;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:800}.drawer-header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.drawer-hints-pill{color:#f59e0b;background:#f59e0b1a;border-radius:6px;padding:3px 8px;font-size:11px}.prob-diff-pill{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700}.prob-diff-pill.level-badge-green{color:#10b981;background:#22c55e26;border:1px solid #22c55e4d}.prob-diff-pill.level-badge-blue{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.prob-diff-pill.level-badge-purple{color:#a855f7;background:#a855f726;border:1px solid #a855f74d}.beecrowd-problem-body{flex-direction:column;gap:16px;display:flex}.problem-description-box{background:var(--bg-card,#ffffff05);border:1px solid var(--border,#ffffff14);border-radius:8px;padding:16px}.beecrowd-spec-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=768px){.beecrowd-spec-grid{grid-template-columns:1fr}}.spec-header{align-items:center;gap:8px;display:flex}.spec-title{color:var(--primary,#0284c7);letter-spacing:.05em;font-size:11px}.sample-io-box{background:var(--bg-input,#00000080);border:1px solid var(--border,#ffffff0f);border-radius:6px;padding:8px 12px}.sample-label{color:var(--text-dim,#64748b);text-transform:uppercase;margin-bottom:4px;font-size:10px;display:block}.sample-pre{color:#10b981;white-space:pre-wrap;margin:0;font-size:12.5px;line-height:1.4}.terminal-dots{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:9px;height:9px}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.test-passed-badge{color:#10b981;background:#10b98126;border:1px solid #10b98166;border-radius:4px;margin-left:8px;padding:2px 7px;font-size:10.5px;font-weight:700}.terminal-title{color:var(--text-dim,#94a3b8);font-size:11.5px}.terminal-code-body{color:var(--primary,#38bdf8);white-space:pre-wrap;margin:0;padding:12px 16px;font-size:13px;line-height:1.5}.practice-hints-container{flex-direction:column;gap:10px;display:flex}.hints-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.hints-title-box{align-items:center;gap:6px;display:flex}.hints-heading{color:#f59e0b;font-size:13.5px}.hints-sub{color:var(--text-dim,#94a3b8);font-size:11px}.hints-list-grid{flex-direction:column;gap:8px;display:flex}.practice-hint-card{border-radius:8px;padding:12px 14px;transition:all .15s}.practice-hint-card.hint-is-locked{background:#f59e0b0d;border:1px solid #f59e0b40}.practice-hint-card.hint-is-unlocked{background:#10b9810f;border:1px solid #10b9814d}.hint-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.hint-label-group{align-items:center;gap:8px;display:flex}.hint-card-label{color:var(--text-main,#f1f5f9);font-size:13px}.btn-unlock-hint-action{color:#d97706;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}[data-theme=dark] .btn-unlock-hint-action{color:#fbbf24}.btn-unlock-hint-action:hover{background:#f59e0b40;border-color:#f59e0b;transform:translateY(-1px)}.hint-cost-tag{background:#f59e0b33;border-radius:4px;padding:1px 5px;font-size:10.5px}.hint-unlocked-tag{color:#10b981;font-size:11px;font-weight:700}.hint-revealed-text{color:var(--text-main,#e2e8f0);margin:8px 0 0;font-size:13px;line-height:1.5}.hint-locked-preview{color:var(--text-dim,#64748b);margin:6px 0 0;font-size:11.5px}.practice-playground-wrapper{margin-top:6px}.practice-pg-header{margin-bottom:6px}.pg-title{color:var(--primary,#38bdf8);font-size:12px;font-weight:700}.coin-info-modal,.coin-alert-modal{max-width:520px!important}.coin-current-balance-banner{text-align:center;background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:10px;margin-bottom:18px;padding:16px}.balance-label{color:#fbbf24;letter-spacing:.05em;margin-bottom:4px;font-size:10.5px;display:block}.balance-amount{color:#fbbf24;font-size:24px;font-weight:800}.balance-sub{color:var(--text-dim,#94a3b8);margin:4px 0 0;font-size:12px}.coin-rules-title{color:#f8fafc;margin-bottom:10px;font-size:13.5px}.coin-earn-rules-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=540px){.coin-earn-rules-grid{grid-template-columns:1fr}}.coin-rule-card{border:1px solid var(--border,#ffffff0f);background:#ffffff05;border-radius:6px;padding:10px 12px}.rule-badge{color:#34d399;background:#34d3991f;border-radius:4px;margin-bottom:4px;padding:2px 5px;font-size:10px;font-weight:800;display:inline-block}.rule-title{color:#f1f5f9;margin-bottom:2px;font-size:12px;display:block}.rule-desc{color:var(--text-dim,#94a3b8);margin:0;font-size:11px;line-height:1.35}.coin-spend-desc{color:#cbd5e1;font-size:12.5px;line-height:1.5}.coin-alert-icon{margin-bottom:8px;font-size:36px}.coin-alert-msg{color:#e2e8f0;margin-bottom:14px;font-size:13.5px}.coin-alert-ways{text-align:left;border:1px solid var(--border,#ffffff0f);background:#ffffff05;border-radius:8px;margin-bottom:14px;padding:12px 14px}.ways-label{color:#38bdf8;margin-bottom:6px;font-size:12px;display:block}.coin-alert-ways ul{color:#cbd5e1;margin:0;padding-left:18px;font-size:12px}.coin-alert-ways li{margin-bottom:4px}.memory-visualizer-container,.real-life-analogy-scene-wrapper{box-sizing:border-box;width:100%;margin:20px 0}.vis-widget-card,.real-scene-canvas{background:var(--bg-card,#0f172a);border:1px solid var(--border,#ffffff1f);box-sizing:border-box;border-radius:12px;padding:20px}.vis-widget-header{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.vis-widget-icon{flex-shrink:0;font-size:24px}.vis-widget-title{color:var(--text-main,#f8fafc);margin:0 0 4px;font-size:16.5px;font-weight:800}.vis-widget-desc{color:var(--text-dim,#94a3b8);margin:0;font-size:12.5px;line-height:1.5}.pipeline-stepper-bar{scrollbar-width:thin;gap:8px;margin-bottom:16px;padding-bottom:8px;display:flex;overflow-x:auto}.pipeline-step-node{border:1px solid var(--border,#ffffff1a);color:var(--text-dim,#94a3b8);cursor:pointer;white-space:nowrap;background:#ffffff0a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;transition:all .14s;display:flex}.pipeline-step-node.active{color:#f8fafc;background:#38bdf81f;font-weight:700}.pipeline-stage-viewer{background:#020617;border:1px solid #ffffff14;border-radius:8px;padding:14px}.stage-info-bar{margin-bottom:10px}.stage-title{margin-bottom:2px;font-size:13.5px;font-weight:700;display:block}.stage-desc{color:#94a3b8;font-size:12px}.stage-code-window pre{color:#e2e8f0;margin:0;font-size:12px;line-height:1.5}.vis-type-selector-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.btn-type-pill{border:1px solid var(--border,#ffffff1a);color:var(--text-dim,#94a3b8);cursor:pointer;background:#ffffff0a;border-radius:6px;padding:5px 12px;font-size:11.5px;transition:all .14s}.btn-type-pill.active{color:#38bdf8;background:#38bdf826;border-color:#38bdf8;font-weight:700}.ram-memory-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;margin-bottom:14px;display:grid}.ram-byte-cell{text-align:center;border:1px solid #ffffff14;border-radius:6px;padding:10px 8px}.ram-byte-cell.occupied{color:#4ade80;background:#22c55e1f;border-color:#22c55e59}.ram-byte-cell.empty{color:#64748b;background:#ffffff05}.byte-addr{color:#94a3b8;font-size:10px}.byte-content{margin:4px 0;font-size:13px;font-weight:700}.byte-label{font-size:9.5px}.ram-summary-callout{color:#cbd5e1;background:#38bdf814;border:1px solid #38bdf840;border-radius:8px;padding:10px 14px;font-size:12px}.vis-slider-controls{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=600px){.vis-slider-controls{grid-template-columns:1fr}}.slider-group label{color:var(--text-dim,#94a3b8);margin-bottom:6px;font-size:12px;display:block}.slider-group input[type=range]{width:100%}.casting-comparison-grid,.scope-comparison-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=640px){.casting-comparison-grid,.scope-comparison-grid{grid-template-columns:1fr}}.cast-box,.scope-card{border-radius:8px;padding:14px}.cast-box.wrong-box,.scope-card.local-card{background:#ef44440f;border:1px solid #ef444440}.cast-box.correct-box,.scope-card.static-card{background:#22c55e0f;border:1px solid #22c55e40}.cast-box-tag,.scope-tag{margin-bottom:6px;font-size:11px;font-weight:700}.cast-code{color:#cbd5e1;margin-bottom:4px;font-size:12px}.cast-result-val,.scope-val{margin:4px 0;font-size:22px;font-weight:800}.cast-note,.scope-desc{color:#94a3b8;font-size:11.5px}.alu-register-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.reg-label{color:var(--text-dim,#94a3b8);min-width:90px;font-size:12px}.bits-strip{gap:4px;display:flex}.bit-toggle-btn{cursor:pointer;border:1px solid var(--border,#ffffff26);width:32px;height:32px;font-size:13px;font-weight:800;font-family:var(--font-mono,monospace);border-radius:6px;justify-content:center;align-items:center;transition:all .12s;display:flex}.bit-on{color:#4ade80;background:#22c55e33;border-color:#34d399}.bit-off{color:#64748b;background:#ffffff0a}.bit-res{cursor:default;color:#38bdf8;background:#38bdf826;border-color:#38bdf8}.alu-op-selector{gap:8px;margin:12px 0 12px 102px;display:flex}.btn-alu-op{border:1px solid var(--border,#ffffff1a);color:#94a3b8;cursor:pointer;background:#ffffff0a;border-radius:6px;padding:4px 10px;font-size:11.5px}.btn-alu-op.active{color:#fbbf24;background:#f59e0b26;border-color:#fbbf24;font-weight:700}.alu-result-card{background:#020617;border:1px solid #38bdf84d;border-radius:8px;margin-top:14px;padding:12px}.result-header{color:#cbd5e1;margin-bottom:8px;font-size:12px}.decision-tree-grid{flex-direction:column;gap:8px;display:flex}.tree-branch-node{background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:all .14s;display:flex}.tree-branch-node.active{background:#22c55e1a;border-color:#22c55e66;box-shadow:0 0 10px #22c55e26}.lesson-content-block{background:var(--bg-card,#fff);border:1px solid var(--border,#0f172a14);box-shadow:var(--shadow-sm,0 1px 3px #0000000d);transition:border-color var(--ease), box-shadow var(--ease);border-radius:12px;margin-bottom:24px;padding:22px 24px}[data-theme=dark] .lesson-content-block{background:#1e293b;border-color:#ffffff14}.lesson-section-h2{color:var(--text-main,#0f172a);align-items:center;gap:8px;margin:0 0 12px;font-size:17px;font-weight:700;display:flex}[data-theme=dark] .lesson-section-h2{color:#f8fafc}.h2-index{color:var(--primary,#3b82f6);font-family:var(--font-mono,monospace);font-weight:800}.lesson-body-text{color:var(--text-secondary,#475569);margin:0 0 14px;font-size:14.5px;line-height:1.7}[data-theme=dark] .lesson-body-text{color:#cbd5e1}.inline-code-badge{font-family:var(--font-mono,"Fira Code", monospace);color:#2563eb;vertical-align:middle;background:#3b82f61a;border:1px solid #3b82f638;border-radius:5px;padding:2px 7px;font-size:13px;font-weight:600}[data-theme=dark] .inline-code-badge{color:#60a5fa;background:#3b82f633;border-color:#3b82f659}.lesson-code-snippet-card{background:#0f172a;border:1px solid #1e293b;border-radius:10px;margin:16px 0;overflow:hidden;box-shadow:0 4px 12px #00000026}.code-snippet-top-bar{background:#1e293b;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.code-lang-label{color:#94a3b8;letter-spacing:.06em;font-size:11px;font-weight:700}.btn-copy-snippet{color:#e2e8f0;cursor:pointer;background:#334155;border:1px solid #475569;border-radius:5px;padding:4px 12px;font-size:11.5px;font-weight:600;transition:all .15s}.btn-copy-snippet:hover{color:#fff;background:#475569}.code-snippet-pre{font-family:var(--font-mono,"Fira Code", monospace);color:#f1f5f9;background:#0f172a;margin:0;padding:16px 18px;font-size:13.5px;line-height:1.6;overflow-x:auto}.lesson-callout-tip{color:var(--text-main,#334155);background:#10b98114;border:1px solid #10b98140;border-radius:8px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 16px;font-size:13.5px;line-height:1.55;display:flex}[data-theme=dark] .lesson-callout-tip{color:#e2e8f0;background:#10b9811f}.tip-badge{color:#059669;white-space:nowrap;font-weight:700}[data-theme=dark] .tip-badge{color:#34d399}.branch-cond{color:#f1f5f9;font-size:12px}.branch-result{color:#94a3b8;font-size:11.5px}.tree-branch-node.active .branch-result{color:#4ade80;font-weight:700}.io-pipeline-visual,.pointer-link-visual{background:#020617;border:1px solid #ffffff14;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.io-node,.pointer-box,.target-variable-box{text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;min-width:110px;padding:10px 14px}.io-arrow,.pointer-glowing-arrow{color:#38bdf8;font-size:11.5px;font-weight:700}.ram-tape-strip,.string-tape-display{gap:6px;padding-bottom:8px;display:flex;overflow-x:auto}.ram-tape-cell,.char-cell{text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;min-width:55px;padding:8px 10px}.null-term-cell{color:#f87171;background:#ef44441f;border-color:#ef4444}.factory-scene-grid{align-items:center;gap:8px;padding:12px 0;display:flex;overflow-x:auto}.factory-step-card{border:1px solid var(--border,#ffffff1a);text-align:center;background:#ffffff08;border-radius:8px;min-width:140px;padding:12px}.factory-conveyor-arrow{color:#94a3b8;flex-direction:column;align-items:center;gap:2px;font-size:11px;display:flex}.safe-blender-grid,.real-io-scene-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.safe-blender-grid,.real-io-scene-grid{grid-template-columns:1fr}}.real-object-card,.io-real-card{border:1px solid var(--border,#ffffff14);background:#ffffff05;border-radius:8px;padding:16px}.scene-badge{color:#38bdf8;margin-bottom:6px;font-size:11.5px;font-weight:800}.scene-sub{color:var(--text-dim,#94a3b8);margin:0 0 16px;font-size:12.5px;line-height:1.5}[data-theme=light] .practice-lab-section,[data-theme=light] .vis-widget-card,[data-theme=light] .real-scene-canvas{background:#fff;border-color:#0f172a1f;box-shadow:0 1px 3px #0000000d}[data-theme=light] .practice-problem-tabs-row{background:#f1f5f9;border-color:#0f172a1a}[data-theme=light] .problem-drawer-item{background:#f8fafc;border-color:#0f172a1a}[data-theme=light] .problem-drawer-item.drawer-is-open{background:#fff;border-color:#0284c766;box-shadow:0 4px 16px #0000000f}[data-theme=light] .drawer-header-btn:hover{background:#f1f5f9}[data-theme=light] .drawer-title-text{color:#0f172a}[data-theme=light] .btn-toggle-all-drawers{color:#0f172a;background:#fff;border-color:#0f172a1f}[data-theme=light] .btn-toggle-all-drawers:hover{background:#f1f5f9;border-color:#0284c7}[data-theme=light] .drawer-body-content{border-top-color:#0f172a14}[data-theme=light] .problem-description-box{background:#fff;border-color:#0f172a1a}[data-theme=light] .problem-statement-text{color:#1e293b}[data-theme=light] .spec-card{background:#fff;border-color:#0f172a1a}[data-theme=light] .sample-io-box{background:#f1f5f9;border-color:#0f172a1a}[data-theme=light] .sample-pre{color:#059669}[data-theme=light] .practice-hint-card.hint-is-locked{background:#f59e0b0f;border-color:#f59e0b59}[data-theme=light] .practice-hint-card.hint-is-unlocked{background:#10b98114;border-color:#10b98159}[data-theme=light] .hint-card-label{color:#0f172a}[data-theme=light] .hint-revealed-text{color:#1e293b}[data-theme=light] .pipeline-step-node{color:#334155;background:#f8fafc;border-color:#0f172a1f}[data-theme=light] .pipeline-step-node:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .pipeline-step-node.active{font-weight:700;color:#0369a1!important;background:#0284c71f!important;border-color:#0284c7!important}[data-theme=light] .pipeline-step-node .step-num{font-weight:800}[data-theme=light] .btn-type-pill{color:#475569;background:#f8fafc;border-color:#0f172a1f}[data-theme=light] .btn-type-pill:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .btn-type-pill.active{font-weight:700;color:#0369a1!important;background:#0284c71f!important;border-color:#0284c7!important}[data-theme=light] .pipeline-stage-viewer{background:#f8fafc;border-color:#0f172a1f}[data-theme=light] .stage-info-bar{background:#f1f5f9;border-bottom:1px solid #0f172a14}[data-theme=light] .stage-desc{color:#475569}[data-theme=light] .stage-code-window{background:#fff}[data-theme=light] .stage-code-window pre,[data-theme=light] .stage-code-window code{color:#0f172a}[data-theme=light] .ram-summary-callout{color:#0f172a;background:#0284c714;border-color:#0284c740}[data-theme=light] .ram-byte-cell{border-color:#0f172a1a}[data-theme=light] .ram-byte-cell.empty{color:#64748b;background:#f8fafc}[data-theme=light] .ram-byte-cell.occupied{color:#047857;background:#10b9811f;border-color:#10b98166}[data-theme=light] .cast-code{color:#0f172a}[data-theme=light] .cast-note,[data-theme=light] .scope-desc{color:#475569}[data-theme=light] .alu-register-row .reg-label{color:#334155}[data-theme=light] .bit-toggle-btn.bit-off{color:#64748b;background:#f1f5f9;border-color:#0f172a1f}[data-theme=light] .bit-toggle-btn.bit-on{color:#047857;background:#10b98126;border-color:#10b981}[data-theme=light] .bit-toggle-btn.bit-res{color:#0284c7;background:#0284c726;border-color:#0284c7}[data-theme=light] .btn-alu-op{color:#475569;background:#f8fafc;border-color:#0f172a1f}[data-theme=light] .btn-alu-op.active{color:#b45309;background:#d977061f;border-color:#d97706;font-weight:700}[data-theme=light] .alu-result-card,[data-theme=light] .io-pipeline-visual,[data-theme=light] .pointer-link-visual{background:#f8fafc;border-color:#0f172a1a}[data-theme=light] .result-header{color:#0f172a}[data-theme=light] .io-node,[data-theme=light] .pointer-box,[data-theme=light] .target-variable-box,[data-theme=light] .tree-branch-node,[data-theme=light] .factory-step-card,[data-theme=light] .real-object-card{background:#fff;border-color:#0f172a1a}[data-theme=light] .tree-branch-node.active{background:#10b98114;border-color:#10b98159}[data-theme=light] .branch-cond,[data-theme=light] .box-title{color:#0f172a}[data-theme=light] .branch-result{color:#334155}[data-theme=light] .io-arrow,[data-theme=light] .pointer-glowing-arrow{color:#475569}[data-theme=light] .ram-tape-cell,[data-theme=light] .char-cell,[data-theme=light] .matrix-cell{color:#0f172a;background:#fff;border-color:#0f172a1f}[data-theme=light] .matrix-cell.hovered,[data-theme=light] .ram-tape-cell.hovered{background:#0284c726;border-color:#0284c7}[data-theme=light] .null-term-cell{color:#dc2626;background:#ef44441a;border-color:#ef4444}[data-theme=light] .struct-memory-block{background:#f8fafc;border-color:#0f172a1f}[data-theme=light] .struct-header-bar{color:#0f172a;background:#f1f5f9;border-bottom:1px solid #0f172a14}[data-theme=light] .struct-field{color:#0f172a;background:#fff;border-color:#0f172a1f}[data-theme=light] .heap-block-item.allocated{color:#b45309;background:#f59e0b14;border-color:#f59e0b59}[data-theme=light] .heap-block-item.freed{color:#047857;background:#10b98114;border-color:#10b98159}[data-theme=light] .leak-status-bar{color:#0f172a;background:#f1f5f9;border-color:#0f172a1a}[data-theme=light] .stack-frame-box{color:#0f172a;background:#fff;border-color:#0f172a1f}[data-theme=light] .stack-frame-box.base-frame{background:#10b9811a;border-color:#10b981}[data-theme=light] .loop-step-cell.pending{color:#64748b;background:#f8fafc;border-color:#0f172a1a}[data-theme=light] .loop-step-cell.current{color:#0369a1;background:#0284c71f;border-color:#0284c7}[data-theme=light] .loop-step-cell.completed{color:#047857;background:#10b98114;border-color:#10b98159}.drawers-control-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.drawers-count-hint{color:var(--text-dim,#94a3b8);font-size:12px}.btn-toggle-all-drawers{background:var(--bg-elevated,#ffffff0a);border:1px solid var(--border,#ffffff1a);color:var(--text-main,#f8fafc);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:11.5px;transition:all .14s}.btn-toggle-all-drawers:hover{background:var(--bg-hover,#ffffff14);border-color:var(--primary,#0284c7)}.practice-drawers-list{flex-direction:column;gap:12px;display:flex}.problem-drawer-item{background:var(--bg-card,#fff);border:1px solid var(--border,#0f172a1a);border-radius:10px;transition:all .16s;overflow:hidden;box-shadow:0 1px 3px #0000000a}[data-theme=dark] .problem-drawer-item{background:#111827;border-color:#ffffff14}.problem-drawer-item.drawer-is-open{border-color:#0284c773;box-shadow:0 4px 16px #00000014}[data-theme=dark] .problem-drawer-item.drawer-is-open{border-color:#38bdf859;box-shadow:0 4px 16px #0003}.drawer-header-btn{width:100%;cursor:pointer!important;text-align:left!important;box-sizing:border-box!important;background:0 0!important;border:none!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:14px!important;padding:14px 18px!important;transition:background .14s!important;display:flex!important}.drawer-header-btn:hover{background:var(--bg-hover,#00000005)!important}.drawer-header-left{flex-direction:row!important;flex:1!important;align-items:center!important;gap:10px!important;min-width:0!important;display:flex!important}.drawer-index-pill{color:var(--primary,#0284c7)!important;background:#0284c71a!important;border:1px solid #0284c740!important;border-radius:6px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:3px 8px!important;font-size:11px!important;font-weight:800!important;line-height:1!important;display:inline-flex!important}[data-theme=dark] .drawer-index-pill{color:#38bdf8!important;background:#38bdf81f!important;border-color:#38bdf840!important}.drawer-title-text{color:var(--text-main,#0f172a)!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:14.5px!important;font-weight:700!important;overflow:hidden!important}[data-theme=dark] .drawer-title-text{color:#f8fafc!important}.drawer-header-right{flex-direction:row!important;flex-shrink:0!important;align-items:center!important;gap:12px!important;display:flex!important}.drawer-hints-pill{color:#d97706!important;background:#f59e0b1f!important;border:1px solid #f59e0b40!important;border-radius:6px!important;padding:3px 8px!important;font-size:11px!important;font-weight:600!important}[data-theme=dark] .drawer-hints-pill{color:#fbbf24!important;background:#f59e0b1a!important}.drawer-state-action{color:var(--text-dim,#64748b)!important;font-size:11px!important}.drawer-chevron-icon{color:var(--text-dim,#64748b)!important;font-size:11px!important;transition:transform .15s!important}.drawer-body-content{border-top:1px solid var(--border,#0f172a14);flex-direction:column;gap:18px;margin-top:4px;padding:18px 18px 20px;display:flex}.lesson-tables-section{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.lesson-table-card{background:var(--bg-card,#fff);border:1px solid var(--border,#0f172a1a);border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #00000008}[data-theme=dark] .lesson-table-card{background:#111827;border-color:#ffffff14}.table-card-header{border-bottom:1px solid var(--border,#0f172a14);background:#0284c70f;padding:12px 18px}[data-theme=dark] .table-card-header{background:#38bdf814;border-bottom-color:#ffffff14}.table-card-title{color:var(--text-main,#0f172a);margin:0;font-size:14px;font-weight:700}[data-theme=dark] .table-card-title{color:#f8fafc}.lesson-mistakes-section{background:#ef44440a;border:1px solid #ef444433;border-radius:10px;margin-top:24px;margin-bottom:24px;padding:18px}[data-theme=dark] .lesson-mistakes-section{background:#ef444414;border-color:#ef44444d}.mistakes-section-title{color:#ef4444;margin:0 0 14px;font-size:14px;font-weight:700}.mistakes-grid{flex-direction:column;gap:12px;display:flex}.mistake-item-card{background:var(--bg-card,#fff);border:1px solid var(--border,#0f172a14);border-radius:8px;flex-direction:column;gap:6px;padding:12px 16px;display:flex}[data-theme=dark] .mistake-item-card{background:#1e293b;border-color:#ffffff14}.mistake-title{color:#ef4444;font-size:13.5px;font-weight:700}.mistake-why,.mistake-fix{color:var(--text-main,#334155);font-size:12.5px;line-height:1.5}[data-theme=dark] .mistake-why,[data-theme=dark] .mistake-fix{color:#cbd5e1}.learn-c-container,.learn-c-main,.practice-lab-section,.lesson-content-block,.lesson-table-card,.lesson-code-snippet-card,.problem-drawer-item{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}@media (width<=1024px){.learn-c-container{width:100%!important;height:auto!important;min-height:calc(100vh - var(--header-h))!important;flex-direction:column!important;max-height:none!important;display:flex!important;overflow:visible!important}.learn-c-sidebar{display:none!important}.mobile-chapter-selector-bar{background:var(--bg-card,#fff);border-bottom:1px solid var(--border);box-shadow:0 2px 8px #0000000d;z-index:45!important;display:flex!important;position:sticky!important;top:0!important}[data-theme=dark] .mobile-chapter-selector-bar{background:#0f172a}.mobile-chapter-selector-bar{box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;padding:8px 12px!important;display:flex!important}.btn-mobile-syllabus-toggle{flex:auto!important;align-items:center!important;gap:6px!important;min-width:0!important;max-width:calc(100% - 150px)!important;display:flex!important;overflow:hidden!important}.mobile-ch-name{text-overflow:ellipsis!important;white-space:nowrap!important;flex:1!important;min-width:0!important;overflow:hidden!important}.mobile-header-right{flex-shrink:0!important;align-items:center!important;gap:6px!important;display:flex!important}.lesson-top-badges .academy-coin-pill{display:none!important}.lesson-top-badges{justify-content:flex-start!important;width:100%!important;display:flex!important}.lesson-top-badges .btn-lesson-complete{justify-content:center!important;width:100%!important}.pipeline-stepper-bar,.ram-selector-bar,.bit-reg-strip,.vis-tabs-row{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;box-sizing:border-box!important;flex-wrap:nowrap!important;max-width:100%!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.pipeline-stepper-bar::-webkit-scrollbar{display:none!important}.ram-selector-bar::-webkit-scrollbar{display:none!important}.bit-reg-strip::-webkit-scrollbar{display:none!important}.vis-tabs-row::-webkit-scrollbar{display:none!important}.pipeline-step-node,.ram-type-btn{flex-shrink:0!important}.learn-c-main{box-sizing:border-box!important;width:100%!important;height:auto!important;max-height:none!important;padding:22px 24px 60px!important;overflow:hidden visible!important}}@media (width<=860px){.header-mode-nav{display:none!important}.lesson-hero-header .lesson-main-title{font-size:22px!important;line-height:1.3!important}.lesson-table-wrapper{-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;width:100%!important;display:block!important;overflow-x:auto!important}.lesson-data-table{width:100%!important;min-width:440px!important}.practice-lab-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}}@media (width<=768px){.learn-c-main{padding:16px 14px 50px!important}.lesson-top-nav{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:18px!important;padding-bottom:12px!important}.lesson-breadcrumbs{flex-wrap:wrap!important;gap:4px 6px!important;font-size:11.5px!important}.btn-lesson-complete{padding:5px 10px!important;font-size:11px!important}.lesson-tag-row{flex-wrap:wrap!important;gap:6px!important}.lesson-tag-row .lesson-step-badge{width:100%!important;margin-top:2px!important}.lesson-content-block{border-radius:10px!important;margin-bottom:18px!important;padding:18px 16px!important}.lesson-section-h2{font-size:15.5px!important;line-height:1.35!important}.lesson-body-text{font-size:13.5px!important;line-height:1.6!important}.lesson-code-snippet-card{border-radius:8px!important;margin:12px 0!important}.code-snippet-top-bar{padding:6px 12px!important}.code-snippet-pre{padding:12px 14px!important;font-size:12px!important;line-height:1.5!important}.lesson-callout-tip{flex-direction:column!important;gap:4px!important;padding:10px 12px!important;font-size:12.5px!important}.practice-lab-section{border-radius:10px!important;margin:24px 0!important;padding:16px 12px!important}.practice-lab-title{font-size:17px!important}.drawer-header-btn{flex-wrap:wrap!important;gap:8px!important;padding:12px!important}.drawer-header-left{flex:100%!important;min-width:0!important}.drawer-title-text{white-space:normal!important;word-break:break-word!important;font-size:13px!important}.drawer-header-right{justify-content:space-between!important;width:100%!important;padding-top:4px!important}.drawer-body-content{padding:0 12px 16px!important}.beecrowd-spec-grid{grid-template-columns:1fr!important;gap:10px!important}.lesson-quiz-card{margin:24px 0!important;padding:16px 14px!important}.quiz-options-grid{grid-template-columns:1fr!important;gap:8px!important}.quiz-step-pills-row{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;gap:4px!important;padding-bottom:6px!important;overflow-x:auto!important}.step-pill{width:26px!important;height:26px!important;font-size:10px!important}.lesson-footer-nav{flex-direction:column!important;gap:10px!important;width:100%!important}.btn-nav-prev,.btn-nav-next{box-sizing:border-box!important;justify-content:center!important;width:100%!important}}@media (width<=540px){.learn-c-main{padding:12px 10px 40px!important}.btn-mobile-syllabus-toggle{max-width:65%!important;padding:5px 8px!important;font-size:11px!important}.mobile-ch-name{max-width:160px!important}.lesson-hero-header .lesson-main-title{font-size:19px!important}.lesson-hero-header .lesson-main-desc{font-size:12px!important}.academy-coin-pill{padding:4px 8px!important;font-size:11px!important}.academy-coin-pill .coin-plus-btn{display:none!important}.drawers-control-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.btn-toggle-all-drawers{text-align:center!important;width:100%!important}.hints-header-row{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.hint-card-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.btn-unlock-hint-action{justify-content:center!important;width:100%!important}}@media (width<=375px){.learn-c-main{padding:10px 8px 36px!important}.mobile-ch-name{max-width:120px!important}.lesson-hero-header .lesson-main-title{font-size:17.5px!important}.lesson-section-h2{font-size:14.5px!important}.lesson-body-text{font-size:12.5px!important}.lesson-content-block{padding:14px 10px!important}}.code-playground-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;margin-top:14px;display:flex;overflow:hidden;box-shadow:0 4px 20px #0003}.playground-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.playground-badge{font-size:11.5px;font-family:var(--font-mono);color:var(--text-main);background:var(--bg-app);border:1px solid var(--border);border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-weight:700;display:inline-flex}.btn-run-playground{cursor:pointer;align-items:center;gap:6px;transition:all .14s;display:inline-flex;color:#fff!important;background:#2563eb!important;border:1px solid #3b82f6!important;border-radius:5px!important;padding:6px 14px!important;font-weight:700!important}.btn-run-playground:hover{transform:translateY(-1px);background:#1d4ed8!important}.playground-stdin-bar{background:var(--bg-app);border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding:10px 14px;display:flex}.stdin-header-label{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.stdin-hint{color:var(--text-dim);font-size:10.5px}.stdin-input-field{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-main);box-sizing:border-box;border-radius:4px;padding:6px 10px;font-size:12px}.stdin-input-field:focus{border-color:var(--primary);outline:none}.playground-body{background:#011627;grid-template-columns:1fr 1fr;min-height:280px;display:grid}@media (width<=860px){.playground-body{grid-template-columns:1fr}}.playground-terminal{background:#0b1120;flex-direction:column;height:100%;min-height:240px;display:flex}.terminal-top{background:#0f172a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;display:flex}.terminal-title{color:#94a3b8;font-weight:700;font-family:var(--font-mono);align-items:center;gap:6px;display:flex}.terminal-prompt{color:#38bdf8;font-weight:900}.terminal-status-tag{color:#64748b;font-size:10.5px}.terminal-body{font-family:var(--font-mono);color:#f1f5f9;white-space:pre-wrap;word-break:break-word;flex:1;margin:0;padding:12px 14px;font-size:12px;line-height:1.6;overflow:auto}.terminal-loading{color:#38bdf8;font-style:italic}.terminal-empty{color:#475569;font-style:italic}.hp-layout{box-sizing:border-box;flex-direction:column;gap:40px;width:100%;max-width:1280px;margin:0 auto;padding:32px 24px 80px;display:flex;overflow-x:hidden}.hp-hero{box-sizing:border-box;grid-template-columns:57fr 43fr;align-items:stretch;gap:24px;width:100%;display:grid}.hp-hero-left{flex-direction:column;gap:20px;min-width:0;display:flex}.hp-eyebrow-pill{width:fit-content;color:var(--text-muted);background:#2563eb1a;border:1px solid #2563eb40;border-radius:20px;align-items:center;gap:8px;padding:5px 14px;font-size:12px;display:inline-flex}.hp-eyebrow-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite hp-pulse}@keyframes hp-pulse{0%,to{opacity:1}50%{opacity:.4}}.hp-h1{letter-spacing:-.5px;color:var(--text-main);margin:0;font-size:32px;font-weight:800;line-height:1.22}.hp-h1-accent{color:#10b981}.hp-hero-desc{color:var(--text-muted);max-width:520px;margin:0;font-size:14px;line-height:1.65}.hp-hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hp-btn-academy{color:#fff;font-size:13.5px;font-weight:700;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:8px;align-items:center;gap:6px;padding:11px 20px;transition:background .12s,transform 80ms;display:inline-flex}.hp-btn-academy:hover{background:#059669;transform:translateY(-1px)}.hp-btn-studio{color:#fff;font-size:13.5px;font-weight:600;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:11px 20px;transition:background .12s,transform 80ms;display:inline-flex}.hp-btn-studio:hover{background:#1d4ed8;transform:translateY(-1px)}.hp-hero-pills{flex-wrap:wrap;gap:8px;display:flex}.hp-hero-pill{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;display:flex}.hp-pill-check{color:#10b981;font-size:11px;font-weight:700}.hp-sandbox{background:#011627;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;min-width:0;height:100%;min-height:290px;display:flex;overflow:hidden}.hp-sb-header{background:#021d2e;border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.hp-sb-dots{flex-shrink:0;gap:5px;display:flex}.hp-dot{border-radius:50%;width:10px;height:10px}.dot-r{background:#ef4444}.dot-y{background:#f59e0b}.dot-g{background:#10b981}.hp-sb-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;gap:2px;min-width:0;display:flex;overflow-x:auto}.hp-sb-tabs::-webkit-scrollbar{display:none}.hp-sb-tab{font-size:11.5px;font-family:var(--font-mono);color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;flex-shrink:0;padding:4px 10px;transition:color .1s,background .1s}.hp-sb-tab.active{color:#e2e8f0;background:#ffffff14}.hp-sb-tab:hover:not(.active){color:#94a3b8}.hp-sb-controls{flex-shrink:0;gap:6px;display:flex}.hp-sb-icon-btn{cursor:pointer;color:#64748b;background:#ffffff0f;border:none;border-radius:5px;align-items:center;padding:5px 7px;transition:background .1s;display:flex}.hp-sb-icon-btn:hover{color:#94a3b8;background:#ffffff1a}.hp-sb-play-btn{color:#fff;font-size:11.5px;font-family:var(--font-sans);cursor:pointer;background:#10b981;border:none;border-radius:5px;align-items:center;gap:5px;padding:5px 12px;font-weight:600;transition:background .1s;display:flex}.hp-sb-play-btn:hover{background:#059669}.hp-sb-stage{box-sizing:border-box;background:#011627;flex:1;justify-content:space-around;align-items:stretch;gap:6px;height:180px;min-height:170px;padding:20px 14px 28px;display:flex;position:relative}.hp-sb-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex;position:relative}.hp-sb-bar-track{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.hp-sb-bar{background:#1e3a5f;border-radius:4px 4px 0 0;width:100%;max-width:26px;min-height:14px;transition:height .12s,background-color .1s}.hp-sb-bar.active{background:#2563eb}.hp-sb-bar.pivot{background:#f59e0b}.hp-sb-bar.sorted{background:#10b981}.hp-sb-val{color:#94a3b8;font-size:10px;line-height:1;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;margin-top:6px}.hp-sb-ptr{font-size:10.5px;font-family:var(--font-mono);font-weight:700;line-height:1;position:absolute;bottom:-18px}.hp-ptr-i{color:#38bdf8}.hp-ptr-j{color:#10b981}.hp-ptr-p{color:#f59e0b}.hp-sb-footer{background:#021d2e;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.hp-telemetry{flex-wrap:wrap;gap:8px;display:flex}.hp-t-chip{color:#475569;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:4px;padding:3px 8px;font-size:10.5px}.hp-t-chip b{color:#94a3b8}.hp-open-studio-btn{color:#64748b;cursor:pointer;font-size:11px;font-family:var(--font-sans);white-space:nowrap;background:0 0;border:1px solid #ffffff1a;border-radius:5px;align-items:center;gap:4px;padding:4px 10px;transition:border-color .1s,color .1s;display:flex}.hp-open-studio-btn:hover{color:#94a3b8;border-color:#fff3}.hp-flagship-grid{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.hp-flagship-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;box-sizing:border-box;border-radius:10px;flex-direction:column;justify-content:space-between;gap:14px;height:100%;padding:22px;transition:border-color .15s,transform .1s;display:flex;overflow:hidden}.hp-flagship-card:hover{transform:translateY(-2px)}.hp-card-academy:hover{border-color:#10b98166}.hp-card-studio:hover{border-color:#2563eb66}.hp-fc-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.hp-fc-badge{font-size:10.5px;font-weight:700;font-family:var(--font-mono);border-radius:5px;padding:3px 10px}.hp-badge-green{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.hp-badge-blue{color:#3b82f6;background:#2563eb1f;border:1px solid #2563eb40}.hp-fc-meta{color:var(--text-dim);font-size:10.5px}.hp-fc-title{color:var(--text-main);margin:0;font-size:20px;font-weight:800;line-height:1.3}.hp-fc-desc{color:var(--text-muted);flex-grow:0;margin:0;font-size:13.5px;line-height:1.6}.hp-fc-canvas{background:var(--bg-elevated);border:1px solid var(--border-subtle);box-sizing:border-box;border-radius:8px;flex-direction:column;flex:1;justify-content:space-between;gap:10px;min-height:125px;padding:12px 14px;display:flex;overflow:hidden}.canvas-c-ide{min-height:125px}.c-ide-header{border-bottom:1px dashed var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding-bottom:6px;font-size:10px;display:flex}.c-ide-tabs{align-items:center;gap:8px;display:flex}.c-ide-tab{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-weight:700;display:inline-flex}.c-ide-tab-dim{color:var(--text-dim);font-size:9.5px}.c-ide-target{align-items:center;gap:5px;display:flex}.gcc-badge{color:#10b981;background:#10b9811a;border:1px solid #10b98140;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:700}.wasm-badge{color:#3b82f6;background:#2563eb1a;border:1px solid #2563eb40;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:700}.c-ide-body{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:10px;min-width:0;display:grid}.c-code-panel{background:var(--bg-card);border:1px solid var(--border);scrollbar-width:none;border-radius:6px;flex-direction:column;gap:2px;min-width:0;padding:6px 8px;font-size:10px;line-height:1.45;display:flex;overflow-x:auto}.c-code-panel::-webkit-scrollbar{display:none}.code-line{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.code-line.indent{padding-left:10px}.ln{color:var(--text-dim);-webkit-user-select:none;user-select:none;min-width:8px;font-size:8.5px}.fn-c{color:#f59e0b;font-weight:700}.c-term-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;flex-direction:column;justify-content:space-between;gap:4px;min-width:0;padding:6px 8px;display:flex}.term-header{color:var(--text-dim);letter-spacing:.05em;align-items:center;gap:4px;font-size:8px;font-weight:800;display:flex}.green-dot{background:#10b981;border-radius:50%;width:5px;height:5px}.term-body{flex-direction:column;gap:3px;display:flex}.term-out-text{color:#10b981;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.term-status-badge{color:var(--text-dim);font-size:8.5px}.term-ch-track{border-top:1px dashed var(--border-subtle);justify-content:space-between;align-items:center;gap:6px;margin-top:2px;padding-top:3px;display:flex}.ch-prog-text{color:var(--text-dim);white-space:nowrap;font-size:8px}.ch-prog-bar{background:var(--bg-hover);border-radius:2px;flex:1;height:4px;overflow:hidden}.ch-prog-fill{background:#10b981;border-radius:2px;height:100%}.dsa-stage-top{border-bottom:1px dashed var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding-bottom:6px;font-size:10.5px;display:flex}.dsa-telemetry-badge{color:var(--text-main);align-items:center;gap:5px;font-weight:600;display:flex}.tel-dot.active{background:#10b981;border-radius:50%;width:6px;height:6px}.dsa-lang-tag{color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border);border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:9.5px}.dsa-visual-duo{flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:68px;display:flex}.dsa-array-wave{flex:1;justify-content:space-around;align-items:flex-end;gap:4px;min-width:0;height:100%;padding-top:4px;display:flex}.dsa-wave-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:2px;height:100%;display:flex}.dsa-wave-bar{border-radius:3px 3px 0 0;width:100%;max-width:18px;min-height:8px;transition:height .12s}.bar-sorted{background:#10b981}.hp-fc-pills{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.hp-fc-pill{color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);white-space:nowrap;border-radius:5px;padding:3.5px 9px;font-size:11px}.hp-fc-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:4px;display:flex}.bar-active{background:#3b82f6}.bar-pivot{background:#f59e0b}.bar-compare{background:#06b6d4}.bar-normal{background:#1e3a5f}.dsa-wave-num{color:var(--text-dim);font-size:8.5px;line-height:1}.dsa-graph-mini{flex-shrink:0;width:105px;height:60px}.dsa-graph-svg{width:100%;height:100%;display:block}[data-theme=light] .hp-fc-canvas{background:#f8fafc;border-color:#0f172a1a}[data-theme=light] .dsa-graph-svg circle:not([stroke=\#10b981]){fill:#f1f5f9}.hp-fc-pills{flex-wrap:wrap;gap:6px;display:flex}.hp-fc-pill{color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:5px;padding:4px 10px;font-size:11.5px}.hp-fc-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.hp-btn-fc{font-size:13px;font-weight:700;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;border-radius:7px;align-items:center;gap:6px;padding:9px 18px;transition:background .12s;display:inline-flex}.hp-btn-fc-green{color:#fff;background:#10b981}.hp-btn-fc-green:hover{background:#059669}.hp-btn-fc-blue{color:#fff;background:#2563eb}.hp-btn-fc-blue:hover{background:#1d4ed8}.hp-fc-sub{color:var(--text-dim);font-size:11.5px}.hp-pillars{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid}.hp-pillar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;padding:20px;display:flex}.hp-pillar-icon{font-size:22px}.hp-pillar-title{color:var(--text-main);margin:0;font-size:15px;font-weight:700}.hp-pillar-desc{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.hp-section{flex-direction:column;gap:20px;display:flex}.hp-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hp-section-eyebrow{color:var(--text-dim);letter-spacing:.08em;margin-bottom:4px;font-size:10.5px;font-weight:700;display:block}.hp-eyebrow-green{color:#10b981}.hp-section-title{color:var(--text-main);margin:0 0 4px;font-size:22px;font-weight:800;line-height:1.3}.hp-section-sub{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.6}.hp-hub-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid}.hp-hub-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;box-sizing:border-box;border-radius:10px;flex-direction:column;justify-content:space-between;gap:12px;padding:18px;transition:border-color .15s,transform .1s;display:flex}.hp-hub-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.hp-hub-open{border-color:#2563eb}.hp-hub-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.hp-hub-status-pill{border-radius:4px;padding:2.5px 8px;font-size:10px;font-weight:700}.hp-pill-green{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.hp-pill-amber{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.hp-pill-blue{color:#3b82f6;background:#2563eb1f;border:1px solid #2563eb40}.hp-hub-badge{color:var(--text-dim);font-size:10px}.hp-hub-icon-row{align-items:center;gap:8px;display:flex}.hp-hub-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.hp-icon-green{background:#10b9811f}.hp-icon-amber{background:#f59e0b1f}.hp-icon-blue{background:#2563eb1f}.hp-hub-title{color:var(--text-main);margin:0;font-size:15.5px;font-weight:700}.hp-hub-desc{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.55}.hp-graphical-canvas{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;flex-direction:column;gap:8px;min-height:120px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.hp-svg-diagram{width:100%;height:90px;display:block}.hp-canvas-footer{border-top:1px dashed var(--border-subtle);justify-content:space-between;align-items:center;padding-top:6px;font-size:9.5px;display:flex}.c-pill{border-radius:4px;padding:2px 7px;font-weight:700}.green-pill{color:#10b981;background:#10b9811a;border:1px solid #10b98140}.blue-pill{color:#3b82f6;background:#2563eb1a;border:1px solid #2563eb40}.amber-pill{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b40}.purple-pill{color:#8b5cf6;background:#7c3aed1a;border:1px solid #7c3aed40}.gray-pill{background:var(--bg-card);color:var(--text-dim);border:1px solid var(--border)}.hp-race-hud{flex-direction:column;gap:8px;padding:4px 0;display:flex}.race-lane-row{flex-direction:column;gap:3px;display:flex}.lane-header{justify-content:space-between;align-items:center;font-size:10.5px;display:flex}.lane-badge{color:var(--text-main);font-weight:700}.badge-winner{color:#f59e0b}.badge-slow{color:var(--text-muted)}.lane-time{font-size:10px;font-weight:700}.lane-time.winner{color:#10b981}.lane-time.slower{color:var(--text-dim)}.race-track{background:var(--bg-card);border:1px solid var(--border);border-radius:5px;align-items:center;width:100%;height:10px;display:flex;position:relative;overflow:visible}.race-boost-fill{border-radius:4px;height:100%;transition:width .3s;position:relative}.fill-quick{background:#f59e0b}.fill-bubble{background:#3b82f6}.race-flag{font-size:11px;line-height:1;position:absolute;right:-4px}.hp-hub-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:4px;display:flex}.hp-btn-hub{font-size:12px;font-weight:700;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;padding:7px 12px;transition:background .1s;display:inline-flex}.hp-btn-hub-green{color:#fff;background:#10b981}.hp-btn-hub-green:hover{background:#059669}.hp-btn-hub-amber{color:#fff;background:#d97706}.hp-btn-hub-amber:hover{background:#b45309}.hp-btn-hub-blue{color:#fff;background:#2563eb}.hp-btn-hub-blue:hover{background:#1d4ed8}.hp-hub-hint{color:var(--text-dim);font-size:10.5px}.hp-studio-nav-bar{background:var(--bg-card);border:1px solid var(--border);box-sizing:border-box;scrollbar-width:none;border-radius:12px;align-items:center;gap:8px;width:100%;padding:6px;display:flex;overflow-x:auto}.hp-studio-nav-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;font-size:13.5px;font-weight:600;font-family:var(--font-sans);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;transition:all .14s;display:flex}.hp-studio-nav-btn:hover{background:var(--bg-hover);color:var(--text-main)}.hp-studio-nav-btn.active{background:var(--bg-elevated);border-color:var(--border-hover);color:var(--text-main);font-weight:700;box-shadow:0 1px 4px #0000001a}.hp-studio-nav-btn.active.tab-green{color:#10b981;background:#10b98114;border-color:#10b98166}.hp-studio-nav-btn.active.tab-amber{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b66}.hp-studio-nav-btn.active.tab-blue{color:#3b82f6;background:#2563eb14;border-color:#2563eb66}.hp-studio-nav-badge{background:var(--bg-hover);border-radius:5px;padding:2px 7px;font-size:11px;font-weight:700}[data-theme=light] .hp-studio-nav-bar{background:#fff;border-color:#0f172a1f}[data-theme=light] .hp-studio-nav-btn{color:#64748b}[data-theme=light] .hp-studio-nav-btn:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .hp-studio-nav-btn.active{color:#0f172a;background:#f8fafc;border-color:#0f172a2e}[data-theme=light] .hp-studio-nav-btn.active.tab-green{color:#047857;background:#10b9811a;border-color:#10b981}[data-theme=light] .hp-studio-nav-btn.active.tab-amber{color:#b45309;background:#f59e0b1a;border-color:#f59e0b}[data-theme=light] .hp-studio-nav-btn.active.tab-blue{color:#1d4ed8;background:#2563eb1a;border-color:#2563eb}.hp-drawer-expanded{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin-top:4px;padding:20px}.hp-drawer{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.hp-drawer-header{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.hp-cat-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.hp-cat-pills::-webkit-scrollbar{display:none}.hp-cat-pill{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;white-space:nowrap;font-size:12px;font-weight:600;font-family:var(--font-sans);border-radius:6px;flex-shrink:0;padding:4px 12px;transition:background .1s,border-color .1s,color .1s}.hp-cat-pill.active{background:var(--bg-card);color:var(--text-main);border-color:var(--border-hover);font-weight:700}.hp-cat-pill:hover:not(.active){color:var(--text-main)}.hp-search-wrap{align-items:center;display:flex;position:relative}.hp-search-ico{color:var(--text-dim);position:absolute;left:10px}.hp-search-field{background:var(--bg-elevated);border:1px solid var(--border);width:100%;color:var(--text-main);font-size:12.5px;font-family:var(--font-sans);box-sizing:border-box;border-radius:7px;padding:7px 10px 7px 32px;transition:border-color .1s}.hp-search-field:focus{border-color:var(--border-hover);outline:none}.hp-search-field::placeholder{color:var(--text-dim)}.hp-search-x{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:12px;position:absolute;right:10px}.hp-search-x:hover{color:var(--text-main)}.hp-algo-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.hp-algo-tile{background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;box-sizing:border-box;border-radius:8px;padding:12px;transition:border-color .12s,transform 80ms}.hp-algo-tile:hover{border-color:var(--border-hover);transform:translateY(-1px)}.hp-algo-tile.tile-done{border-color:#10b9814d}.hp-tile-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.hp-tile-identity{align-items:center;gap:8px;display:flex}.hp-tile-icon{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.hp-tile-name{color:var(--text-main);margin:0;font-size:13px;font-weight:700;line-height:1.3}.hp-tile-cat{color:var(--text-dim);font-size:10.5px;display:block}.hp-bookmark-btn{cursor:pointer;color:var(--text-dim);background:0 0;border:none;border-radius:4px;padding:3px;transition:color .1s}.hp-bookmark-btn.bookmarked{color:#f59e0b}.hp-bookmark-btn:hover{color:var(--text-muted)}.hp-tile-metrics{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.hp-metric-pill{color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border);border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;display:inline-flex}.metric-dot{border-radius:50%;width:5px;height:5px}.hp-stable{color:#10b981!important}.hp-tile-footer{justify-content:space-between;align-items:center;display:flex}.hp-tile-hint{color:var(--text-dim);font-size:10.5px}.hp-tile-launch{color:#2563eb;align-items:center;gap:3px;font-size:10.5px;display:flex}.hp-empty-state{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:32px}.hp-btn-outline{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-family:var(--font-sans);border-radius:6px;margin-top:12px;padding:7px 16px;font-size:12.5px;transition:border-color .1s}.hp-btn-outline:hover{border-color:var(--border-hover)}.hp-show-more-row{text-align:center;padding-top:12px}.hp-btn-show-more{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:12px;font-family:var(--font-mono);border-radius:6px;padding:7px 18px;transition:border-color .1s}.hp-btn-show-more:hover{border-color:var(--border-hover);color:var(--text-main)}.hp-calc-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;margin-bottom:14px;padding:16px}.hp-calc-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.hp-calc-badge{color:var(--text-dim);letter-spacing:.06em;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.hp-calc-title{color:var(--text-main);margin:0 0 4px;font-size:14px;font-weight:700}.hp-calc-sub{color:var(--text-muted);margin:0;font-size:12px}.hp-slider-box{min-width:200px}.hp-slider-label-row{color:var(--text-muted);justify-content:space-between;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.hp-complexity-slider{accent-color:#2563eb;border-radius:2px;width:100%;height:4px}.hp-calc-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.hp-calc-pill{background:var(--bg-card);border:1px solid var(--border);border-radius:7px;padding:10px 12px}.hp-calc-pill-head{justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;display:flex}.hp-calc-label{color:var(--text-muted);font-size:12px}.hp-calc-notation{font-size:12px;font-weight:700}.hp-calc-ops{color:var(--text-main);font-size:13px;font-weight:700}.hp-matrix-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:8px;overflow-x:auto}.hp-matrix-table{border-collapse:collapse;width:100%;min-width:600px}.hp-matrix-table th{color:var(--text-dim);text-align:left;background:var(--bg-elevated);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 12px;font-size:11px;font-weight:700}.hp-matrix-table td{color:var(--text-muted);border-bottom:1px solid var(--border-subtle);padding:8px 12px;font-size:12px}.hp-matrix-row{cursor:pointer;transition:background 80ms}.hp-matrix-row:hover{background:var(--bg-elevated)}.hp-matrix-row:last-child td{border-bottom:none}.hp-mat-cat{color:var(--text-dim);background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;padding:2px 7px;font-size:10.5px}.hp-mat-space{color:var(--text-dim)}.hp-mat-stable{font-size:11.5px}.hp-mat-stable.is-stable{color:#10b981}.hp-mat-stable.is-unstable{color:var(--text-dim)}.hp-mat-run-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:11.5px;font-family:var(--font-sans);border-radius:5px;padding:3px 10px;transition:border-color 80ms,color 80ms}.hp-mat-run-btn:hover{color:#2563eb;border-color:#2563eb}.hp-courses-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.hp-course-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;box-sizing:border-box;border-radius:10px;padding:20px;transition:border-color .15s;overflow:hidden}.hp-course-card.hp-course-soon{cursor:default;opacity:.7}.hp-course-c:hover{border-color:#10b98166}.hp-course-python:hover{border-color:#f59e0b66}.hp-course-open{border-color:#10b981}.hp-course-python.hp-course-open{border-color:#f59e0b}.hp-course-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.hp-course-pill{border-radius:5px;padding:3px 10px;font-size:10.5px;font-weight:700}.hp-course-meta{color:var(--text-dim);font-size:10.5px}.hp-course-title{color:var(--text-main);margin:0 0 6px;font-size:16px;font-weight:700}.hp-course-desc{color:var(--text-muted);margin:0 0 14px;font-size:13px;line-height:1.6}.hp-course-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.hp-btn-course{font-size:12.5px;font-weight:700;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;transition:background .1s;display:inline-flex}.hp-btn-course:disabled{opacity:.5;cursor:not-allowed}.hp-btn-course-c{color:#fff;background:#10b981}.hp-btn-course-c:hover{background:#059669}.hp-btn-course-python{color:#fff;background:#d97706}.hp-btn-course-python:hover{background:#b45309}.hp-btn-course-java{color:#8b5cf6;background:#7c3aed26}.hp-btn-course-cpp{color:#3b82f6;background:#2563eb26}.hp-course-hint{color:var(--text-dim);font-size:11px}.hp-drawer-banner{background:var(--bg-elevated);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding:14px 16px;display:flex}.hp-drawer-badge{color:var(--text-dim);letter-spacing:.06em;margin-bottom:4px;font-size:10.5px;font-weight:700;display:block}.hp-drawer-title{color:var(--text-main);margin:0 0 3px;font-size:14px;font-weight:700}.hp-drawer-sub{color:var(--text-muted);margin:0;font-size:12px}.hp-btn-sm-green{color:#fff;font-size:12px;font-weight:700;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:7px 14px;transition:background .1s;display:inline-flex}.hp-btn-sm-green:hover{background:#059669}.hp-btn-sm-amber{color:#fff;font-size:12px;font-weight:700;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:#d97706;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:7px 14px;transition:background .1s;display:inline-flex}.hp-btn-sm-amber:hover{background:#b45309}.hp-modules-grid{flex-direction:column;gap:8px;display:flex}.hp-mod-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.hp-mod-card.mod-open{border-color:#10b98159}.hp-mod-header{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;transition:background 80ms;display:flex}.hp-mod-header:hover{background:var(--bg-elevated)}.hp-mod-left{flex:1;min-width:0}.hp-mod-num{color:var(--text-dim);letter-spacing:.08em;margin-bottom:2px;font-size:10px;font-weight:700;display:block}.hp-mod-title{color:var(--text-main);margin:0 0 3px;font-size:13.5px;font-weight:700}.hp-mod-desc{color:var(--text-dim);margin:0;font-size:12px}.hp-mod-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.hp-mod-count{color:var(--text-dim);background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:11px}.hp-mod-toggle{color:var(--text-dim);font-size:11px}.hp-lessons-list{border-top:1px solid var(--border)}.hp-lesson-row{cursor:pointer;border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:10px 14px;transition:background 80ms;display:flex}.hp-lesson-row:last-child{border-bottom:none}.hp-lesson-row:hover{background:var(--bg-elevated)}.hp-lesson-num{color:var(--text-dim);min-width:24px;font-size:12px;font-weight:700}.hp-lesson-info{flex:1;min-width:0}.hp-lesson-title{color:var(--text-main);font-size:13px;font-weight:600;display:block}.hp-lesson-sub{color:var(--text-dim);margin-top:2px;font-size:11.5px;display:block}.hp-lesson-time{color:var(--text-dim);flex-shrink:0;font-size:11px}.hp-stats-strip{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:14px;padding:24px;display:grid}.hp-stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.hp-stat-value{font-size:28px;font-weight:900;line-height:1}.hp-stat-label{color:var(--text-muted);font-size:12px}.hp-final-cta{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:14px;padding:40px 32px;display:flex}.hp-final-badge{letter-spacing:.08em;color:#10b981;background:#10b9811a;border:1px solid #10b98140;border-radius:20px;padding:4px 14px;font-size:10.5px;font-weight:700}.hp-final-title{color:var(--text-main);margin:0;font-size:26px;font-weight:800;line-height:1.3}.hp-final-desc{color:var(--text-muted);max-width:480px;margin:0;font-size:14px;line-height:1.65}.hp-final-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.hp-final-author{color:var(--text-dim);margin-top:12px;font-size:12px}.hp-author-link{color:#10b981;font-weight:700;text-decoration:none;transition:color .12s}.hp-author-link:hover{color:#059669;text-decoration:underline}@media (width<=1024px){.hp-layout{gap:28px;padding:24px 20px 60px}.hp-hero{grid-template-columns:1fr;gap:20px}.hp-flagship-grid{grid-template-columns:1fr;gap:16px}.hp-sandbox{min-height:220px}}@media (width<=860px){.hp-hub-grid{grid-template-columns:1fr;gap:14px}.hp-courses-grid{grid-template-columns:1fr;gap:12px}}@media (width<=768px){.hp-layout{gap:20px;padding:16px 14px 44px}.hp-hero-left{gap:14px}.hp-h1{font-size:24px;line-height:1.25}.hp-hero-desc{font-size:13px;line-height:1.55}.hp-hero-actions{flex-direction:column;gap:8px;width:100%;display:flex}.hp-btn-academy,.hp-btn-studio{justify-content:center;width:100%;padding:10px 16px;font-size:13px}.hp-hero-pills{gap:6px}.hp-hero-pill{font-size:11px}.hp-flagship-card{border-radius:8px;gap:12px;padding:16px}.hp-fc-title{font-size:17px}.hp-fc-desc{font-size:12.5px;line-height:1.5}.c-ide-body{grid-template-columns:1fr;gap:8px}.dsa-visual-duo{gap:8px}.hp-pillars{grid-template-columns:1fr 1fr;gap:10px}.hp-pillar-card{border-radius:8px;gap:6px;padding:14px}.hp-pillar-title{font-size:13.5px}.hp-pillar-desc{font-size:12px;line-height:1.5}.hp-section-header{gap:8px}.hp-section-title{font-size:18px}.hp-section-sub{font-size:12.5px}.hp-hub-card{border-radius:8px;padding:14px 16px}.hp-hub-title{font-size:15px}.hp-hub-desc{margin-bottom:8px;font-size:12.5px}.hp-course-card{border-radius:8px;padding:14px 16px}.hp-course-title{font-size:15px}.hp-course-desc{margin-bottom:10px;font-size:12.5px}.hp-algo-grid{grid-template-columns:1fr;gap:8px}.hp-algo-tile{padding:10px 12px}.hp-stats-strip{border-radius:8px;grid-template-columns:1fr 1fr;gap:10px;padding:16px 12px}.hp-stat-value{font-size:24px}.hp-stat-label{font-size:11px}.hp-final-cta{border-radius:10px;gap:12px;padding:24px 16px}.hp-final-title{font-size:20px}.hp-final-desc{font-size:13px;line-height:1.5}.hp-final-actions{flex-direction:column;gap:8px;width:100%}.hp-final-actions .hp-btn-academy,.hp-final-actions .hp-btn-studio{justify-content:center;width:100%}}@media (width<=540px){.hp-layout{gap:16px;padding:12px 10px 36px}.hp-h1{font-size:21px}.hp-fc-header,.c-ide-header{gap:4px}.c-ide-target{justify-content:flex-end;width:100%}.dsa-stage-top{gap:4px}.dsa-lang-tag{display:none}.dsa-graph-mini{width:80px;height:50px}.hp-pillars{grid-template-columns:1fr}.hp-sandbox{min-height:190px}.hp-sb-stage{min-height:85px;padding:8px 6px 4px}.hp-sb-val{font-size:8px}.hp-sb-header{gap:4px;padding:6px 8px}.hp-sb-tab{padding:3px 6px;font-size:10px}.hp-telemetry{gap:4px}.hp-t-chip{padding:2px 6px;font-size:9.5px}.hp-calc-grid{grid-template-columns:1fr 1fr;gap:6px}.hp-calc-pill{padding:8px 10px}.hp-drawer-banner{flex-direction:column;gap:8px;padding:10px 12px}}@media (width<=375px){.hp-layout{gap:14px;padding:10px 8px 32px}.hp-h1{font-size:19px}.hp-stats-strip{grid-template-columns:1fr 1fr;padding:12px 8px}.hp-stat-value{font-size:20px}}[data-theme=light] .hp-sandbox{background:#011627}[data-theme=light] .hp-sb-header{background:#021d2e}[data-theme=light] .hp-flagship-card{background:#fff;border-color:#0f172a1a}[data-theme=light] .c-code-panel{background:#fff;border-color:#0f172a1f}[data-theme=light] .c-term-panel{background:#f8fafc;border-color:#0f172a1f}[data-theme=light] .c-ide-tab{background:#fff;border-color:#0f172a1f}[data-theme=light] .hp-hub-card{background:#fff;border-color:#0f172a1a}[data-theme=light] .hp-course-card,[data-theme=light] .hp-stats-strip,[data-theme=light] .hp-final-cta,[data-theme=light] .hp-pillar-card{background:#fff}[data-theme=light] .hp-algo-tile{background:#f1f5f9}[data-theme=light] .hp-mod-card{background:#fff}[data-theme=light] .hp-calc-card{background:#f1f5f9}.code-playground-box{border-radius:10px;flex-direction:column;margin-top:16px;display:flex;overflow:hidden;box-shadow:0 8px 30px #00000073;background:#090d16!important;border:1px solid #1e293b!important}.playground-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex;background:#0d1321!important;border-bottom:1px solid #1e293b!important}.playground-header-left{align-items:center;gap:10px;display:flex}.playground-badge{border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex;color:#f8fafc!important;background:#111827!important;border:1px solid #334155!important}.c-lang-dot{background:#3b82f6;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #3b82f699}.playground-sandbox-badge{color:#10b981;background:#10b9811f;border:1px solid #10b9814d;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.playground-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.playground-stdin-bar{flex-direction:column;gap:6px;padding:10px 16px;display:flex;background:#0d1321!important;border-bottom:1px solid #1e293b!important}.stdin-header-label{justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex;color:#f1f5f9!important}.stdin-hint{font-size:11px;color:#94a3b8!important}.stdin-input-field{border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:12.5px;transition:border-color .15s;color:#38bdf8!important;background:#090d16!important;border:1px solid #334155!important}.stdin-input-field:focus{border-color:#38bdf8!important}.playground-body{grid-template-columns:1.2fr .8fr;min-height:290px;display:grid;background:#090d16!important}@media (width<=900px){.playground-body{grid-template-columns:1fr}}.playground-editor-wrapper{min-height:270px;display:flex;position:relative;overflow:hidden;background:#0b0f19!important;border-right:1px solid #1e293b!important}.playground-gutter{text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;width:48px;padding:14px 8px 14px 0;font-size:13px;line-height:20px;overflow-y:hidden;color:#64748b!important;background:#070a12!important;border-right:1px solid #ffffff14!important}.gutter-ln{height:20px;line-height:20px}.playground-textarea{resize:none;white-space:pre;tab-size:4;border:none;outline:none;flex:1;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:20px;overflow:auto;color:#f8fafc!important;caret-color:#38bdf8!important;background:#0b0f19!important}.playground-textarea::selection{background:#38bdf859!important}.playground-terminal{flex-direction:column;min-height:250px;display:flex;overflow:hidden;background:#060911!important}.terminal-top{justify-content:space-between;align-items:center;padding:10px 14px;font-size:11.5px;display:flex;background:#0d1321!important;border-bottom:1px solid #1e293b!important}.terminal-title{align-items:center;gap:6px;font-weight:600;display:flex;color:#cbd5e1!important}.terminal-prompt{font-weight:800;color:#38bdf8!important}.terminal-status-tag{font-size:11px;color:#64748b!important}.test-passed-badge{background:#10b98126;border:1px solid #10b9814d;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:10.5px;color:#10b981!important}.terminal-body{white-space:pre-wrap;word-break:break-word;flex:1;margin:0;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12.5px;line-height:1.55;overflow-y:auto;color:#10b981!important}.terminal-loading{font-style:italic;color:#f59e0b!important}.terminal-empty{color:#64748b!important}@media (width<=640px){.playground-header{gap:6px!important;padding:8px 10px!important}.playground-gutter{width:32px!important;padding:10px 4px 10px 0!important;font-size:11px!important}.playground-textarea{padding:10px!important;font-size:12px!important}.terminal-top{padding:8px 10px!important}.terminal-body{padding:10px 12px!important;font-size:11.5px!important}}.challenge-problem-body{flex-direction:column;gap:14px;margin-bottom:20px;display:flex}.problem-meta-strip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;padding:8px 14px;font-size:12px;display:flex}.problem-meta-item{align-items:center;gap:6px;display:flex}.problem-meta-item strong{color:var(--text-main)}.meta-dot{border-radius:50%;width:7px;height:7px}.meta-dot.bg-blue{background:#3b82f6;box-shadow:0 0 6px #3b82f699}.meta-dot.bg-green{background:#10b981;box-shadow:0 0 6px #10b98199}.meta-dot.bg-purple{background:#a855f7;box-shadow:0 0 6px #a855f799}.problem-description-box{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;padding:16px 20px;display:flex}.problem-box-title{color:var(--text-main);letter-spacing:.02em;margin:0;font-size:13.5px;font-weight:800}.problem-statement-text{color:var(--text-main);margin:0;font-size:14px;line-height:1.7}.challenge-spec-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:14px;display:grid}@media (width<=768px){.challenge-spec-grid{grid-template-columns:1fr;gap:10px}}.spec-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.spec-header{border-bottom:1px dashed var(--border-subtle);align-items:center;gap:6px;padding-bottom:6px;display:flex}.spec-title{letter-spacing:.04em;color:#3b82f6;text-transform:uppercase;font-size:12.5px;font-weight:800}.spec-output-card .spec-title{color:#10b981}.spec-desc{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.6}.sample-io-table-container{background:#090d16;border:1px solid #1e293b;border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 15px #0000004d}.sample-io-table-header{background:#0d1321;border-bottom:1px solid #1e293b;grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.sample-io-table-header{grid-template-columns:1fr}}.sample-col-header{justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.sample-col-header:first-child{border-right:1px solid #1e293b}@media (width<=768px){.sample-col-header:first-child{border-bottom:1px solid #1e293b;border-right:none}}.sample-tag-blue{color:#38bdf8;letter-spacing:.03em;font-size:11.5px}.sample-tag-green{color:#10b981;letter-spacing:.03em;font-size:11.5px}.btn-copy-sample-io{color:#94a3b8;cursor:pointer;background:#111827;border:1px solid #334155;border-radius:4px;padding:2px 8px;font-size:10.5px;font-weight:600;transition:all .12s}.btn-copy-sample-io:hover{color:#f8fafc;background:#1e293b;border-color:#475569}.sample-io-table-body{background:#070a12;grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.sample-io-table-body{grid-template-columns:1fr}}.sample-col-content{padding:12px 14px}.sample-col-content:first-child{border-right:1px solid #1e293b}@media (width<=768px){.sample-col-content:first-child{border-bottom:1px solid #1e293b;border-right:none}}.sample-code-block{color:#38bdf8;white-space:pre-wrap;word-break:break-word;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.55;background:0 0!important}.sample-code-output{color:#10b981}.auth-divider-strip{align-items:center;gap:10px;width:100%;margin:10px 0;display:flex}.auth-divider-line{background:var(--border);flex:1;height:1px}.auth-divider-text{color:var(--text-dim);letter-spacing:.05em;font-size:10.5px;font-weight:700}.btn-direct-profile-sync{width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:#3b82f614;border:1px solid #3b82f64d;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.btn-direct-profile-sync:hover{background:#3b82f629;border-color:#3b82f680;transform:translateY(-1px)}.direct-sync-avatar{font-size:20px;line-height:1}.direct-sync-text{flex-direction:column;gap:2px;display:flex}.direct-sync-text strong{color:var(--text-main);font-size:13px;font-weight:700}.direct-sync-text span{color:var(--text-muted);font-size:11px}.counter-updated-pulse{animation:.6s ease-out counterPulse}@keyframes counterPulse{0%{transform:scale(1);box-shadow:0 0 #3b82f666}50%{transform:scale(1.06);box-shadow:0 0 10px 2px #3b82f64d}to{transform:scale(1);box-shadow:0 0 #3b82f600}}@media (width<=640px){.ds-3d-queue-workspace{gap:8px;width:100%;max-width:100%;padding:0}.queue-3d-header-ribbon{border-radius:8px;padding:4px 8px}.ribbon-text-full{display:none}.ribbon-text-mobile{display:inline}.ribbon-exit-pill,.ribbon-entry-pill{gap:3px;padding:2px 5px;font-size:8px}.ribbon-flow-text{gap:3px;font-size:7.5px}.flow-chevron{letter-spacing:0}.queue-3d-transit-assembly{gap:4px;width:100%;max-width:100%;flex-direction:row!important}.queue-3d-port{flex-shrink:0;gap:4px;width:38px}.port-arch-ring{border-radius:6px;padding:3px 2px}.port-sign{flex-direction:column;gap:1px;padding:1px 2px;font-size:7px}.port-sign-icon{font-size:10px}.port-laser-beam{width:2px;height:44px;margin-top:2px}.port-flying-bay{height:44px}.flying-queue-pod{border-radius:5px;width:34px}.flying-pod-front{border-radius:0 0 5px 5px;padding:2px}.flying-pod-tag{font-size:5.5px}.flying-pod-val{font-size:11px}.queue-3d-tube-glass{border-width:1.5px;border-radius:8px;gap:4px;padding:4px}.queue-3d-calipers-track{gap:2px;min-height:14px}.badge-text-full{display:none}.badge-text-mobile{display:inline}.queue-caliper-badge{border-radius:3px;padding:1px 2px;font-size:6px}.queue-3d-slots-track{gap:3px}.queue-3d-dock-slot{min-height:52px}.queue-3d-volumetric-pod{border-radius:5px}.pod-top-facet{height:2.5px}.pod-front-facet{border-radius:0 0 5px 5px;min-height:48px;padding:2px 1px}.pod-meta-top{padding:0 1px}.pod-pos-tag{font-size:6.5px}.pod-mem-addr{display:none}.pod-val-num{font-size:12px}.pod-status-pill{border-radius:2px;padding:.5px 2px;font-size:5.5px}.queue-3d-empty-dock{border-radius:5px;gap:1px;height:48px}.empty-dock-idx{font-size:6.5px}.empty-dock-dash{letter-spacing:-2px;font-size:6px}.empty-dock-label{font-size:5.5px}.mag-text-full{display:none}.mag-text-mobile{display:inline}.mag-track-pulses{letter-spacing:.04em;padding:0 4px;font-size:6px}.queue-pedestal-bar{height:3px}.queue-pedestal-sub{letter-spacing:.04em;font-size:6.5px}}.pwa-auto-popup-overlay{z-index:10000;justify-content:center;align-items:center;animation:.35s cubic-bezier(.16,1,.3,1) forwards pwaPopupFadeIn;display:flex;position:fixed;bottom:24px;right:24px}@keyframes pwaPopupFadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.pwa-auto-popup-card{-webkit-backdrop-filter:blur(18px);color:#f8fafc;background:#0f172af0;border:1px solid #38bdf852;border-radius:16px;flex-direction:column;gap:16px;width:380px;max-width:calc(100vw - 32px);padding:20px;display:flex;position:relative;box-shadow:0 20px 48px -8px #0000008c,0 0 0 1px #ffffff14}[data-theme=light] .pwa-auto-popup-card{color:#0f172a;background:#fffffff5;border:1px solid #0ea5e959;box-shadow:0 20px 48px -8px #0f172a29,0 2px 10px #0000000d}.pwa-popup-close-btn{color:#94a3b8;cursor:pointer;z-index:5;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex;position:absolute;top:12px;right:12px}.pwa-popup-close-btn:hover{color:#f8fafc;background:#ffffff1a}[data-theme=light] .pwa-popup-close-btn:hover{color:#0f172a;background:#0f172a14}.pwa-popup-header{align-items:flex-start;gap:14px;padding-right:20px;display:flex}.pwa-popup-logo-wrap{flex-shrink:0;position:relative}.pwa-popup-glow{filter:blur(6px);z-index:-1;background:radial-gradient(circle,#38bdf873 0%,#0000 70%);border-radius:12px;position:absolute;inset:-4px}.pwa-popup-meta{flex:1;min-width:0}.pwa-popup-badge{text-transform:uppercase;letter-spacing:.06em;color:#10b981;background:#10b9812e;border:1px solid #10b98159;border-radius:6px;margin-bottom:4px;padding:1.5px 6px;font-size:9.5px;font-weight:800;display:inline-block}.pwa-popup-title{color:inherit;margin:0;font-size:15px;font-weight:800;line-height:1.25}.pwa-popup-subtitle{color:#94a3b8;margin:4px 0 0;font-size:11.5px;line-height:1.4}[data-theme=light] .pwa-popup-subtitle{color:#64748b}.pwa-popup-actions{align-items:center;gap:10px;display:flex}.pwa-popup-btn-install{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .16s;display:inline-flex;box-shadow:0 4px 14px #0284c766}.pwa-popup-btn-install:hover{background:linear-gradient(135deg,#0369a1 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 6px 18px #0284c78c}.pwa-popup-btn-install:active{transform:translateY(0)}.pwa-popup-btn-later{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #94a3b840;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:600;transition:all .15s}.pwa-popup-btn-later:hover{color:#f8fafc;background:#ffffff14}[data-theme=light] .pwa-popup-btn-later{color:#64748b;border-color:#0f172a26}[data-theme=light] .pwa-popup-btn-later:hover{color:#0f172a;background:#0f172a0f}@media (width<=640px){.pwa-auto-popup-overlay{bottom:16px;left:16px;right:16px}.pwa-auto-popup-card{width:100%;max-width:100%;padding:16px}}