:root{--bg-dark:#000000;--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a2e;--bg-card: #16162add;--bg-card-hover: #1e1e3aee;--bg-elevated: #222240;--bg-tr-even: #16162ab4;--bg-tr-odd: #1a1a2e7c;--bg-tr-hover: #16162ab4;--text-primary: #e8e8f0;--text-secondary: #a0a0c0;--text-muted: #6a6a8a;--text-accent: #c0c0e0;--accent-primary: #7c5cfc;--accent-secondary: #5c9cfc;--accent-tertiary: #fc5c9c;--accent-success: #5cfc9c;--accent-warning: #fc9c5c;--accent-info: #5cfcff;--accent-glow: rgba(124, 92, 252, .15);--accent-glow-strong: rgba(124, 92, 252, .3);--border-subtle: rgba(124, 92, 252, .1);--border-default: rgba(124, 92, 252, .2);--border-strong: rgba(124, 92, 252, .4);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--font-display: "Inter", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--sidebar-width: 280px;--sidebar-collapsed: 60px;--max-width: 1200px;--content-max-width: 900px;--header-height: 64px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(124, 92, 252, .15);--tag-font-size: .75rem}[data-theme=light]{--bg-dark: #69582d9f;--bg-light: #fdfaf2;--bg-primary: #f6ebd6;--bg-secondary: #ebd0a7;--bg-tertiary: #dfb982;--bg-card: #f2e2caaa;--bg-card-hover: #e6cb9fdd;--bg-elevated: #f9f0df;--bg-tr-even: rgba(223, 185, 130, .25);--bg-tr-odd: rgba(223, 185, 130, .08);--bg-tr-hover: rgba(199, 115, 41, .15);--text-primary: #3d2612;--text-secondary: #704b25;--text-muted: #9c7c59;--text-accent: #c76a1a;--accent-primary: #d46a11;--accent-secondary: #c95118;--accent-tertiary: #e63946;--accent-success: #a2c40dde;--accent-warning: #e76f51;--accent-info: #eb8f17;--accent-glow: rgba(212, 106, 17, .18);--accent-glow-strong: rgba(212, 106, 17, .35);--border-subtle: rgba(212, 106, 17, .12);--border-default: rgba(212, 106, 17, .25);--border-strong: rgba(212, 106, 17, .5);--border-strong-med: rgb(80, 42, 11, .9);--had-surface: --shadow-sm: 0 2px 8px rgba(61, 38, 18, .12);--shadow-md: 0 4px 22px rgba(61, 38, 18, .18);--shadow-lg: 0 12px 48px rgba(43, 25, 10, .25);--shadow-glow: 0 0 35px rgba(212, 106, 17, .2);--tag-font-size: .75rem}.card .card animate-in{transform:translate(-15px);transition:transform .3s ease-in}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-lg))}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.7;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}a:visited{color:var(--accent-primary)}a:hover{color:var(--accent-secondary);text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}h2.active{color:var(--accent-primary)!important;transition:color .3s ease-in}h3.active{color:var(--accent-secondary)!important;transition:color .3s ease-out}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.bg-orb{position:fixed;border-radius:50%;filter:blur(100px);opacity:.08;pointer-events:none;z-index:0}.bg-orb-1{width:600px;height:600px;background:var(--accent-primary);top:-200px;right:-200px;animation:orbFloat 20s ease-in-out infinite}.bg-orb-2{width:400px;height:400px;background:var(--accent-secondary);bottom:-100px;left:-100px;animation:orbFloat 25s ease-in-out infinite reverse}.bg-orb-3{width:300px;height:300px;background:var(--accent-tertiary);top:40%;left:50%;animation:orbFloat 18s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}.bg-parallax{position:fixed;top:0;left:0;width:100%;height:120vh;background-image:url(/img/harakkas.avif);background-size:cover;background-position:center top;background-repeat:no-repeat;pointer-events:none;z-index:1;will-change:transform;opacity:0;transition:opacity .8s ease;transform:translateY(0)}[data-theme=light] .bg-parallax{opacity:1}.bg-parallax:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);opacity:.6;pointer-events:none;z-index:2}.app{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100vh;position:sticky;top:0;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:100;transition:transform var(--transition-base),width var(--transition-base)}.sidebar-header{padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:1px solid var(--border-subtle)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--text-primary)}.sidebar-logo:hover{text-decoration:none}.sidebar-logo-icon{width:40px;height:40px;border-radius:var(--radius-md);object-fit:contain;flex-shrink:0;background:transparent}.breadcrumb-icon{width:24px;height:24px;border-radius:var(--radius-md);object-fit:contain;flex-shrink:0;background:transparent}.hero-logo{grid-column:2;justify-self:center;align-self:center;width:128px;height:128px;margin:0;position:relative}.ts-hero-logo-area{border:4px solid var(--border-subtle);background:radial-gradient(ellipse at center,var(--bg-elevated) 0%,transparent 70%);box-shadow:inset 0 0 80px var(--bg-card-hover);box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.ts-hero-logo-area:hover{border-color:var(--text-glow);background:linear-gradient(to top,var(--accent-glow-strong) 0%,var(--bg-primary));box-shadow:inset 0 0 80px var(--bg-card)}@media(min-width:768px){.hero-logo{width:256px;height:256px}}.hero-logos-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-lg);margin:0 auto var(--space-lg)}.hex-anim-container{position:fixed;top:calc(var(--header-height) + 8px);right:var(--space-xl);width:160px;height:160px;z-index:49;pointer-events:none}.hex-main{position:absolute;top:50%;left:50%;width:200px;height:200px;opacity:.2;pointer-events:none;animation:hexSpin 3s linear infinite}.hex-trail{position:absolute;top:50%;left:50%;pointer-events:none}@keyframes hexSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.hex-controls{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:var(--space-md);min-height:28px}.hex-controls label{display:flex;align-items:center;gap:3px;font-size:.6rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.hex-input{width:44px;padding:2px 4px;border-radius:4px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.6rem;font-family:var(--font-mono);text-align:center;outline:none;transition:border-color .2s}.hex-input:focus{border-color:var(--accent-primary)}.hex-refresh-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-muted);cursor:pointer;transition:color .2s,border-color .2s}.hex-refresh-btn:hover{color:var(--text);border-color:var(--accent-primary)}.hex-refresh-btn svg{width:14px;height:14px}.logo-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.logo-color{opacity:0;transition:opacity 2s ease;z-index:1;animation:logoSpin 5s linear infinite;transform-origin:center center}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.logo-l2{z-index:2}.logo-l3{z-index:3}.logo-l4{z-index:4}.logo-l5{z-index:5}.arch-diagram{width:100%;height:420px;margin:var(--space-lg) 0;border-radius:var(--radius-lg);background:radial-gradient(ellipse at center,rgba(40,30,80,.4) 0%,transparent 70%);position:relative;overflow:hidden;cursor:grab}.arch-diagram:active{cursor:grabbing}.arch-diagram canvas{display:block;width:100%!important;height:100%!important}.sidebar-logo-text{font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.sidebar-logo-subtitle{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}.sidebar-search{padding:var(--space-md) var(--space-lg)}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);width:16px;height:16px;pointer-events:none}.search-input{width:100%;padding:var(--space-sm) var(--space-sm) var(--space-sm) 38px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.85rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.search-input::placeholder{color:var(--text-muted)}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:var(--space-sm) var(--space-md) var(--space-3xl)}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--bg-primary)}.quiz-option input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.quiz-radio-img{width:16px;height:16px;flex-shrink:0;display:block;border-radius:50%}.nav-group{margin-bottom:var(--space-xs)}.nav-group-title{display:flex;align-items:center;gap:var(--space-sm);padding:6px;color:var(--text-secondary);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast);-webkit-user-select:none;user-select:none}.nav-group-title:hover{color:var(--text-primary)}.nav-group-title.active-tree{color:var(--text-primary);background:var(--accent-glow)}.nav-group-title .nav-group-icon{width:16px;height:16px;opacity:.6;flex-shrink:0}.nav-group-title .nav-chevron{width:14px;height:14px;margin-left:auto;opacity:.4;transition:transform var(--transition-base);flex-shrink:0}.nav-group-title.expanded .nav-chevron{transform:rotate(90deg)}.nav-group-children{overflow:hidden;max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1)}.nav-group-children.expanded{max-height:9999px}.nav-section{margin-bottom:var(--space-md)}.nav-section-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);padding:var(--space-sm) var(--space-md)}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:2px;color:var(--text-secondary);text-decoration:none;font-size:.88rem;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:var(--font-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-group-children .nav-item{padding-left:calc(var(--space-md) + 20px)}.nav-item:hover{color:var(--text-primary);background:var(--bg-card);text-decoration:none}.nav-item.active{color:var(--text-primary);background:var(--bg-card-hover);font-weight:500;padding-top:2px;padding-bottom:2px}.nav-item-icon{width:16px;height:16px;flex-shrink:0;opacity:.7}.nav-item.active .nav-item-icon{width:18px;height:18px;opacity:1}.nav-item-badge{margin-left:auto;background:var(--accent-primary);color:#fff;font-size:.65rem;font-weight:700;padding:2px;border-radius:var(--radius-full)}.nav-subgroup{margin-bottom:0}.nav-subgroup-title{display:flex;align-items:center;gap:var(--space-sm);padding:0;padding-left:calc(var(--space-md) + 20px);color:var(--text-secondary);font-size:.88rem;border-radius:0;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;border:none;background:none;width:100%;text-align:left;font-family:var(--font-sans)}.nav-subgroup-title:hover{color:var(--text-primary);background:none;text-decoration:none}.nav-subgroup-title.active-tree{color:var(--text-primary);background:var(--bg-card);border-radius:var(--radius-md)}.nav-subgroup-title.expanded{padding:2px;padding-left:calc(var(--space-md) + 20px);border-radius:var(--radius-md)}.nav-subgroup-title.expanded:hover{background:var(--bg-card)}.nav-subgroup-title .nav-item{flex:1;padding:0;color:inherit;background:none!important;width:auto}.nav-subgroup-title .nav-item:hover{color:inherit;background:none!important;text-decoration:none}.nav-subgroup-title .nav-item .nav-item-icon{margin-right:0}.nav-subgroup-title .nav-chevron{width:14px;height:14px;margin-left:auto;opacity:.4;transition:transform var(--transition-base);flex-shrink:0}.nav-subgroup-title.expanded .nav-chevron{transform:rotate(90deg)}.nav-subgroup-children{overflow:hidden;max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1)}.nav-subgroup-children.expanded{max-height:9999px}.nav-subgroup-children .nav-item{padding-left:calc(var(--space-md) + 40px)}.nav-section-accordion{padding:2px 0;max-height:40vh;overflow-y:auto}.nav-section-accordion-group{margin:0}.nav-section-link{display:flex;align-items:center;gap:6px;padding:3px var(--space-md) 3px calc(var(--space-md) + 20px);color:var(--text-secondary);text-decoration:none;font-size:.78rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:var(--font-sans)}.nav-section-link:hover{color:var(--text-hl);background:var(--accent-glow);text-decoration:none;padding:3px var(--space-md) 3px calc(var(--space-md) + 24px)}.nav-section-link.active{color:var(--text-hl);background:var(--bg-card);padding:3px var(--space-md) 3px calc(var(--space-md) + 28px)}.nav-section-link.level-3{padding-left:calc(var(--space-md) + 28px);font-size:.75rem}.nav-section-link.level-3:hover{padding-left:calc(var(--space-md) + 24px);font-size:.75rem;color:var(--text-hl)}.nav-section-link.level-3.active{padding-left:calc(var(--space-md) + 32px);color:var(--text-glow)}.nav-section-link.level-3.active svg{border-color:var(--text-glow)}.nav-section-accordion-children{max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-section-accordion-children.expanded{max-height:9999px}.sidebar-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.footer-actions{display:flex;align-items:center;gap:var(--space-xs)}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:110}.theme-toggle:hover{color:var(--text-primary);border-color:var(--border-default)}.version-badge{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.music-toggle-wrap{position:relative}.playlist-panel{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-sm);min-width:220px;z-index:100;box-shadow:0 8px 32px #0006}.playlist-panel.open{display:block}.playlist-header{font-size:.7rem;font-weight:600;color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-xs)}.playlist-items{display:flex;flex-direction:column;gap:2px}.playlist-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;color:var(--text-secondary);transition:all var(--transition-fast);border:none;background:none;width:100%;text-align:left}.playlist-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.playlist-item.active{color:var(--accent-primary);background:var(--accent-glow)}.playlist-item-indicator{width:6px;height:6px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.playlist-item.active .playlist-item-indicator{background:var(--accent-primary)}.playlist-footer{font-size:.6rem;color:var(--text-muted);padding:var(--space-xs) var(--space-sm);border-top:1px solid var(--border-subtle);margin-top:var(--space-xs);text-align:center}.upload-label{display:inline-flex;align-items:center;gap:4px;cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast)}.upload-label:hover{color:var(--accent-primary)}.upload-input{display:none}.player-upload{padding:var(--space-xs) var(--space-sm);border-top:1px solid var(--border-subtle);margin-top:var(--space-xs)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);background:#0a0a0fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:50}[data-theme=light] .header{background:linear-gradient(to top,transparent,rgba(245,245,250,.25) 100%)}.header-left{display:flex;align-items:center;gap:var(--space-md)}.menu-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:var(--space-sm)}.breadcrumb{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;color:var(--text-muted)}.breadcrumb a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb a:hover{opacity:.7}.breadcrumb-category{color:var(--text-primary);text-decoration:none;cursor:pointer}.breadcrumb-category:hover{opacity:.7}.breadcrumb-separator{color:var(--text-secondary)}.breadcrumb-current{color:var(--text-primary);font-weight:600}.breadcrumb-section{color:var(--text-primary);font-weight:500}.back-to-top{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s,background .2s,border-color .2s;pointer-events:none;box-shadow:0 4px 16px #0000004d}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{background:var(--bg-tertiary);border-color:var(--border-default);color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:var(--space-sm)}.header-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);text-decoration:none}.header-btn:hover{color:var(--text-primary);border-color:var(--border-default);text-decoration:none}.header-btn-left{margin-right:var(--space-sm)}.content{flex:1;padding:var(--space-2xl) 5px;margin:0 10px;width:auto;min-width:0}.page-header{margin-bottom:var(--space-2xl)}.page-tag{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);background:var(--accent-glow);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);margin-bottom:var(--space-md)}.page-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-md);background:linear-gradient(to top,var(--bg-elevated) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-description{font-size:1.1rem;color:var(--text-secondary);max-width:600px;line-height:1.7}.page-meta{display:flex;gap:var(--space-lg);margin-top:var(--space-lg);flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.82rem;color:var(--text-muted)}.meta-item-icon{width:16px;height:16px;opacity:.6;flex-shrink:0;display:block}.meta-item a{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.meta-item a:hover{color:var(--accent-secondary);text-decoration:underline}.callout-block{display:flex;gap:var(--space-md);padding:var(--space-lg);margin:var(--space-lg) 0;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-card);align-items:flex-start}.callout-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--bg-tertiary)}.callout-icon svg{width:18px;height:18px;display:block}.callout-info .callout-icon svg{stroke:var(--accent-info)}.callout-warning .callout-icon svg{stroke:var(--accent-warning)}.callout-block>div:last-child{flex:1;min-width:0;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.callout-block>div:last-child strong{color:var(--text-primary)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.shader-row{display:flex;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.shader-row>div{flex:1;height:300px}@media(max-width:768px){.shader-row{flex-direction:column}.shader-row>div{height:300px}}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base);cursor:pointer;text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity var(--transition-base)}.card:hover{border-color:var(--border-default);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow);text-decoration:none}.card:hover:before{opacity:1}.card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--space-md);background:var(--accent-glow);color:var(--accent-primary)}.card-icon.green{background:#5cfc9c1a;color:var(--accent-success)}.card-icon.pink{background:#fc5c9c1a;color:var(--accent-tertiary)}.card-icon.cyan{background:#5cfcff1a;color:var(--accent-info)}.card-icon.orange{background:#fc9c5c1a;color:var(--accent-warning)}.card-title{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-xs);color:var(--text-primary)}.card-description{font-size:.88rem;color:var(--text-secondary);line-height:1.6}.card-tag{display:inline-block;margin-top:var(--space-md);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.section-title{font-size:1.3rem;font-weight:700;margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.section-title-icon{width:24px;height:24px;color:var(--accent-primary);opacity:.7;flex-shrink:0;display:block}.article{color:var(--text-secondary)}.article h1{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--space-lg);letter-spacing:-.02em}.article h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-top:var(--space-2xl);margin-bottom:var(--space-md);letter-spacing:-.01em;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.article h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.article h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.article p{margin-bottom:var(--space-md)}.article a{color:ar(--bg-primary);text-decoration:none;font-weight:500;transition:color .3s ease-in,border-color .3s ease-in}.article a:hover{color:var(--bg-elevated);text-decoration:none;border-color:var(--accent-secondary);transition:color .3s ease-in,border-color .3s ease-in}.article a.btn-secondary{background:linear-gradient(135deg,var(--accent-tertiary),var(--accent-secondary))!important;color:var(--bg-primary);border:1px solid var(--bg-primary);text-decoration:none;font-weight:500;transition:background .3s ease-in,border-color .3s ease-in}.article a.btn-secondary:hover{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-tertiary))!important;color:var(--bg-elevated);border-color:var(--bg-elevated);transition:background .3s ease-in,border-color .3s ease-in}.article strong{color:var(--text-primary);font-weight:600}.article ul,.article ol{margin:var(--space-md) 0;padding-left:var(--space-xl)}.article li{margin-bottom:var(--space-sm)}.article li::marker{color:var(--accent-primary)}.article blockquote{border-left:3px solid var(--accent-primary);padding:var(--space-md) var(--space-lg);margin:var(--space-lg) 0;background:var(--accent-glow);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary)}.article blockquote tablep:last-child{margin-bottom:0}.article hr{border:none;height:1px;background:var(--border-subtle);margin:var(--space-xl) 0}.article code{font-family:var(--font-mono);font-size:.85em;background:#7c5cfccc;color:#c084fc;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid rgba(124,92,252,.15);transition:border-color .3s ease-in,background .3s ease-in,color .3s ease-in}.article code:hover{color:var(--text-secondary);background:var(--bg-secondary);cursor:pointer;transition:border-color .3s ease-in,background .3s ease-in,color .3s ease-in}.article pre{background:#0d1117;border:1px solid #30363d;border-radius:var(--radius-lg);margin:var(--space-lg) 0;overflow:hidden;position:relative;box-shadow:0 4px 24px #0006,0 0 0 1px #30363d80}.pre-header{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#161b22;border-bottom:1px solid #30363d;font-family:var(--font-sans);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#8b949e}.pre-header .terminal-icon{display:inline-flex;align-items:center;color:var(--accent-success)}.pre-header .terminal-icon svg{width:14px;height:14px}.pre-header .pre-label{flex:1;color:#5cfc9c}.pre-header .copy-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;color:var(--text-muted);cursor:pointer;line-height:0;transition:color var(--transition-fast);border-radius:var(--radius-sm)}.pre-header .copy-btn:hover{color:var(--accent-success);background:#ffffff0d}.pre-header .copy-btn svg{width:24px;height:24px}.article pre code{background:none;border:none;padding:16px 20px;color:#e6edf3;font-size:.84rem;line-height:1.7;display:block;overflow-x:auto;white-space:pre;-moz-tab-size:2;tab-size:2}.article pre.line-numbers{padding-left:0;counter-reset:line}.article pre.line-numbers .line:before{counter-increment:line;content:counter(line);display:inline-block;width:3em;margin-right:1.5em;text-align:right;color:#484f58;font-size:.8em;-webkit-user-select:none;user-select:none}.token-comment{color:#6e7681;font-style:italic}.token-string{color:#326fa1}.token-number{color:#32526d}.token-boolean{color:#44a8ff}.token-function{color:#b56fff}.token-operator{color:#ff4e41}.token-namespace{color:#753a06}.token-parameter{color:#a15716}.token-type{color:#cc7c35}.token-variable{color:#ffa657}a.fb svg{color:#fff}.fb:hover,.fb:hover svg{color:#f60}.article pre.terminal-mode{background:#0a0a0f;border-color:var(--accent-primary);box-shadow:0 0 30px #7c5cfc33,0 4px 24px #0009;cursor:text}.article pre.terminal-mode .pre-header{background:linear-gradient(90deg,#7c5cfc26,#5c9cfc1a);border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.article pre.terminal-mode:before{background:linear-gradient(90deg,#7c5cfc26,#5c9cfc1a);border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.article pre.terminal-mode code{color:#5cfc9c;text-shadow:0 0 8px rgba(92,252,156,.3)}.terminal-input-row{display:flex;align-items:center;gap:8px;padding:4px 20px;background:#7c5cfc0d;border-top:1px solid rgba(124,92,252,.15)}.terminal-prompt{color:var(--accent-primary);font-family:var(--font-mono);font-size:.84rem;font-weight:600;white-space:nowrap;text-shadow:0 0 8px rgba(124,92,252,.4)}.terminal-input{flex:1;background:none;border:none;outline:none;color:#5cfc9c;font-family:var(--font-mono);font-size:.84rem;caret-color:var(--accent-primary);text-shadow:0 0 8px rgba(92,252,156,.3)}.terminal-input::placeholder{color:#8b949e80}.copy-btn svg{width:24px;height:24px;padding:0;margin:0}.article pre .click-hint{position:absolute;bottom:8px;right:12px;font-size:.65rem;color:var(--text-glow);opacity:0;transition:opacity .2s ease;pointer-events:none;font-family:var(--font-sans);display:flex;align-items:center;gap:4px}.article pre:hover .click-hint{opacity:.7;color:var(--accent-info)}.article pre .click-hint svg{width:12px;height:12px}.nav-item.scroll-spy-active{background:var(--accent-glow);color:var(--accent-primary);border-left:2px solid var(--accent-primary);padding-left:calc(var(--space-md) - 2px)}.nav-item.scroll-spy-active .nav-item-icon{color:var(--accent-primary)}.section-toc{position:fixed;right:var(--space-md);top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:4px;padding:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000004d;max-height:60vh;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.section-toc.visible{opacity:1;pointer-events:auto}.section-toc-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--radius-sm);font-size:.7rem;color:var(--text-muted);text-decoration:none;transition:all .2s ease;white-space:nowrap;font-family:var(--font-sans);cursor:pointer}.section-toc-item:hover{color:var(--text-primary);background:var(--bg-card-hover)}.section-toc-item.active{color:var(--accent-primary);background:var(--accent-glow)}.section-toc-dot{width:6px;height:6px;border-radius:50%;background:var(--border-subtle);flex-shrink:0;transition:all .2s ease}.section-toc-item.active .section-toc-dot{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary)}.section-toc-item.level-3{padding-left:20px}@media(max-width:1200px){.section-toc{display:none}}.code-block-wrapper{position:relative;margin:var(--space-lg) 0;border-radius:var(--radius-lg);overflow:hidden;background:#0d1117;border:1px solid #30363d;box-shadow:0 8px 32px #0006,0 0 0 1px #30363d4d}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#161b22;border-bottom:1px solid #30363d}.code-lang-badge{font-family:var(--font-sans);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:4px;background:#7c5cfc26;color:var(--accent-primary)}.code-lang-badge.bash{background:#5cfc9c1f;color:#5cfc9c}.code-lang-badge.typescript,.code-lang-badge.ts{background:#3178c61f;color:#3178c6}.code-lang-badge.json{background:#fc9c5c1f;color:#fc9c5c}.code-lang-badge.html{background:#e34c261f;color:#e34c26}.code-lang-badge.css{background:#264de41f;color:#264de4}.code-lang-badge.python{background:#ffd43b1f;color:#ffd43b}.code-block-wrapper pre{margin:0;border:none;border-radius:0;box-shadow:none}.article code{font-family:var(--font-mono);font-size:.85em;background:#7c5cfc1f;color:#e2b0ff;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid rgba(124,92,252,.15)}.token-comment{color:#8b949e;font-style:italic}.token-string{color:#a5d6ff}.token-keyword{color:#ff7b72;font-weight:500}.token-number,.token-boolean{color:#79c0ff}.token-function{color:#d2a8ff}.token-operator{color:#ff7b72}.token-punctuation{color:#8b949e}.token-tag{color:#7ee787}.token-attr-name{color:#79c0ff}.token-attr-value{color:#a5d6ff}.token-property{color:#79c0ff}.token-selector{color:#d2a8ff}.token-regex{color:#a5d6ff}.token-deleted{color:#ffa198;background:#f8514926}.token-inserted{color:#56d364;background:#23863626}.token-class-name{color:#ffa657}.token-constant{color:#79c0ff}.token-decorator{color:#d2a8ff}.token-namespace,.token-parameter,.token-type,.token-variable{color:#ffa657}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.quick-switcher-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.quick-switcher-overlay.open{opacity:1;visibility:visible}.quick-switcher{width:100%;max-width:560px;background:#161b22;border:1px solid #30363d;border-radius:16px;box-shadow:0 32px 64px #00000080;overflow:hidden;transform:scale(.95) translateY(-10px);transition:transform .2s cubic-bezier(.16,1,.3,1)}.quick-switcher-overlay.open .quick-switcher{transform:scale(1) translateY(0)}.qs-search{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #30363d}.qs-search svg{width:20px;height:20px;color:#8b949e;flex-shrink:0}.qs-search input{flex:1;background:none;border:none;outline:none;color:#e6edf3;font-family:var(--font-sans);font-size:1rem}.qs-search input::placeholder{color:#484f58}.qs-results{max-height:360px;overflow-y:auto;padding:8px}.qs-results::-webkit-scrollbar{width:6px}.qs-results::-webkit-scrollbar-thumb{background:#30363d;border-radius:3px}.qs-result-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .1s ease;text-decoration:none;color:inherit}.qs-result-item:hover,.qs-result-item.active{background:#7c5cfc1f}.qs-result-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#7c5cfc1a}.qs-result-icon svg{width:18px;height:18px}.qs-result-text{flex:1;min-width:0}.qs-result-title{font-size:.88rem;font-weight:500;color:#e6edf3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qs-result-desc{font-size:.75rem;color:#8b949e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.qs-result-shortcut{font-size:.7rem;color:#484f58;font-family:var(--font-mono);padding:2px 6px;background:#0d1117;border:1px solid #30363d;border-radius:4px;flex-shrink:0}.qs-empty{padding:32px 20px;text-align:center;color:#484f58;font-size:.85rem}.qs-footer{display:flex;align-items:center;gap:16px;padding:10px 16px;border-top:1px solid #30363d;background:#0d1117;font-size:.7rem;color:#484f58}.qs-footer kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:#161b22;border:1px solid #30363d;border-radius:4px;font-family:var(--font-mono);font-size:.65rem;color:#8b949e}.heroicon{width:24px;height:24px;flex-shrink:0}.heroicon-sm{width:18px;height:18px}.heroicon-lg{width:32px;height:32px}.heroicon-xl{width:48px;height:48px}.link-tree{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-md) 0}.link-tree-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer}.link-tree-item:hover{border-color:var(--accent-primary);background:var(--bg-card-hover);color:var(--text-primary);transform:translate(4px)}.link-tree-item:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-primary);opacity:.4;transition:opacity var(--transition-fast)}.link-tree-item:hover:before{opacity:1}.link-tree-item.active{border-color:var(--accent-primary);background:var(--accent-glow);color:var(--text-primary)}.link-tree-item svg{width:18px;height:18px;flex-shrink:0;opacity:.7}.link-tree-item:hover svg{opacity:1}.glow-border{position:relative;border-radius:var(--radius-lg);overflow:hidden}.glow-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary),var(--accent-primary));background-size:300% 300%;animation:glowRotate 4s ease infinite;z-index:-1;opacity:.5}@keyframes glowRotate{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-default),transparent);margin:var(--space-3xl) 0}.highlight-box{background:linear-gradient(135deg,#7c5cfc14,#5c9cfc0a);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);margin:var(--space-xl) 0;position:relative;overflow:hidden}.highlight-box:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent-info),var(--bg-elevated))}.highlight-box h4{color:var(--accent-primary);margin-bottom:var(--space-sm)}.highlight-box a{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.highlight-box a:hover{color:var(--accent-secondary);text-decoration:underline}.stat-highlight{display:inline-flex;align-items:baseline;gap:4px;font-family:var(--font-mono);font-weight:700;color:var(--accent-primary)}.stat-highlight .stat-number{font-size:1.5em}.stat-highlight .stat-suffix{font-size:.6em;color:var(--text-muted)}.feature-list-enhanced{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.feature-card{display:flex;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(to top,var(--bg-card),var(--bg-elevated));border:2px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:default}.feature-card:hover{border-color:var(--border-glow);transform:translateY(-2px);box-shadow:var(--shadow-glow);cursor:pointer}.feature-card-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--accent-glow);color:var(--accent-info);box-shadow:0 0 20px var(--bg-primary)}.feature-card-icon svg{width:22px;height:22px}.feature-card-content h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.feature-card-content p{font-size:.84rem;color:var(--text-secondary);line-height:1.5;margin:0}.animated-counter{display:inline-block;font-variant-numeric:tabular-nums}.scroll-animate{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.scroll-animate.visible{opacity:1;transform:translateY(0)}.stagger-children>.scroll-animate:nth-child(1){transition-delay:0ms}.stagger-children>.scroll-animate:nth-child(2){transition-delay:60ms}.stagger-children>.scroll-animate:nth-child(3){transition-delay:.12s}.stagger-children>.scroll-animate:nth-child(4){transition-delay:.18s}.stagger-children>.scroll-animate:nth-child(5){transition-delay:.24s}.stagger-children>.scroll-animate:nth-child(6){transition-delay:.3s}.micro-app{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;margin:var(--space-lg) 0}.micro-app-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.micro-app-header svg{width:18px;height:18px;color:var(--accent-primary)}.micro-app-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.micro-app-body{padding:16px}.micro-app-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 14px;color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;outline:none;transition:border-color .15s ease;resize:vertical;min-height:80px}.micro-app-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #7c5cfc26}.micro-app-output{margin-top:12px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:12px 14px;color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;min-height:40px;white-space:pre-wrap;word-break:break-all}.micro-app-output:empty:before{content:"Output will appear here...";color:var(--text-muted);font-style:italic}.micro-app-actions{display:flex;gap:6px;align-items:center;margin-top:12px}.micro-app-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;cursor:pointer;border:none;background:transparent;color:var(--text-secondary);transition:color .15s,background .15s}.micro-app-btn svg{width:20px;height:20px;display:block}.micro-app-btn:hover{color:var(--accent-info);background:#38b2ac1a}.micro-app-btn:active,.micro-app-btn.active{color:var(--accent-warning);background:#fc9c5c1a}.micro-app-error{color:#ff7b72;font-size:.8rem;margin-top:8px;display:none}.micro-app-error.visible{display:block}.agent-list,.skill-list,.bash-list{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-lg) 0}.agent-card,.skill-card,.bash-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base)}.agent-card-header,.skill-card-header,.bash-card-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:default}.agent-card-header .card-icon,.skill-card-header .card-icon,.bash-card-header .card-icon{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#7c5cfc14;color:var(--accent-primary)}.agent-card-header .card-icon svg,.skill-card-header .card-icon svg,.bash-card-header .card-icon svg{width:16px;height:16px}.skill-card-header .card-icon{background:#5cfc9c14;color:var(--accent-success)}.bash-card-header .card-icon{background:#fc9c5c14;color:var(--accent-warning)}.agent-card-name,.skill-card-name,.bash-card-name{font-size:.85rem;font-weight:500;color:var(--text-primary);flex:1}.code-toggle-btn{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);border-radius:6px;cursor:pointer;transition:color .15s,background .15s}.code-toggle-btn svg{width:16px;height:16px;display:block}.code-toggle-btn:hover{color:var(--accent-info);background:#38b2ac1a}.code-toggle-btn.active{color:var(--accent-warning);background:#fc9c5c1a}.code-toggle-body{max-height:0;overflow:hidden;transition:max-height .25s ease}.code-toggle-body.open{max-height:80vh}.code-toggle-pre{position:relative;margin:0 var(--space-md) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);padding-top:calc(var(--space-md) + 28px);font-family:var(--font-mono);font-size:.78rem;line-height:1.5;color:var(--text-primary);white-space:pre-wrap;word-break:break-all;overflow-x:auto;max-height:60vh;overflow-y:auto}.code-toggle-pre .copy-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bg-tertiary);color:var(--text-muted);border-radius:4px;cursor:pointer;transition:color .15s,background .15s}.code-toggle-pre .copy-btn svg{width:14px;height:14px;display:block}.code-toggle-pre .copy-btn:hover{color:var(--accent-glow);background:var(--bg-elevated)}.bash-term{display:flex;flex-direction:column;gap:4px;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:.78rem}.code-toggle-body .bash-term{margin:0 var(--space-md) var(--space-md);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.article pre[data-lang=bash]+.bash-term{margin-top:calc(-1 * var(--space-lg));border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);margin-left:0;margin-right:0}.article pre[data-lang=bash]+.bash-term+*{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.article pre:has(+.bash-term){border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-bottom:0}.bash-term-output{color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;word-break:break-word;padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-xs)}.bash-term-output:empty{display:none}.bash-term-line{display:flex;align-items:center;gap:6px}.bash-term-prompt{color:var(--accent-success);font-weight:700;font-size:.82rem;-webkit-user-select:none;user-select:none;flex-shrink:0}.bash-term-input{flex:1;background:transparent;border:none;outline:none;color:var(--accent-success);font-family:var(--font-mono);font-size:.78rem;caret-color:var(--accent-success)}.bash-term-input::placeholder{color:var(--text-muted);opacity:0;font-style:italic}.bash-term-output .cmd-response{color:var(--accent-info)}.bash-term-output .cmd-error{color:var(--accent-warning)}.bash-term-output .cmd-help{color:var(--text-secondary);line-height:1.5}.bash-term-output .cmd-help code{color:var(--accent-success)}.bash-term-wit{color:var(--text-secondary);font-style:italic;line-height:1.5}.card-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:.12}.card-icon svg{width:24px;height:24px;position:relative;z-index:1}.card-icon.purple:before{background:linear-gradient(135deg,#7c5cfc,#a855f7)}.card-icon.purple{color:#a855f7}.card-icon.green:before{background:linear-gradient(135deg,#5cfc9c,#34d399)}.card-icon.green{color:#34d399}.card-icon.cyan:before{background:linear-gradient(135deg,#5cfcff,#22d3ee)}.card-icon.cyan{color:#22d3ee}.card-icon.pink:before{background:linear-gradient(135deg,#fc5c9c,#f472b6)}.card-icon.pink{color:#f472b6}.card-icon.orange:before{background:linear-gradient(135deg,#fc9c5c,#fb923c)}.card-icon.orange{color:#fb923c}.card-icon.blue:before{background:linear-gradient(135deg,#5c9cfc,#60a5fa)}.card-icon.blue{color:#60a5fa}.feature-icon svg{width:22px;height:22px;position:relative;z-index:1}.step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--accent-glow);color:var(--accent-primary);font-size:.75rem;font-weight:700;font-family:var(--font-mono);flex-shrink:0;border:1px solid var(--border-default)}.step-number.green{background:#5cfc9c1f;color:var(--accent-success);border-color:#5cfc9c4d}.step-number.cyan{background:#5cfcff1f;color:var(--accent-info);border-color:#5cfcff4d}.step-number.orange{background:#fc9c5c1f;color:var(--accent-warning);border-color:#fc9c5c4d}.step-number.pink{background:#fc5c9c1f;color:var(--accent-tertiary);border-color:#fc5c9c4d}.file-tree .tree-children{transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease;overflow:hidden;max-height:9999px;opacity:1}.file-tree .tree-children.collapsed{max-height:0;opacity:0}.file-tree .tree-toggle svg{transition:transform .2s ease}.file-tree .tree-toggle.expanded svg{transform:rotate(90deg)}@media(pointer:coarse){.nav-item,.card,.feature-item,.qs-result-item,.micro-app-btn{min-height:44px}}.table-wrapper{overflow-x:auto;margin:var(--space-md) 0;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.article table{width:100%;border-collapse:collapse;font-size:.88rem;position:relative}.article th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600;text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:2px solid var(--border-subtle);-webkit-user-select:none;user-select:none}.article th:hover{background:var(--bg-card-hover)}.article th:after{content:" ⇅";opacity:.3;font-size:.7em}.article th.sorted-asc:after{content:" ↑";opacity:1;color:var(--accent-primary)}.article th.sorted-desc:after{content:" ↓";opacity:1;color:var(--accent-primary)}.article td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.article tbody tr:nth-child(odd) td{background:var(--bg-tr-odd)}.article tbody tr:nth-child(2n) td{background:var(--bg-tr-even)}.article tr:last-child td{border-bottom:none}.article tr:hover td{background:var(--bg-tr-hover)}.feature-list{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-lg) 0}.feature-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(to top,var(--bg-card),var(--bg-elevated));border:2px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.feature-item:hover{border-color:var(--border-glow);cursor:pointer}.feature-icon{width:40px;height:40px;border-radius:var(--radius-md);border:2px solid var(--border-subtle);background:linear-gradient(to top,var(--bg-elevated),var(--accent-glow));box-shadow:0 5px 10px var(--bg-primary);color:var(--accent-info);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon svg{width:22px;height:22px;stroke-width:1.5}.feature-content h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0;line-height:1.2}.feature-content{flex:1;min-width:0}.feature-content p{font-size:.88rem;color:var(--text-secondary);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.stat-value{font-size:2rem;font-weight:800;color:var(--accent-info);letter-spacing:-.02em}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-xs)}.toc{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-2xl)}.toc-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-md)}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin:0}.toc-list a{display:block;padding:var(--space-xs) 0;color:var(--text-secondary);text-decoration:none;font-size:.88rem;transition:color var(--transition-fast)}.toc-list a:hover{color:var(--accent-primary);padding-left:8px}.toc-list a{transition:padding-left var(--transition-fast),color var(--transition-fast);position:relative}.toc-list a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:2px;background:var(--accent-primary);transition:width var(--transition-fast);border-radius:1px}.toc-list a:hover:before{width:12px}.toc-list .toc-h3{padding-left:var(--space-lg);font-size:.82rem}.toc-list .toc-h3 a:hover{padding-left:8px}.toc-tree{margin-top:var(--space-sm)}.toc-folder{margin:0 0 var(--space-xs) 0}.toc-folder-name{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.88rem;font-weight:600;color:var(--text-primary);padding:var(--space-xs) 0}.toc-children{margin-left:calc(16px + var(--space-md));display:flex;flex-direction:column}.toc-file{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) 0;color:var(--text-secondary);text-decoration:none;font-size:.88rem;transition:color var(--transition-fast),padding-left var(--transition-fast);position:relative}.toc-file:hover{color:var(--accent-primary);padding-left:4px}.toc-icon{width:14px;height:14px;flex-shrink:0}.toc-folder>.toc-icon{color:var(--accent-secondary, #5cfc9c);width:16px;height:16px}.toc-file>.toc-icon{color:var(--text-muted);width:14px;height:14px}.doc-desc{color:var(--text-muted);font-size:.85rem;margin-top:calc(-1 * var(--space-sm));margin-bottom:var(--space-md)}.pro-tip{background:linear-gradient(135deg,#5cfc9c0f,#5cfcff0a);border:1px solid rgba(92,252,156,.2);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);margin:var(--space-xl) 0;position:relative;overflow:hidden}.pro-tip:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent-success),var(--accent-info))}.pro-tip-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.pro-tip-icon{width:20px;height:20px;color:var(--accent-success);flex-shrink:0}.pro-tip-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-success)}.pro-tip p{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.6}.pro-tip p+p{margin-top:var(--space-sm)}.troyan-gallery{display:flex;gap:var(--space-md);margin:var(--space-xl) 0;min-height:300px}.tg-viewer{flex:1;min-width:0}.tg-img-container{position:relative;width:100%;height:420px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.tg-img-track{position:relative;height:100%;opacity:0;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s ease}.tg-img-track.loaded{opacity:1}.tg-img-set{position:absolute;top:0;display:flex;height:100%}.tg-img-set img{height:100%;width:auto;flex-shrink:0;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.tg-img-set[data-layer="0"]{left:0}.tg-img-track.no-animate{transition:none!important}.tg-empty{display:none;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-style:italic;font-size:.9rem;padding:var(--space-xl);text-align:center}.tg-image-label{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;color:var(--text-secondary);font-size:.85rem;font-weight:500}.tg-image-label svg{flex-shrink:0}.tg-toolbar{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-sm) 0}.tg-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.tg-btn:hover{color:#0ff}.tg-btn.playing .tg-pause-icon{color:#0c6}.tg-color-picker{display:none}.tg-scrollbar{padding:var(--space-xs) 0;display:flex;align-items:center}.tg-scroll-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:var(--border-subtle);border-radius:3px;outline:none;cursor:pointer}.tg-scroll-track::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-primary);border:2px solid var(--bg-card);box-shadow:0 1px 3px #0000004d;cursor:pointer;transition:background .2s ease}.tg-scroll-track::-webkit-slider-thumb:hover{background:#0ff}.tg-scroll-track::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent-primary);border:2px solid var(--bg-card);box-shadow:0 1px 3px #0000004d;cursor:pointer}@media(max-width:768px){.troyan-gallery{flex-direction:column}.tg-img-container{height:280px}}.page-nav{display:flex;justify-content:space-between;margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--border-subtle);gap:var(--space-md)}.page-nav-link{display:flex;flex-direction:column;padding:var(--space-lg);background:linear-gradient(to top,var(--bg-card),var(--bg-elevated));border:2px solid var(--border-subtle);box-shadow:0 5px 10px var(--bg-primary);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);transition:all var(--transition-fast);flex:1;max-width:350px}.page-nav-link:hover{border-color:var(--border-glow);color:var(--text-info)}.page-nav-link.next{margin-left:auto;text-align:right}.page-nav-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-xs)}.page-nav-title{font-weight:600;color:var(--accent-primary)}.hero{text-align:center;padding:var(--space-4xl) 0 var(--space-3xl);position:relative}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--accent-glow);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--accent-primary);margin-bottom:var(--space-lg)}.hero-title{font-size:clamp(2.5rem,7vw,4.5rem);font-weight:900;letter-spacing:-.04em;line-height:1;margin-bottom:var(--space-lg);background:linear-gradient(to top,var(--bg-elevated),var(--accent-info));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 80px var(--bg-dark);webkit-text-stroke:2px var(--text-glow)}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-secondary);max-width:400px;margin:0 auto var(--space-xl);line-height:1.6}.hero-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border:none;font-family:var(--font-sans)}.btn:hover{text-decoration:none!important}button,.btn,.btn-primary,.btn-secondary,.tag,.nav-item,.nav-subgroup-title,.nav-group-title,.playlist-item,.player-track-btn,.shader-list-item,.header-btn,.vp-list-item,.vp-player-track,.page-nav-link,.nav-section-link,button:visited,.btn:visited,.btn-primary:visited,.btn-secondary:visited,.tag:visited,.nav-item:visited,.nav-subgroup-title:visited,.nav-group-title:visited,.playlist-item:visited,.player-track-btn:visited,.shader-list-item:visited,.header-btn:visited,.vp-list-item:visited,.vp-player-track:visited,.page-nav-link:visited,.nav-section-link:visited{text-decoration:none}.nav-item:visited,.nav-subgroup-title:visited,.nav-group-title:visited,.nav-section-link:visited{color:var(--text-secondary)}.nav-item:visited:hover,.nav-subgroup-title:visited:hover,.nav-group-title:visited:hover,.nav-section-link:visited:hover,.nav-item.active:visited,.nav-subgroup-title.active-tree:visited,.nav-group-title.active-tree:visited,.nav-section-link.active:visited{color:var(--text-primary)}button:hover,.btn:hover,.btn-primary:hover,.btn-secondary:hover,.tag:hover,.nav-item:hover,.nav-subgroup-title:hover,.nav-group-title:hover,.playlist-item:hover,.player-track-btn:hover,.shader-list-item:hover,.header-btn:hover,.vp-list-item:hover,.vp-player-track:hover,.page-nav-link:hover,.nav-section-link:hover{text-decoration:none}.btn-primary{transform:translateY(0);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-secondary);box-shadow:0 4px 15px var(--bg-dark);border:1px solid var(--accent-secondary);transition:transform .3s ease-in,box-shadow .2s ease-in,color .3s ease-in,background .4s ease-in,border .5s ease-in}.btn-primary:visited{color:#12052b}.btn-primary:hover{transform:translateY(-5px);box-shadow:0 0 5px var(--accent-primary);color:var(--text-primary);border:1px solid var(--accent-info);background:linear-gradient(to top,var(--bg-secondary),var(--bg-elevated));transition:transform .3s ease-in,border .2s ease-in,background .3s ease-in,color .4s ease-in,box-shadow .5s ease-in}.btn-secondary{transform:translateY(0);background:linear-gradient(to top,var(--bg-tertiary),var(--bg-elevated));color:var(--text-primary);border:1px solid var(--border-default);box-shadow:0 0 5px var(--bg-primary);transition:transform .3s ease-in,box-shadow .2s ease-in,color .3s ease-in,background .4s ease-in,border .5s ease-in}.btn-secondary:hover{transform:translateY(-5px);background:linear-gradient(to top,var(--bg-secondary),var(--bg-elevated));border-color:var(--accent-info);color:var(--text-primary);box-shadow:0 0 5px var(--accent-info);transition:transform .3s ease-in,box-shadow .2s ease-in,color .3s ease-in,background .4s ease-in,border .5s ease-in}.status-bar{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.status-item{display:flex;align-items:center;gap:var(--space-sm);font-size:.82rem}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.active{background:var(--accent-success);box-shadow:0 0 8px #5cfc9c66}.status-dot.warning{background:var(--accent-warning);box-shadow:0 0 8px #fc9c5c66}.status-dot.info{background:var(--accent-info)}.progress-bar{margin:var(--space-lg) 0}.progress-header{display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.progress-label{font-size:.82rem;color:var(--text-secondary);font-weight:500}.progress-value{font-size:.82rem;color:var(--accent-primary);font-weight:600;font-family:var(--font-mono)}.progress-track{height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-full);transition:width 1s cubic-bezier(.34,1.56,.64,1)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-md) 0}.tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);font-weight:500;transition:color .5s ease-in,border-color .5s ease-in,background .5s ease-in}.sml{display:inline-flex;align-items:center;gap:1px;background:var(--bg-elevated);border:1px solid var(--accent-glow);border-radius:4px;font-size:.5rem;font-family:JetBrains Mono,monospace;color:var(--text-secondary);font-weight:100;transition:color .5s ease-in,border-color .5s ease-in,background .5s ease-in;padding:1px;margin:1px}.sml:hover{background:var(--accent-glow);border-color:var(--accent-glow);color:var(--accent-primary);box-shadow:0 0 3px color-mix(in srgb,var(--accent-glow) 90%,transparent),0 0 12px color-mix(in srgb,var(--accent-glow) 70%,transparent),0 0 25px color-mix(in srgb,var(--accent-glow) 50%,transparent),0 0 50px color-mix(in srgb,var(--accent-glow) 30%,transparent);transition:box-shadow .2 ease-in,border-color .5s ease-in,background .5s ease-in}.tag:hover{background:var(--bg-elevated);border-color:var(--accent-secondary);color:var(--text-accent);font-size:.75rem;box-shadow:0 0 3px #00e5ffee,0 0 12px #00e5ff99,0 0 25px #00a2ff55,0 0 50px #05f1;transition:box-shadow .2 ease-in,border-color .5s ease-in,background .5s ease-in}.tag-cyan--accent:hover{background:var(--accent-glow);border-color:var(--accent-glow);color:var(--accent-primary);font-size:.75rem;box-shadow:0 0 3px color-mix(in srgb,var(--accent-glow) 90%,transparent),0 0 12px color-mix(in srgb,var(--accent-glow) 70%,transparent),0 0 25px color-mix(in srgb,var(--accent-glow) 50%,transparent),0 0 50px color-mix(in srgb,var(--accent-glow) 30%,transparent);transition:box-shadow .2 ease-in,border-color .5s ease-in,background .5s ease-in}.tag-green:hover{background:#5cfc9c40;border-color:#25c464;color:#25c464;font-size:.75rem;box-shadow:0 0 3px color-mix(in srgb,rgb(37,196,100) 90%,transparent),0 0 12px color-mix(in srgb,rgb(37,196,100) 70%,transparent),0 0 25px color-mix(in srgb,rgb(37,196,100) 50%,transparent),0 0 50px color-mix(in srgb,rgb(37,196,100) 30%,transparent);transition:box-shadow .2s ease-in,border-color .8s ease-in,background 1s ease-in}.tag-pink:hover{background:#fc5c9c40;color:var(--accent-tertiary);font-size:.75rem;box-shadow:0 0 3px color-mix(in srgb,var(--accent-tertiary) 90%,transparent),0 0 12px color-mix(in srgb,var(--accent-tertiary) 70%,transparent),0 0 25px color-mix(in srgb,var(--accent-tertiary) 50%,transparent),0 0 50px color-mix(in srgb,var(--accent-tertiary) 30%,transparent);transition:box-shadow .2s ease-in,border-color .8s ease-in,background 1s ease-in}.tag-cyan:hover{background:#5cfcff40;color:#2abcbe;font-size:.75rem;box-shadow:0 0 3px color-mix(in srgb,rgba(42,188,190,1) 90%,transparent),0 0 12px color-mix(in srgb,rgba(42,188,190,1) 70%,transparent),0 0 25px color-mix(in srgb,rgba(42,188,190,1) 50%,transparent),0 0 50px color-mix(in srgb,rgba(42,188,190,1) 30%,transparent);transition:box-shadow .2s ease-in,border-color .8s ease-in,background 1s ease-in}.tag-orange:hover{background:#fc9c5c40;color:var(--accent-warning);font-size:.75rem;box-shadow:0 0 3px color-mix(in srgb,var(--accent-warning) 90%,transparent),0 0 12px color-mix(in srgb,var(--accent-warning) 70%,transparent),0 0 25px color-mix(in srgb,var(--accent-warning) 50%,transparent),0 0 50px color-mix(in srgb,var(--accent-warning) 30%,transparent);transition:box-shadow .2s ease-in,border-color .8s ease-in,background 1s ease-in}.tag-blue:hover{background:#5c9cfc40;color:var(--accent-secondary);box-shadow:0 0 3px color-mix(in srgb,var(--accent-secondary) 90%,transparent),0 0 12px color-mix(in srgb,var(--accent-secondary) 70%,transparent),0 0 25px color-mix(in srgb,var(--accent-secondary) 50%,transparent),0 0 50px color-mix(in srgb,var(--accent-secondary) 30%,transparent);transition:box-shadow .2s ease-in,border-color .8s ease-in,background 1s ease-in}.tag-purple:hover{background:#b478ff40;color:#b478ff;box-shadow:0 0 3px color-mix(in srgb,#b478ff 90%,transparent),0 0 12px color-mix(in srgb,#b478ff 70%,transparent),0 0 25px color-mix(in srgb,#b478ff 50%,transparent),0 0 50px color-mix(in srgb,#b478ff 30%,transparent);transition:box-shadow .2s ease-in,border-color .8s ease-in,background 1s ease-in}.tag-yellow:hover{background:#ffdc5040;color:#ffdc50;box-shadow:0 0 3px color-mix(in srgb,#ffdc50 90%,transparent),0 0 12px color-mix(in srgb,#ffdc50 70%,transparent),0 0 25px color-mix(in srgb,#ffdc50 50%,transparent),0 0 50px color-mix(in srgb,#ffdc50 30%,transparent);transition:box-shadow .2s ease-in,border-color .8s ease-in,background 1s ease-in}.tag-red:hover{background:#ff5a5a40;color:#fd5757;font-size:var(--tag-font-size);box-shadow:0 0 3px color-mix(in srgb,#fd5757 90%,transparent),0 0 12px color-mix(in srgb,#fd5757 70%,transparent),0 0 25px color-mix(in srgb,#fd5757 50%,transparent),0 0 50px color-mix(in srgb,#fd5757 30%,transparent);transition:box-shadow .2s ease-in,border-color .8s ease-in,background 1s ease-in}.tag-accent{background:var(--accent-glow);color:var(--accent-primary);font-size:var(--tag-font-size)}.tag-green{background:#5cfc9c40;color:#25c464;font-size:var(--tag-font-size)}.tag-pink{background:#fc5c9c40;color:var(--accent-tertiary);font-size:var(--tag-font-size)}.tag-cyan{background:#5cfcff40;color:#2abcbe;font-size:var(--tag-font-size)}.tag-orange{background:#fc9c5c40;color:var(--accent-warning);font-size:var(--tag-font-size)}.tag-blue{background:#5c9cfc40;color:var(--accent-secondary);font-size:var(--tag-font-size)}.tag-purple{background:#b478ff40;color:#b478ff;font-size:var(--tag-font-size)}.tag-yellow{background:#ffdc5040;color:#ffdc50;font-size:var(--tag-font-size)}.tag-red{background:#ff5a5a40;color:#fd5757;font-size:var(--tag-font-size)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .5s ease forwards}.animate-in-delay-1{animation-delay:.1s;opacity:0}.animate-in-delay-2{animation-delay:.2s;opacity:0}.animate-in-delay-3{animation-delay:.3s;opacity:0}.animate-in-delay-4{animation-delay:.4s;opacity:0}@media(max-width:1024px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.menu-toggle{display:flex}.header{padding:0 var(--space-lg)}.content{padding:var(--space-xl) var(--space-lg)}}@media(max-width:768px){.hero{padding:var(--space-2xl) 0}.cards-grid{grid-template-columns:1fr}.page-nav{flex-direction:column}.page-nav-link{max-width:none}.page-nav-link.next{text-align:left}.stats-grid{grid-template-columns:repeat(2,1fr)}.status-bar{flex-direction:column;align-items:flex-start}.breadcrumb{white-space:nowrap;overflow:hidden;max-width:100%}.breadcrumb-current,.breadcrumb-category,.breadcrumb-section{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header{flex-direction:column;height:auto;padding:var(--space-sm) var(--space-lg);gap:var(--space-xs)}.header-left{width:100%}.header-right{flex-direction:row;justify-content:center;width:100%;gap:var(--space-sm)}.hex-anim-container{display:none}}@media(max-width:480px){.header{padding:var(--space-xs) var(--space-md)}.content{padding:var(--space-lg) var(--space-md)}.hero-actions{flex-direction:column;align-items:center}.btn{width:100%;justify-content:center}}.file-tree{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-lg) 0;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;overflow-x:auto}.file-tree ul{list-style:none;padding:0;margin:0}.file-tree>ul{padding-left:0}.file-tree .tree-node{position:relative;padding:2px 0}.file-tree .tree-content{display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--radius-sm);cursor:default;transition:background var(--transition-fast);white-space:nowrap}.file-tree .tree-content:hover{background:var(--bg-card-hover)}.file-tree .tree-children{padding-left:22px;border-left:1px solid var(--border-subtle);margin-left:11px}.file-tree .tree-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.file-tree .tree-icon svg{width:16px;height:16px}.file-tree .tree-label{color:var(--text-secondary)}.file-tree .tree-label.folder{color:var(--text-primary);font-weight:600}.file-tree .tree-label.file{color:var(--text-secondary)}.tree-icon-folder{color:var(--accent-warning)}.tree-icon-ts{color:#3178c6}.tree-icon-js{color:#f7df1e}.tree-icon-json{color:var(--accent-success)}.tree-icon-html{color:#e34c26}.tree-icon-css{color:#264de4}.tree-icon-md{color:var(--accent-info)}.tree-icon-glb{color:var(--accent-tertiary)}.tree-icon-png,.tree-icon-jpg{color:#5cfc9c}.tree-icon-svg{color:#ff9c5c}.tree-icon-yml{color:#cb171e}.tree-icon-lock{color:var(--text-muted)}.tree-icon-config{color:var(--accent-secondary)}.tree-icon-script{color:var(--accent-success)}.tree-icon-default{color:var(--text-muted)}.file-tree .tree-badge{margin-left:auto;font-size:.65rem;padding:1px 6px;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-muted);font-weight:500}.file-tree .tree-toggle{width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.file-tree .tree-toggle.expanded{transform:rotate(90deg)}.file-tree .tree-toggle:hover{color:var(--text-primary)}.section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-lg);text-shadow:-1px -1px 0 var(--text-glow),1px -1px 0 var(--text-glow),-1px 1px 0 var(--text-glow),1px 1px 0 var(--accent-info)}.section-title-icon{width:16px;height:16px;color:var(--accent-primary)}.agent-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:var(--space-xl);overflow:hidden;transition:border-color .2s ease}.agent-card:hover{border-color:var(--border-default)}.agent-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,rgba(124,92,252,.05),transparent)}.agent-header h3{font-size:1.25rem;font-weight:700;margin:0 0 var(--space-xs) 0;display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.agent-tagline{color:var(--text-muted);font-size:.9rem;margin:0}.agent-body{padding:var(--space-xl)}.agent-body h4{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:var(--space-lg) 0 var(--space-sm) 0}.agent-body h4:first-child{margin-top:0}.agent-body ul{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.agent-body li{margin-bottom:var(--space-xs);color:var(--text-secondary);line-height:1.6}.agent-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.agent-meta-item{font-size:.8rem;color:var(--text-muted);background:var(--bg-tertiary);padding:var(--space-xs) var(--space-sm);border-radius:6px}.verdict-box{background:linear-gradient(135deg,#7c5cfc14,#5c9cfc0d);border:1px solid var(--border-subtle);border-radius:8px;padding:var(--space-md) var(--space-lg);margin-top:var(--space-lg);font-size:.9rem;color:var(--text-secondary)}.warning-box{background:linear-gradient(135deg,#fc9c5c14,#fc5c9c0d);border:1px solid rgba(252,156,92,.2);border-radius:8px;padding:var(--space-md) var(--space-lg);margin:var(--space-lg) 0}.warning-box h4{color:var(--accent-warning);margin:0 0 var(--space-sm) 0}.warning-box ul{margin:0;padding-left:var(--space-lg);color:var(--text-secondary)}.warning-box li{margin-bottom:var(--space-xs)}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin:var(--space-xl) 0}.podium-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:var(--space-xl);text-align:center;transition:transform .2s ease,border-color .2s ease}.podium-item:hover{transform:translateY(-2px)}.podium-item.gold{border-color:#ffd7004d;background:linear-gradient(135deg,rgba(255,215,0,.05),var(--bg-card))}.podium-item.silver{border-color:#c0c0c04d;background:linear-gradient(135deg,rgba(192,192,192,.05),var(--bg-card))}.podium-item.bronze{border-color:#cd7f324d;background:linear-gradient(135deg,rgba(205,127,50,.05),var(--bg-card))}.podium-rank{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-sm)}.podium-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.podium-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5}.workflow-block{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-lg)}.workflow-block h4{color:var(--accent-primary);margin:0 0 var(--space-md) 0;font-size:1rem}.workflow-block ul,.workflow-block ol{margin:0;padding-left:var(--space-lg);color:var(--text-secondary)}.workflow-block li{margin-bottom:var(--space-xs);line-height:1.6}.sources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-sm);margin-top:var(--space-lg)}.source-link{display:block;padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);text-decoration:none;font-size:.8rem;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-link:hover{border-color:var(--accent-info);color:var(--accent-info);background:var(--bg-elevated);transition:color .4s}.source-link:active{border-color:var(--accent-info);color:var(--accent-info);background:var(--bg-primary);transition:color .4s}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary));z-index:10000;transition:width .1s linear}@media print{.sidebar,.header,.bg-grid,.bg-orb{display:none;visibility:hidden}.main{margin:0}.content{max-width:none;padding:0}body{background:#fff;color:#000}}.explorer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-md);flex-wrap:wrap}.explorer-toolbar-left,.explorer-toolbar-right{display:flex;align-items:center;gap:var(--space-xs)}.explorer-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.explorer-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-subtle)}.explorer-btn.active{background:var(--accent-glow);color:var(--accent-primary);border-color:var(--border-default)}.explorer-separator{width:1px;height:20px;background:var(--border-subtle);margin:0 var(--space-xs)}.explorer-search{display:flex;align-items:center;gap:var(--space-sm);padding:4px 10px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--transition-fast)}.explorer-search:focus-within{border-color:var(--accent-primary)}.explorer-search svg{color:var(--text-muted);flex-shrink:0}.explorer-search input{background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem;width:160px}.explorer-search input::placeholder{color:var(--text-muted)}.explorer-status{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);padding:4px 10px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.explorer-breadcrumb{display:flex;align-items:center;gap:2px;padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-md);overflow-x:auto;white-space:nowrap;font-family:var(--font-mono);font-size:.8rem}.explorer-breadcrumb-item{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.explorer-breadcrumb-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.explorer-breadcrumb-item.active{color:var(--accent-primary)}.explorer-breadcrumb-item+.explorer-breadcrumb-item:before{content:"/";margin-right:2px;color:var(--text-muted);opacity:.4}.explorer-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-md);margin-bottom:var(--space-lg)}@media(max-width:900px){.explorer-layout{grid-template-columns:1fr}.explorer-preview-panel{order:-1}}.explorer-player{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-md);overflow:hidden}.explorer-player-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary);font-size:.78rem;font-weight:600;transition:color var(--transition-fast)}.explorer-player-header:hover{color:var(--text-primary)}.explorer-player-header svg:first-child{color:var(--accent-primary);flex-shrink:0}.player-chevron{margin-left:auto;transition:transform var(--transition-base);flex-shrink:0}.explorer-player-header.expanded .player-chevron{transform:rotate(90deg)}.explorer-player-body{max-height:0;overflow:hidden;transition:max-height .3s ease}.explorer-player-body.expanded{max-height:200px}.player-controls{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-top:1px solid var(--border-subtle)}.player-current{font-size:.72rem;color:var(--text-muted);margin-left:auto;font-family:var(--font-mono)}.player-tracks{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-sm) var(--space-md)}.player-track-btn{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-muted);font-size:.72rem;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.player-track-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.player-track-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.player-track-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4;flex-shrink:0}.player-track-btn.active .player-track-dot{opacity:1}.explorer-tree-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;min-height:400px}.explorer-tree{padding:var(--space-md);font-family:var(--font-mono);font-size:.82rem;line-height:1.5;-webkit-user-select:none;user-select:none}.explorer-tree ul{list-style:none;padding:0;margin:0}.explorer-tree .tree-node{position:relative}.explorer-tree .tree-content{display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative}.explorer-tree .tree-content:hover{background:var(--bg-card-hover)}.explorer-tree .tree-content.selected{background:var(--accent-glow);box-shadow:inset 2px 0 0 var(--accent-primary)}.explorer-tree .tree-content.selected .tree-label{color:var(--text-primary)}.explorer-tree .tree-chevron{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);transition:transform .2s ease,color var(--transition-fast);border-radius:3px}.explorer-tree .tree-chevron:hover{color:var(--text-primary);background:var(--bg-elevated)}.explorer-tree .tree-chevron.expanded{transform:rotate(90deg)}.explorer-tree .tree-chevron-placeholder{width:18px;height:18px;flex-shrink:0}.explorer-tree .tree-heroicon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all var(--transition-fast)}.explorer-tree .tree-heroicon svg{width:14px;height:14px}.ohm-folder{color:#fbbf24;background:#fbbf241a}.ohm-folder-open{color:#fbbf24;background:#fbbf2426}.ohm-ts{color:#3b82f6;background:#3b82f61a}.ohm-js{color:#f59e0b;background:#f59e0b1a}.ohm-json{color:#10b981;background:#10b9811a}.ohm-html{color:#ef4444;background:#ef44441a}.ohm-css{color:#8b5cf6;background:#8b5cf61a}.ohm-md{color:#06b6d4;background:#06b6d41a}.ohm-glb{color:#ec4899;background:#ec48991a}.ohm-png,.ohm-jpg,.ohm-svg,.ohm-img{color:#84cc16;background:#84cc161a}.ohm-blend{color:#f97316;background:#f973161a}.ohm-yml,.ohm-yaml{color:#ef4444;background:#ef444414}.ohm-lock{color:#64748b;background:#64748b1a}.ohm-sh{color:#22c55e;background:#22c55e1a}.ohm-default{color:#64748b;background:#64748b14}.explorer-tree .tree-label{color:var(--text-secondary);transition:color var(--transition-fast);overflow:hidden;text-overflow:ellipsis}.explorer-tree .tree-label.folder{color:var(--text-primary);font-weight:600}.explorer-tree .tree-children{padding-left:14px;margin-left:9px;border-left:1px solid var(--border-subtle);overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.explorer-tree .tree-children.collapsed{max-height:0!important;opacity:0}.explorer-tree .tree-badge{margin-left:auto;font-size:.6rem;padding:1px 5px;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-muted);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.explorer-preview-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;min-height:400px;position:sticky;top:calc(var(--header-height) + var(--space-md));max-height:calc(100vh - var(--header-height) - var(--space-2xl));overflow-y:auto}.explorer-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:380px;color:var(--text-muted);gap:var(--space-md);padding:var(--space-xl);text-align:center}.explorer-preview-empty svg{opacity:.3}.explorer-preview-content{padding:var(--space-lg)}.preview-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.preview-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.preview-icon svg{width:24px;height:24px}.preview-name{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--text-primary);word-break:break-all}.preview-type{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.preview-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-lg)}.preview-meta-item{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.preview-meta-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.preview-meta-value{font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary)}.preview-description{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary)}.preview-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.preview-action-btn{display:flex;align-items:center;gap:var(--space-sm);padding:6px 14px;border-radius:var(--radius-sm);font-size:.78rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-secondary);text-decoration:none}.preview-action-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-default)}.preview-action-btn.primary{background:var(--accent-glow);color:var(--accent-primary);border-color:var(--border-default)}.preview-action-btn.primary:hover{background:var(--accent-glow-strong)}.preview-action-btn svg{width:14px;height:14px}.explorer-legend{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg)}.explorer-legend-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:700;margin-bottom:var(--space-sm)}.explorer-legend-items{display:flex;flex-wrap:wrap;gap:var(--space-md)}.legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary);font-family:var(--font-mono)}.legend-color{width:10px;height:10px;border-radius:3px;flex-shrink:0}.explorer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md);padding:var(--space-md)}.explorer-grid-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);padding:var(--space-sm) 0}.video-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.video-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.video-thumb{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-embed)}.video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.video-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity var(--transition-fast);color:#fff}.video-card:hover .video-play-overlay{opacity:1}.video-duration{position:absolute;bottom:var(--space-xs);right:var(--space-xs);background:#000c;color:#fff;font-size:.72rem;font-family:var(--font-mono);padding:2px 6px;border-radius:var(--radius-sm)}.video-info{padding:var(--space-md)}.video-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.video-desc{font-size:.82rem;color:var(--text-secondary);margin:0;line-height:1.4}#loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg-dark) 90%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#loader-card{border:5px solid transparent;border-radius:30px;background-image:linear-gradient(to top,var(--bg-elevated),var(--bg-card-hover)),linear-gradient(to top,#080c25,#05dce4);background-origin:border-box;background-clip:padding-box,border-box;padding:28px 36px;min-width:320px;max-width:380px;text-align:center;transform-origin:center center;will-change:transform,opacity;margin:10px;box-shadow:inset 0 0 25px #00020099;transition:transform .3s ease-out .2s,box-shadow .3s ease-out,opacity .2s ease .3s,background-image .3s ease-out,border-color .3s ease-out}.loader-metrics{display:flex;justify-content:center;gap:8px;font-family:var(--font-display);font-size:.8rem;font-weight:200;color:var(--accent-success);background:linear-gradient(to top,var(--bg-primary),var(--bg-elevated));margin:auto auto 32px;border:1px solid var(--text-secondary);border-radius:20px;padding:24px 48px}.loader-sep{opacity:.3}.loader-bar-track{width:100%;height:8px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;background:linear-gradient(to top,var(--bg-dark),var(--bg-elevated));box-shadow:inset 0 1px 2px #00020066;border:1px solid var(--accent-success);margin:auto}.loader-bar-fill{min-height:100%;width:0%;background:linear-gradient(to top,rgba(3,54,25,.801) 0%,var(--accent-success) 100%);border-radius:var(--radius-md);transition:width .15s ease-out;box-shadow:inset 0 0 10px #2ecc7180,outset 0 0 24px #2ecc7133}.loader-percent{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-info);margin-top:10px}.loader-done-text{font-size:.85rem;color:var(--accent-secondary);margin-bottom:18px;font-family:var(--font-display);font-weight:400;font-size:.9rem}.loader-enter-btn{padding:8px 32px;border:.5px solid var(--accent-primary);color:var(--accent-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:.8rem;font-weight:200;background:linear-gradient(to top,var(--bg-elevated),var(--text-muted));transition:color .2s ease-in .1s,border-color .2s ease-in .1s,background .2s ease-in}.loader-enter-btn:hover{border-color:var(--bg-dark);color:var(--bg-dark);background:linear-gradient(to top,var(--accent-glow-strong),var(--accent-info));box-shadow:0 0 3px color-mix(in srgb,var(--accent-info) 90%,transparent),0 0 12px color-mix(in srgb,var(--accent-primary) 80%,transparent),0 0 25px color-mix(in srgb,var(--text-accent) 70%,transparent),0 0 50px color-mix(in srgb,var(--accent-primary) 55%,transparent);transition:box-shadow .2 ease-in,border-color .5s ease-in,background .5s ease-in}.course-card-link{display:block;text-decoration:none;color:inherit;margin-bottom:var(--space-lg)}.course-card-link:active,.course-card-link:mouse-down{transform:scale(.95);transition:transform .3s ease-in}.course-card-link:focus,.course-card-link:mouse-up{transform:scale(1);transition:transform .3s ease-out}.course-card-link:hover{text-decoration:none}.course-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.course-card:hover{text-decoration:none}.course-card:hover{border-color:var(--accent-primary);box-shadow:0 0 0 1px #7c5cfc26}.course-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);font-size:.75rem}.course-module-badge{font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px}.course-lesson-count{color:var(--text-muted)}.course-card-body{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg)}.course-card-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md)}.course-card-icon svg{width:20px;height:20px;stroke:var(--accent-primary);display:block}.course-card-body h3{margin:0 0 var(--space-xs);font-size:1rem;font-weight:600;color:var(--text-primary)}.course-card-body p{margin:0 0 var(--space-sm);font-size:.85rem;color:var(--text-secondary);line-height:1.6}.course-card-topics{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.course-card-topics span{font-size:.75rem;padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-muted);border:1px solid var(--border-subtle)}.course-card-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-lg);border-top:1px solid var(--border-subtle);font-size:.8rem}.course-difficulty{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:var(--radius-sm)}.course-difficulty.beginner{color:var(--accent-success);background:#5cfc9c14}.course-difficulty.intermediate{color:var(--accent-warning);background:#fc9c5c14}.course-difficulty.advanced{color:var(--accent-tertiary);background:#fc5c9c14}.course-time{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted)}.course-time svg{width:12px;height:12px}.quiz-question:hover{background-color:var(--bg-card)!important;border-color:var(--accent-glow)}.vol-toggle-wrap{position:relative;display:flex;align-items:center;z-index:100;padding:2px}.vol-hover-zone{position:absolute;bottom:12px;left:0;transform:translate(25%);width:26px;height:0px;opacity:0;border:transparent;background:linear-gradient(to top,var(--bg-secondry),var(--bg-elevated));border-radius:12px;z-index:50;pointer-events:none;overflow:hidden;padding:0;transition:height .2s ease-in,background .2s ease-in,border-color .2s ease-in,opacity .3s ease-in}.vol-hover-zone.visible{height:110px;opacity:1;z-index:50;width:26px;border:1px solid var(--border-info);background:linear-gradient(to top,var(--bg-secondry),var(--bg-elevated));padding:0 0 24px;margin:0;border-radius:12px;pointer-events:auto;transition:height .2s ease-in,background .2s ease-in,border-color .2s ease-in,opacity .3s ease-in}.volume-control{position:absolute;bottom:calc(100% + 2px);left:25%;transform:translate(-50%);width:10px;height:2px;opacity:0;overflow:hidden;cursor:pointer;border:1px solid var(--bg-primary);z-index:105;pointer-events:none;border-radius:15px;transform:translateY(20px);transition:transform .5s ease-in .1s,opacity .2s ease-in,border-color .2s ease-in}.volume-control.visible{height:64px;width:12px;opacity:1;pointer-events:auto;z-index:105;border-radius:15px;color:var(--bg-elevated);padding:0;margin:auto;border:1px solid var(--accent-primary);transform:translate(0);transition:transform .2s ease-in .1s,opacity .2s ease-in,border-color .3s ease-out}.volume-control:hover.visible{border-color:var(--accent-secondary);background:linear-gradient(to top,var(--accent-secondary),var(--accent-info));transition:border-color .3s ease-in}.volume-track{width:12px;height:64px;background:var(--bg-dark);border-radius:10px;position:relative;overflow:visible;border:1px solid var(--border-strong);box-shadow:0 0 1px var(--accent-glow-strong);z-index:112;padding:1px;margin:auto;transition:transform .2s ease-in,opacity .2s ease-in}.volume-fill{position:absolute;bottom:0;left:0;width:10px;height:64px;background:linear-gradient(to top,var(--accent-primary),var(--accent-secondary));border:1px solid var(--bg-dark);transition:height .4s ease-in-out;z-index:105;border-radius:10px;padding:1px}.volume-thumb{position:absolute;top:50%;left:50%;width:14px;height:14px;border-radius:50%;background:var(--bg-elevated);border:2px solid var(--accent-success);transform:translate(-50%,-50%);cursor:grab;transition:transform .15s ease,width .15s ease,height .15s ease}.overlay-content{box-shadow:inset 0 0 12px #0623a54d;background:linear-gradient(to top,var(--accent-primary),var(--accent-info));transition:all .5s ease;z-index:115;margin:auto}.link-desc{color:var(--text-secondary)}.course-quiz-section{margin:var(--space-xl) 0;padding:var(--space-lg);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.course-quiz-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.course-quiz-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.course-quiz-title{margin:var(--space-xs) 0 0;font-size:1.1rem}.course-quiz-desc{color:var(--text-secondary);font-size:.85rem;margin:var(--space-xs) 0 0}.course-quiz-trigger{flex-shrink:0}.course-quiz-container{margin-top:var(--space-lg);display:none}.module-nav{display:flex;justify-content:space-between;margin:var(--space-xl) 0}.module-nav-center{text-align:center;margin:var(--space-lg) 0}.module-nav-center a,.module-nav-back{color:var(--text-muted);font-size:.9rem}.module-table-wrap{overflow-x:auto;margin:var(--space-lg) 0}.module-table{width:100%;border-collapse:collapse;font-size:.9rem}.module-table+.module-table{margin-top:var(--space-lg)}.module-table th{padding:var(--space-sm);text-align:left;color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--border-subtle)}.module-table td{padding:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.module-table td:first-child{font-family:var(--font-mono);font-size:.85rem}.module-table-caption{text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:var(--space-sm)}.module-divider-thick{border-bottom:2px solid var(--border-default)}.ts-course-svg{margin:var(--space-xl) 0}.ts-architecture-svg{width:100%;height:auto;max-width:900px;display:block;margin:0 auto}.callout-tip{border-left:4px solid var(--accent-info)}.callout-warning{border-left:4px solid var(--accent-warning)}.callout-danger{border-left:4px solid var(--accent-danger)}.ts-course-hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin:var(--space-2xl) 0;background:var(--bg-card)}.ts-hero-title{font-size:1.6rem;color:var(--accent-primary)}.ts-hero-text{line-height:1.8}.ts-hero-logo-area{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);min-height:200px}.ts-hero-logo-inner{position:relative;z-index:1;text-align:center}.ts-hero-logo-text{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#3178c6,#235a97);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ts-hero-subtitle{font-size:1.2rem;color:var(--text-muted);margin-top:var(--space-sm);justify-content:center}.ts-hero-divider{width:60px;height:2px;background:#3178c6;margin:var(--space-md) auto}.ts-hero-tagline{font-size:.85rem;color:var(--text-muted)}.ts-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin:var(--space-xl) 0}.ts-module-card{height:100%;padding:var(--space-lg)}.ts-module-badge{width:44px;height:44px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-weight:700;font-size:1.1rem;flex-shrink:0}.ts-module-card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.ts-module-title{font-weight:600;font-size:1.05rem;margin-bottom:2px;color:var(--text-glow)}.ts-module-meta{gap:var(--space-sm);flex-wrap:wrap}.ts-module-meta-item{display:inline-flex;align-items:center;gap:4px}.ts-module-desc{flex:1}.ts-info-box{padding:var(--space-xl);background:linear-gradient(to top,var(--bg-card),var(--bg-elevated));border:2px solid var(--border-subtle);border-radius:var(--radius-lg)}.ts-info-box+.ts-info-box{margin-top:var(--space-xl)}.ts-info-box h3:first-child{margin-top:0}.ts-info-box:before{content:"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-folder-icon lucide-folder'><path d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/></svg>";display:inline-block;margin-right:var(--space-sm)}.ts-info-box ul,.ts-info-box ol{color:var(--text-secondary)}.ts-cta-row{text-align:center;margin:var(--space-2xl) 0}ul.tree,ul.tree ul{list-style:none;padding-left:0;margin:var(--space-md) 0}ul.tree ul{padding-left:1.5rem;border-left:1px solid var(--border-subtle);margin-left:.5rem}ul.tree li{margin:var(--space-xs) 0;position:relative}ul.tree li.module{margin-top:var(--space-lg);font-weight:700;font-size:1rem;color:var(--text-primary);list-style:none;padding:var(--space-xs) 0 var(--space-xs) 0;border-bottom:1px solid var(--border-subtle)}ul.tree li.module .tag{font-weight:400;vertical-align:middle}ul.tree details{margin:2px 0}ul.tree summary{cursor:pointer;font-weight:500;color:var(--text-glow);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:background .15s ease}ul.tree summary:hover{background:var(--bg-elevated)}ul.tree summary::-webkit-details-marker{color:var(--text-muted)}ul.tree details[open]>summary{color:var(--accent-primary)}ul.tree details ul li{padding:2px 0 2px .5rem;color:var(--text-secondary);font-size:.9rem}ul.tree details ul li code{font-size:.85rem}@media(max-width:768px){.ts-course-hero,.ts-module-grid{grid-template-columns:1fr}}.vp-layout{margin-top:var(--space-lg)}.vp-grid{display:grid;grid-template-columns:1fr 480px;grid-template-rows:700px;gap:var(--space-lg)}.vp-left{display:flex;flex-direction:column;gap:var(--space-md);height:100%}.vp-canvas-wrap{position:relative;flex:1;min-height:0;background:#0a0a0f;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.vp-canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.vp-hud{position:absolute;font-family:var(--font-mono);font-size:.78rem;line-height:1.7;color:#fffc;background:#0009;padding:12px 16px;border-radius:var(--radius-md);pointer-events:none;z-index:10;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);white-space:pre;transition:opacity .5s ease}.vp-hud-audio{bottom:16px;left:16px}.vp-hud-roc{bottom:16px;right:16px}.vp-drag-val{cursor:ns-resize;color:var(--accent-primary);font-weight:600;padding:1px 4px;border-radius:2px;transition:background .1s;user-select:none;-webkit-user-select:none;pointer-events:auto}.vp-drag-val:hover{background:#7c5cfc26}.vp-drag-val.dragging{background:#7c5cfc4d;outline:1px solid var(--accent-primary)}body.vp-dragging{user-select:none;-webkit-user-select:none}.vp-right{display:flex;flex-direction:column;gap:0}.vp-list{flex:1;border:1px solid var(--border-subtle);background:var(--bg-dark);padding:0;overflow-y:auto;min-height:220px;width:94%;padding-bottom:0!important;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);margin:auto;margin-top:0!important}.vp-list:hover{border:1px solid var(--accent-glow-strong)}.vp-list-heading{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-xs);padding:0 var(--space-sm)}.vp-list-item{display:flex;align-items:center;gap:var(--space-sm);padding:7px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;background:transparent;color:var(--text-primary);font:inherit;font-size:.85rem;text-align:left;width:100%}.vp-list-item:hover{background:#7c5cfc14}.vp-list-item.active{background:#7c5cfc26;color:var(--accent-primary);font-weight:500}.vp-list-dot{width:5px;height:5px;border-radius:50%;background:var(--border-subtle);flex-shrink:0}.vp-list-item.active .vp-list-dot{background:var(--accent-primary)}.vp-list-divider{height:1px;background:var(--border-subtle);margin:var(--space-sm) 0}.vp-player{display:flex;flex-direction:column;gap:0}.vp-player-main{display:flex;flex-direction:column;gap:6px;padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.vp-player-track-info{display:flex;flex-direction:column;line-height:1.3}.vp-player-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.vp-player-artist{font-size:.85rem;color:var(--text-muted)}.vp-player-controls{display:flex;align-items:center;gap:var(--space-xs)}.vp-player-progress{flex:1;height:4px;background:#ffffff0f;border-radius:var(--radius-full);cursor:pointer;overflow:hidden;min-width:40px}.vp-player-fill{height:100%;background:var(--bg-elevated);border-radius:var(--radius-full);width:0%;transition:width .1s linear}.vp-player-time{font-size:.82rem;font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap}.vp-ctrl-btn{background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-md);width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);line-height:0;flex-shrink:0}.vp-ctrl-btn:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--bg-tertiary)}.vp-player-stats{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-xs)}.vp-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:52px;padding:6px 10px;background:#7c5cfc0f;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent-primary)}.vp-stat-lbl{display:block;font-size:.6rem;font-weight:400;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:2px}.vp-sliders-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary)}.vp-sliders-header{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;border-bottom:1px solid var(--border-subtle);font-size:.68rem;font-weight:600;color:var(--text-secondary)}.vp-sliders-codebtn{font-size:.6rem;padding:2px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.vp-sliders-codebtn:hover{color:var(--text-primary);border-color:var(--border-default)}.vp-sliders-body{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;padding:6px 10px}.vp-no-audio-msg{grid-column:1 / -1;text-align:center;font-size:.78rem;color:var(--text-muted);padding:16px 8px;opacity:.7}.vp-slider-row{display:flex;align-items:center;gap:3px;padding:2px 4px;background:#ffffff05;border-radius:var(--radius-sm)}.vp-slider-row:first-child{padding-top:0}.vp-slider-label{font-size:.6rem;color:var(--text-secondary);width:42px;flex-shrink:0;text-align:right}.vp-slot-select{font-size:.55rem;font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1px 3px;cursor:pointer;outline:none;width:52px;flex-shrink:0;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.vp-slot-select:hover{border-color:var(--border-default)}.vp-slot-select:focus{border-color:var(--accent-primary)}.vp-slot-music{font-size:.5rem;font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1px 2px;cursor:pointer;outline:none;width:38px;flex-shrink:0;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.vp-slot-music:hover{border-color:var(--border-default)}.vp-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:3px;background:var(--border-subtle);border-radius:var(--radius-full);outline:none;min-width:0}.vp-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent-primary);cursor:pointer}.vp-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none}.vp-slider-val{font-size:.55rem;font-family:var(--font-mono);color:var(--text-muted);width:28px;text-align:right;flex-shrink:0}.vp-code-collapse{border-top:1px solid var(--border-subtle)}.vp-code-header{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;border-bottom:1px solid var(--border-subtle);font-size:.68rem;font-weight:600;color:var(--text-secondary)}.vp-code-actions{display:flex;gap:4px}.vp-code-btn{display:inline-flex;align-items:center;justify-content:center;padding:3px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);line-height:0}.vp-code-btn:hover{color:var(--text-primary);border-color:var(--border-default)}#vp-code-preview{color:var(--accent-primary);border-color:var(--accent-primary)}#vp-code-preview:hover{background:var(--accent-primary);color:#fff}.vp-code-textarea{display:block;width:100%;margin:0;padding:8px 10px;overflow-x:auto;font-size:.7rem;line-height:1.5;font-family:var(--font-mono);white-space:pre;background:transparent;color:var(--text-primary);border:none;outline:none;resize:vertical;-moz-tab-size:2;tab-size:2;min-height:60px}.vp-player-playlist{display:flex;flex-direction:column;gap:1px;max-height:220px;overflow-y:auto;background:var(--bg-dark);border:1px solid var(--border-subtle);padding:0;width:94%;padding-top:0!important;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);margin:auto;margin-top:0!important}.vp-player-playlist:hover{border:1px solid var(--accent-glow-strong)}.vp-now-bar{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);font-size:.72rem;color:var(--text-muted);flex-wrap:wrap}.vp-now-item{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);transition:color .15s}.vp-now-icon{width:14px;height:14px;flex-shrink:0}.vp-now-label{transition:color .15s}.vp-now-sep{color:var(--text-muted);opacity:.4;margin:0 2px}.vp-now-item.flash-track{animation:vpFlashTrack 3s ease-out forwards}.vp-now-item.flash-shader{animation:vpFlashShader 3s ease-out forwards}@keyframes vpFlashTrack{0%{color:var(--accent-warning)}to{color:var(--text-muted)}}@keyframes vpFlashShader{0%{color:var(--accent-info)}to{color:var(--text-muted)}}.vp-now-bar kbd{display:inline-block;padding:1px 5px;font-size:.65rem;font-family:var(--font-mono);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:3px;color:var(--text-secondary)}.vp-now-hud-hint{opacity:.6}.vp-player-track{display:flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);border:none;background:transparent;color:var(--text-muted);font:inherit;font-size:.85rem;text-align:left;width:100%}.vp-player-track:hover{background:#7c5cfc14;color:var(--text-primary)}.vp-player-track.active{color:var(--text-primary);font-weight:500}.vp-player-track .vp-list-dot{width:3px;height:3px}@media(max-width:700px){.vp-grid{grid-template-columns:1fr;grid-template-rows:auto}.vp-left{height:auto}.vp-canvas-wrap{height:240px;flex:none}.vp-list{min-height:120px;max-height:160px}.vp-sliders-body{grid-template-columns:1fr}.vp-code-textarea{min-height:80px}}#vp-audio-mapping-panel{position:absolute;top:60px;right:16px;width:540px;max-height:80vh;overflow-y:auto;background:#0a0a14eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);z-index:50;font-family:var(--font-sans);font-size:.85rem}.vp-mapping-form{padding:16px}.vp-mapping-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1rem;margin-bottom:4px;color:var(--accent-primary)}.vp-mapping-close{cursor:pointer;font-size:1.4rem;color:#ffffff80;line-height:1}.vp-mapping-close:hover{color:#fff}.vp-mapping-desc{margin:0 0 12px;color:#ffffff80;font-size:.78rem}.vp-mapping-row{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:10px 12px;margin-bottom:8px;position:relative}.vp-mapping-row-num{position:absolute;top:-6px;left:-6px;width:18px;height:18px;background:var(--accent-primary);color:#000;font-size:.7rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.vp-mapping-row select{background:#0006;color:#ffffffd9;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:3px 6px;font-size:.72rem;font-family:var(--font-sans);max-width:180px}.vp-mapping-arrow{color:var(--accent-primary);margin:0 4px;font-size:.85rem}.vp-mapping-weight-wrap{margin-top:6px;display:flex;align-items:center;gap:8px}.vp-mapping-weight-wrap label{font-size:.72rem;color:#ffffff80;white-space:nowrap}.vp-mapping-weight-wrap input[type=range]{flex:1;height:4px;accent-color:var(--accent-primary)}.vp-mapping-weight-val{color:var(--accent-primary);font-weight:600}.vp-mapping-remove{position:absolute;top:4px;right:4px;background:none;border:none;color:#ffffff4d;font-size:1.1rem;cursor:pointer;padding:0 4px;line-height:1}.vp-mapping-remove:hover{color:#f44}.vp-mapping-remove:disabled{opacity:.2;cursor:default}.vp-mapping-explanation{margin-top:4px;font-size:.7rem;color:#fff6;font-style:italic;padding-left:2px}.vp-mapping-toolbar{display:flex;gap:8px;margin-top:12px}.vp-btn-small{background:#ffffff0f;color:#ffffffb3;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:5px 12px;font-size:.78rem;cursor:pointer;font-family:var(--font-sans)}.vp-btn-small:hover{background:#ffffff1f;color:#fff}#vp-toggle-mappings{position:absolute;top:16px;right:60px;z-index:20}