:root{--neon-primary: #b026ff;--neon-secondary: #00f0ff;--neon-tertiary: #ff2d6a;--neon-accent: #39ff14;--void-bg: #030303;--void-surface: #0a0a0a;--void-elevated: #111111;--void-card: #1a1a1a;--glass-bg: rgba(10, 10, 10, .7);--glass-bg-light: rgba(20, 20, 20, .5);--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .2);--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--text-muted: #606060;--text-accent: var(--neon-secondary);--level-beginner: #22c55e;--level-beginner-glow: rgba(34, 197, 94, .3);--level-intermediate: #eab308;--level-intermediate-glow: rgba(234, 179, 8, .3);--level-advanced: #ef4444;--level-advanced-glow: rgba(239, 68, 68, .3);--pillar-a: #3b82f6;--pillar-b: #f59e0b;--pillar-h: #10b981;--pillar-m: #8b5cf6;--pillar-z: #84cc16;--font-heading: "Cinzel", serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-size-xs: .625rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3rem;--font-size-5xl: 4rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-tooltip: 500;--z-notification: 600;--header-height: 80px;--sidebar-width: 280px;--max-content-width: 1400px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--void-bg);overflow-x:hidden;min-height:100vh}::selection{background-color:var(--neon-primary);color:#fff}.font-heading{font-family:var(--font-heading);letter-spacing:.05em}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.text-gradient{background:linear-gradient(135deg,var(--neon-primary),var(--neon-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 10px currentColor,0 0 20px currentColor}.bg-void{background-color:var(--void-bg);position:relative}.bg-ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.bg-ambient:before{content:"";position:absolute;top:-10%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(176,38,255,.15) 0%,transparent 70%);border-radius:50%;filter:blur(80px);animation:float 20s ease-in-out infinite}.bg-ambient:after{content:"";position:absolute;bottom:-10%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,240,255,.1) 0%,transparent 70%);border-radius:50%;filter:blur(100px);animation:float 25s ease-in-out infinite reverse}.bg-noise{position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:-1}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.glass-panel:hover{border-color:var(--glass-border-hover)}.glass-panel-glow{box-shadow:0 0 20px #b026ff1a,inset 0 1px #ffffff0d}.glass-panel-accent{border-left:3px solid var(--neon-secondary)}.header{position:sticky;top:0;z-index:var(--z-sticky);height:var(--header-height);padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;background:#030303d9;backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.header-logo{display:flex;flex-direction:column}.header-logo-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--text-primary);letter-spacing:.1em;line-height:1.2}.header-logo-subtitle{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--neon-primary);text-transform:uppercase;letter-spacing:.3em}.header-nav{display:flex;align-items:center;gap:var(--space-4)}.header-status{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--level-beginner);animation:pulse 2s ease-in-out infinite}.nav-tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--void-surface);border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.nav-tab{padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.nav-tab:hover{color:var(--text-secondary);background:var(--void-elevated)}.nav-tab.active{color:var(--neon-secondary);background:var(--void-card);box-shadow:inset 0 0 20px #00f0ff1a}.search-section{max-width:800px;margin:0 auto;text-align:center;padding:var(--space-12) var(--space-6)}.search-label{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-4)}.search-input-wrapper{position:relative}.search-input{width:100%;padding:var(--space-4) var(--space-6);font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--text-primary);background:transparent;border:none;border-bottom:2px solid var(--void-card);text-align:center;transition:border-color var(--transition-base)}.search-input::placeholder{color:var(--void-card)}.search-input:focus{outline:none;border-color:var(--neon-secondary)}.search-input:focus+.search-glow{opacity:1}.search-glow{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon-primary),transparent);opacity:0;transition:opacity var(--transition-base)}.search-submit{position:absolute;right:0;top:50%;transform:translateY(-50%);padding:var(--space-2);color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:color var(--transition-base)}.search-submit:hover{color:var(--neon-secondary)}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-6)}.filter-group{display:flex;align-items:center;gap:var(--space-2)}.filter-label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;margin-right:var(--space-2)}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;color:var(--text-secondary);background:var(--void-surface);border:1px solid var(--glass-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.filter-chip:hover{border-color:var(--text-muted);color:var(--text-primary)}.filter-chip.active{background:var(--neon-primary);border-color:var(--neon-primary);color:#fff;box-shadow:0 0 15px #b026ff66}.filter-chip.level-beginner.active{background:var(--level-beginner);border-color:var(--level-beginner);box-shadow:0 0 15px var(--level-beginner-glow)}.filter-chip.level-intermediate.active{background:var(--level-intermediate);border-color:var(--level-intermediate);box-shadow:0 0 15px var(--level-intermediate-glow)}.filter-chip.level-advanced.active{background:var(--level-advanced);border-color:var(--level-advanced);box-shadow:0 0 15px var(--level-advanced-glow)}.letter-nav{position:sticky;top:var(--header-height);z-index:var(--z-dropdown);padding:var(--space-3) var(--space-6);background:#030303e6;backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);overflow-x:auto}.letter-nav-inner{display:flex;justify-content:center;gap:var(--space-1);min-width:max-content}.letter-btn{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);position:relative}.letter-btn:hover:not(.disabled){color:var(--text-primary);background:var(--void-elevated);border-color:var(--glass-border)}.letter-btn.active{color:var(--neon-secondary);background:var(--void-card);border-color:var(--neon-secondary);box-shadow:0 0 10px #00f0ff4d}.letter-btn.disabled{opacity:.3;cursor:not-allowed}.letter-count{position:absolute;top:-4px;right:-4px;min-width:14px;height:14px;font-size:8px;display:flex;align-items:center;justify-content:center;background:var(--neon-primary);color:#fff;border-radius:var(--radius-full);padding:0 3px}.lexikon-container{max-width:var(--max-content-width);margin:0 auto;padding:var(--space-6)}.lexikon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.lexikon-list{display:flex;flex-direction:column;gap:var(--space-4)}.lexikon-card{position:relative;padding:var(--space-6);background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);overflow:hidden}.lexikon-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--neon-primary),var(--neon-secondary));opacity:0;transition:opacity var(--transition-base)}.lexikon-card:hover{border-color:var(--glass-border-hover);transform:translateY(-4px);box-shadow:0 20px 40px #0006,0 0 30px #b026ff1a}.lexikon-card:hover:before{opacity:1}.lexikon-card.featured{border-color:var(--neon-primary);box-shadow:0 0 20px #b026ff26}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.card-title{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--text-primary);letter-spacing:.05em}.card-badges{display:flex;gap:var(--space-2)}.level-badge{padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-1)}.level-badge.beginner{background:#22c55e33;color:var(--level-beginner);border:1px solid var(--level-beginner)}.level-badge.intermediate{background:#eab30833;color:var(--level-intermediate);border:1px solid var(--level-intermediate)}.level-badge.advanced{background:#ef444433;color:var(--level-advanced);border:1px solid var(--level-advanced)}.pillar-badge{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:700;border-radius:var(--radius-sm);color:#fff}.pillar-badge.pillar-a{background:var(--pillar-a)}.pillar-badge.pillar-b{background:var(--pillar-b)}.pillar-badge.pillar-h{background:var(--pillar-h)}.pillar-badge.pillar-m{background:var(--pillar-m)}.pillar-badge.pillar-z{background:var(--pillar-z)}.card-definition{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.7;margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--glass-border)}.card-category{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase}.card-mcg-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--neon-secondary);background:#00f0ff1a;border:1px solid var(--neon-secondary);border-radius:var(--radius-full)}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal-backdrop);background:#000000d9;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:fadeIn .3s ease}.modal-content{position:relative;z-index:var(--z-modal);width:100%;max-width:900px;max-height:90vh;background:var(--void-surface);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;animation:slideUp .4s var(--transition-spring)}.modal-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-6);background:var(--void-bg);border-bottom:1px solid var(--glass-border)}.modal-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase}.modal-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.modal-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:var(--text-muted);background:var(--void-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.modal-close-btn:hover{color:var(--text-primary);border-color:var(--neon-primary)}.modal-body{flex:1;overflow-y:auto;padding:var(--space-6)}.modal-section{margin-bottom:var(--space-8)}.modal-section-title{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--neon-secondary);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.modal-section-content{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.8}.definition-box{padding:var(--space-6);background:var(--void-card);border-left:3px solid var(--neon-secondary);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.definition-box p{font-size:var(--font-size-lg);color:var(--text-primary);line-height:1.8}.example-box{padding:var(--space-4);background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:var(--radius-lg)}.tip-box{display:flex;gap:var(--space-4);padding:var(--space-4);background:#b026ff0d;border:1px solid rgba(176,38,255,.2);border-radius:var(--radius-lg)}.tip-box-icon{font-size:var(--font-size-xl);flex-shrink:0}.code-block{background:var(--void-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);background:var(--void-surface);border-bottom:1px solid var(--glass-border)}.code-block-lang{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--neon-primary);text-transform:uppercase}.code-block-copy{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:color var(--transition-base)}.code-block-copy:hover{color:var(--neon-secondary)}.code-block-content{padding:var(--space-4);overflow-x:auto}.code-block-content pre{margin:0;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.6}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:var(--void-bg);border-top:1px solid var(--glass-border)}.minicourses-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--glass-border)}.minicourses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.minicourse-card{display:block;padding:var(--space-5);background:var(--void-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base)}.minicourse-card:hover{border-color:var(--neon-primary);transform:translateY(-2px);box-shadow:0 10px 30px #b026ff26}.minicourse-title{font-family:var(--font-body);font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.minicourse-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted)}.minicourse-type-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 6px;background:var(--neon-primary);color:#fff;border-radius:var(--radius-sm);text-transform:uppercase}.minicourse-cta{display:inline-block;margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--neon-secondary)}.free-badge{padding:2px 6px;background:var(--level-beginner);color:#fff;border-radius:var(--radius-sm)}.vibe-result{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-8);animation:fadeIn .5s ease,slideUp .5s ease}@media (max-width: 968px){.vibe-result{grid-template-columns:1fr}}.vibe-visual{position:relative;min-height:400px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--glass-border)}.vibe-visual img{width:100%;height:100%;object-fit:cover;filter:brightness(.9);transition:all var(--transition-slow)}.vibe-visual:hover img{filter:brightness(1.1);transform:scale(1.02)}.vibe-visual-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.8));pointer-events:none}.vibe-visual-tags{position:absolute;top:var(--space-4);left:var(--space-4);display:flex;gap:var(--space-2);z-index:10}.vibe-visual-tag{padding:4px 8px;font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;background:#0009;border:1px solid var(--glass-border);color:var(--text-primary)}.vibe-data{display:flex;flex-direction:column;gap:var(--space-6)}.vibe-term{display:flex;align-items:center;gap:var(--space-4)}.vibe-term h2{font-family:var(--font-heading);font-size:var(--font-size-4xl);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.vibe-definition{padding:var(--space-6);background:var(--glass-bg);border-left:3px solid var(--neon-secondary);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.vibe-definition p{font-size:var(--font-size-lg);line-height:1.8;color:var(--text-secondary)}.vibe-attributes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.vibe-chromatics{padding:var(--space-5);background:var(--void-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.vibe-chromatics-title{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.color-swatches{display:flex;justify-content:center;gap:var(--space-4)}.color-swatch{position:relative;width:48px;height:48px;border-radius:50%;border:1px solid var(--glass-border);transition:transform var(--transition-base);cursor:pointer}.color-swatch:hover{transform:scale(1.1)}.color-swatch-label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:8px;color:var(--text-muted);text-transform:uppercase;opacity:0;transition:opacity var(--transition-base)}.color-swatch:hover .color-swatch-label{opacity:1}.vibe-sonic{padding:var(--space-4);background:var(--void-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--space-3)}.vibe-sonic-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#b026ff33;border-radius:50%;color:var(--neon-primary)}.vibe-keywords{display:flex;flex-wrap:wrap;gap:var(--space-2)}.vibe-keyword{padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-full);transition:all var(--transition-base)}.vibe-keyword:hover{background:var(--void-card);border-color:var(--text-muted)}.vibe-mood{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--glass-border)}.vibe-mood-label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted)}.vibe-mood-value{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--neon-primary);text-transform:uppercase}.history-section{margin-top:var(--space-16);padding-top:var(--space-10);border-top:1px solid var(--glass-border)}.history-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.history-header h3{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.history-item{position:relative;padding:var(--space-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;transition:all var(--transition-base)}.history-item:hover{border-color:var(--neon-secondary);transform:translateY(-2px)}.history-item-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.2;transition:opacity var(--transition-base)}.history-item:hover .history-item-bg{opacity:.4}.history-item-content{position:relative;z-index:1}.history-item-title{font-family:var(--font-heading);font-size:var(--font-size-md);color:var(--text-primary);margin-bottom:var(--space-1)}.history-item-mood{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--neon-primary);text-transform:uppercase}.stats-bar{display:flex;justify-content:center;gap:var(--space-8);padding:var(--space-4) var(--space-6);background:var(--void-surface);border-bottom:1px solid var(--glass-border)}.stats-item{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted)}.stats-item-value{color:var(--text-primary);font-weight:600}.stats-item-icon{font-size:var(--font-size-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-mono);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--neon-primary),#9333ea);color:#fff;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #b026ff66}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--glass-border)}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-muted);border:none;padding:var(--space-2)}.btn-ghost:hover{color:var(--text-primary)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md)}.language-toggle{display:flex;border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden}.language-toggle-btn{padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition-base)}.language-toggle-btn:hover{color:var(--text-primary)}.language-toggle-btn.active{background:var(--neon-primary);color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center;opacity:.5}.empty-state-icon{font-size:48px;margin-bottom:var(--space-4);color:var(--text-muted)}.empty-state-title{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state-text{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.loading-spinner{width:64px;height:64px;border:2px solid transparent;border-top-color:var(--neon-primary);border-left-color:var(--neon-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-6)}.loading-title{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--text-primary);letter-spacing:.2em;margin-bottom:var(--space-2)}.loading-text{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase}.loading-dots{display:flex;gap:var(--space-1);margin-top:var(--space-4)}.loading-dot{width:8px;height:8px;background:var(--neon-primary);animation:bounce 1s infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}.footer{padding:var(--space-6);text-align:center;background:var(--void-bg);border-top:1px solid var(--glass-border)}.footer-text{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase}.footer-highlight{color:var(--neon-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}@keyframes glow{0%,to{box-shadow:0 0 10px #b026ff33}50%{box-shadow:0 0 25px #b026ff80}}.animate-fade-in{animation:fadeIn .5s ease}.animate-slide-up{animation:slideUp .5s ease}.animate-spin{animation:spin 1s linear infinite}.animate-spin-slow{animation:spin 3s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s infinite}.animate-glow{animation:glow 3s infinite}.text-highlight{background:#b026ff4d;padding:0 2px;border-radius:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1024px){.lexikon-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.vibe-result{grid-template-columns:1fr}.vibe-visual{min-height:300px}}@media (max-width: 768px){:root{--header-height: 64px}.header{padding:0 var(--space-4)}.header-logo-title{font-size:var(--font-size-xl)}.header-status{display:none}.search-input{font-size:var(--font-size-lg)}.lexikon-container{padding:var(--space-4)}.lexikon-grid{grid-template-columns:1fr;gap:var(--space-4)}.modal-content{margin:0;max-height:100vh;border-radius:0}.modal-title{font-size:var(--font-size-2xl)}.stats-bar{flex-wrap:wrap;gap:var(--space-4)}.filter-bar{flex-direction:column}.vibe-term h2{font-size:var(--font-size-2xl)}.vibe-attributes{grid-template-columns:1fr}}@media (max-width: 480px){.header-logo-subtitle{display:none}.nav-tabs{width:100%;justify-content:center}.letter-nav{padding:var(--space-2)}.letter-btn{min-width:28px;height:28px;font-size:var(--font-size-xs)}.card-title{font-size:var(--font-size-lg)}.history-grid{grid-template-columns:repeat(2,1fr)}}@media print{.header,.letter-nav,.filter-bar,.footer,.modal-backdrop{display:none!important}body{background:#fff;color:#000}.lexikon-card{break-inside:avoid;border:1px solid #ccc;background:#fff}}