@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--primary-color: #6441a5;--secondary-color: #9147ff;--accent-color: #00f5ff;--bg-primary: #0f0f23;--bg-secondary: #18181b;--bg-tertiary: #26262a;--text-primary: #efeff1;--text-secondary: #adadb8;--text-muted: #6c757d;--border-color: #26262a;--success-color: #00f593;--warning-color: #ffb347;--danger-color: #ff6b6b;--card-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);--border-radius: 8px;--transition: all 0.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:1rem;color:var(--text-primary)}h1{font-size:2.5rem;background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:2rem;color:var(--secondary-color);border-bottom:2px solid var(--border-color);padding-bottom:0.5rem;margin-bottom:1.5rem}h3{font-size:1.5rem;color:var(--accent-color)}p{margin-bottom:1rem;color:var(--text-secondary)}a{color:var(--secondary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-color);text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.site-header{background:linear-gradient(135deg, var(--bg-secondary), var(--bg-tertiary));padding:1rem 0;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.site-header .header-content{display:flex;justify-content:space-between;align-items:center}.site-header .site-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);text-decoration:none}.site-header .site-title:hover{color:var(--secondary-color)}.site-header .site-nav{display:flex;gap:2rem;flex-wrap:nowrap}.site-header .site-nav a{padding:0.5rem 1rem;border-radius:var(--border-radius);transition:var(--transition);white-space:nowrap}.site-header .site-nav a:hover{background-color:var(--bg-tertiary);text-decoration:none}.site-header .site-nav a.current{background-color:var(--primary-color);color:white}.page-content{padding:3rem 0;min-height:calc(100vh - 200px)}.command-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--card-shadow);transition:var(--transition)}.command-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.4);border-color:var(--secondary-color)}.command-card .command-title{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.command-card .command-title h3{margin:0;font-family:'JetBrains Mono', monospace}.command-card .permission-badge{padding:0.25rem 0.75rem;border-radius:20px;font-size:0.875rem;font-weight:500}.command-card .permission-badge.user{background-color:var(--success-color);color:var(--bg-primary)}.command-card .permission-badge.moderator{background-color:var(--warning-color);color:var(--bg-primary)}.command-card .permission-badge.broadcaster{background-color:var(--secondary-color);color:white}.command-card .command-syntax{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;margin:1rem 0;font-family:'JetBrains Mono', monospace;position:relative}.command-card .command-syntax code{color:var(--accent-color);background:none;padding:0}.command-card .command-syntax .copy-btn{position:absolute;top:0.5rem;right:0.5rem;background:var(--primary-color);color:white;border:none;border-radius:4px;padding:0.25rem 0.5rem;font-size:0.75rem;cursor:pointer;transition:var(--transition)}.command-card .command-syntax .copy-btn:hover{background:var(--secondary-color)}.command-card .command-description{color:var(--text-secondary);margin-bottom:1rem}.command-card .command-examples .example-item{background:var(--bg-primary);border-left:3px solid var(--accent-color);padding:0.75rem;margin:0.5rem 0;border-radius:0 var(--border-radius) var(--border-radius) 0}.command-card .command-examples .example-item code{color:var(--accent-color);background:none}.command-card .alternatives{margin-top:1rem}.command-card .alternatives .alt-commands{display:flex;flex-wrap:wrap;gap:0.5rem}.command-card .alternatives .alt-commands .alt-cmd{background:var(--bg-tertiary);padding:0.25rem 0.5rem;border-radius:4px;font-family:'JetBrains Mono', monospace;font-size:0.875rem;color:var(--text-muted)}.search-container{margin-bottom:2rem}.search-container .search-box{width:100%;max-width:500px;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;transition:var(--transition)}.search-container .search-box:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(148,71,255,0.1)}.search-container .search-box::placeholder{color:var(--text-muted)}.filter-container{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-container .filter-btn{padding:0.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-weight:500}.filter-container .filter-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-container .filter-btn.active{background:var(--secondary-color);color:white;border-color:var(--secondary-color)}.filter-container .filter-select{padding:0.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;transition:var(--transition);font-weight:500;font-size:0.9rem;min-width:160px}.filter-container .filter-select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(148,71,255,0.1)}.filter-container .filter-select:hover{background:var(--bg-tertiary)}.filter-container .filter-select option{background:var(--bg-secondary);color:var(--text-primary)}pre,code{font-family:'JetBrains Mono', monospace}code{background:var(--bg-tertiary);padding:0.2rem 0.4rem;border-radius:4px;color:var(--accent-color)}pre{background:var(--bg-secondary);padding:1rem;border-radius:var(--border-radius);overflow-x:auto;border:1px solid var(--border-color)}pre code{background:none;padding:0}table{width:100%;border-collapse:collapse;margin:1rem 0;background:var(--bg-secondary);border-radius:var(--border-radius);overflow:hidden}table th,table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600}table td{color:var(--text-secondary)}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:2rem 0;margin-top:4rem;text-align:center;color:var(--text-muted)}.enhanced-icon{font-size:1.2em;margin-left:0.5rem;opacity:0.85;transition:var(--transition);display:inline-block}.enhanced-icon.level-up{color:var(--warning-color);filter:drop-shadow(0 0 4px rgba(255,179,71,0.4))}.enhanced-icon.permission-plus{color:var(--secondary-color);filter:drop-shadow(0 0 4px rgba(148,71,255,0.4))}.enhanced-icon.admin-power{color:var(--danger-color);filter:drop-shadow(0 0 4px rgba(255,107,107,0.4))}.command-title:hover .enhanced-icon{opacity:1;transform:scale(1.15);filter:brightness(1.2)}@media (max-width: 640px){.container{padding:0 1rem}.site-header .header-content{flex-direction:column;gap:1rem}.site-nav{flex-wrap:wrap;justify-content:center}h1{font-size:2rem}.command-card{padding:1rem}.filter-container{justify-content:center}}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);padding:0.5rem;cursor:pointer;transition:var(--transition)}.theme-toggle:hover{background:var(--primary-color);color:white}