@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url('https://cdn.frechhdachs.tv/font/inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url('https://cdn.frechhdachs.tv/font/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-primary:#0e0e10;--bg-secondary:#18181b;--bg-tertiary:#1f1f23;--bg-card:#26262c;--gradient-start:#18181b;--gradient-end:#1f1f23;--text-primary:#efeff1;--text-secondary:#adadb8;--text-muted:#a8a8b8;--accent:#a855f7;--accent-hover:#9333ea;--accent-light:#8b5cf6;--accent-text:#c084fc;--success:#22c55e;--success-light:#4ade80;--success-dark:#16a34a;--warning:#f59e0b;--error:#f87171;--error-dark:#dc2626;--danger:#ef4444;--info:#3b82f6;--info-dark:#1d4ed8;--border:#3d3d44;--bg-hover:rgba(255,255,255,0.08);--dachs-gold:#ffd700;--cat-spinning:#a855f7;--cat-winning:#00f593;--cat-losing:#ef4444;--cat-collecting:#ffb800;--cat-social:#ff6b9d;--cat-dedication:#00bfff;--cat-shopping:#ff7f50;--cat-items:#06b6d4;--cat-special:#e040fb;--twitch-purple:#9146ff;--twitch-purple-hover:#772ce8;--discord-blue:#5865F2;--discord-blue-hover:#4752C4;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%;--card-pad-sm:12px;--card-pad-md:16px;--card-pad-lg:24px;--toolbar-gap:8px;--container-max:1200px;--header-height:60px;--transition-fast:0.1s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px rgba(0,0,0,0.5);--shadow-glow:0 0 20px rgba(168,85,247,0.3)}[data-theme="light"]{--bg-primary:#faf9fc;--bg-secondary:#ffffff;--bg-tertiary:#f5f4f9;--bg-card:#ffffff;--gradient-start:#f3f2f8;--gradient-end:#faf9fc;--text-primary:#1e1b2e;--text-secondary:#4a4660;--text-muted:#6b6783;--border:#e5e2ef;--bg-hover:rgba(0,0,0,0.05);--dachs-gold:#7c3aed;--warning:#b45309;--success:#047857;--success-light:#059669;--success-dark:#065f46;--error:#dc2626;--error-dark:#b91c1c;--danger:#dc2626;--info:#2563eb;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-text:#7c3aed;--cat-spinning:#7c3aed;--cat-winning:#047857;--cat-losing:#dc2626;--cat-collecting:#b45309;--cat-social:#db2777;--cat-dedication:#0284c7;--cat-shopping:#ea580c;--cat-items:#0891b2;--cat-special:#c026d3;--shadow-sm:0 1px 3px rgba(30,27,46,0.06),0 1px 2px rgba(30,27,46,0.04);--shadow-md:0 4px 8px rgba(30,27,46,0.08),0 2px 4px rgba(30,27,46,0.04);--shadow-lg:0 12px 24px rgba(30,27,46,0.12),0 4px 8px rgba(30,27,46,0.06);--shadow-glow:0 0 24px rgba(124,58,237,0.15)}*{margin:0;padding:0;box-sizing:border-box}html.theme-transitioning *,html.theme-transitioning *::before,html.theme-transitioning *::after{transition:background-color 0.2s ease,color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease !important}html{scroll-behavior:smooth}.skip-link{position:absolute;top:-100px;left:50%;transform:translateX(-50%);background:var(--accent-hover);color:white;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;z-index:9999;text-decoration:none;transition:top 0.2s ease}.skip-link:focus{top:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes celebratePulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,215,0,0.4)}50%{transform:scale(1.02);box-shadow:0 0 30px 10px rgba(255,215,0,0.2)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes goldenPulse{0%,100%{box-shadow:0 0 8px rgba(255,215,0,0.6);border-color:#ffd700}50%{box-shadow:0 0 16px rgba(255,215,0,0.9);border-color:#ffec80}}@keyframes disclaimerHighlight{0%,100%{box-shadow:none;border-color:var(--warning)}20%,60%{box-shadow:0 0 20px rgba(255,184,0,0.5),0 0 40px rgba(255,184,0,0.3);border-color:var(--dachs-gold)}}@keyframes shopFlash{0%,100%{border-color:var(--border)}25%{border-color:var(--accent);box-shadow:0 0 12px rgba(168,85,247,0.3)}50%{border-color:var(--accent);box-shadow:0 0 20px rgba(168,85,247,0.4)}75%{border-color:var(--accent);box-shadow:0 0 12px rgba(168,85,247,0.3)}}@keyframes accordionSlide{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;animation:confettiFall 4s linear forwards}.container{max-width:var(--container-max);margin:0 auto;padding:24px 32px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.confetti{display:none}}.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}@media (max-width:768px){.desktop-only{display:none !important}}@media (max-width:600px){.container{padding:16px}}[hidden]{display:none !important}.is-hidden{display:none !important}.is-flex{display:flex}.is-inline-flex{display:inline-flex}.is-block{display:block}.is-inline-block{display:inline-block}.flex-1{flex:1}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.w-full{width:100%}.va-middle{vertical-align:middle}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:16px}.gap-xl{gap:24px}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-xs{margin-top:4px}.mb-xs{margin-bottom:4px}.mt-sm{margin-top:8px}.mb-sm{margin-bottom:8px}.mt-md{margin-top:16px}.mb-md{margin-bottom:12px}.mt-lg{margin-top:24px}.mb-lg{margin-bottom:16px}.mt-xl{margin-top:32px}.mb-xl{margin-bottom:32px}.p-0{padding:0}.p-sm{padding:8px}.p-md{padding:12px}.p-lg{padding:16px}.px-sm{padding-left:8px;padding-right:8px}.px-md{padding-left:12px;padding-right:12px}.px-lg{padding-left:16px;padding-right:16px}.py-sm{padding-top:8px;padding-bottom:8px}.py-md{padding-top:12px;padding-bottom:12px}.py-lg{padding-top:16px;padding-bottom:16px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-meta{font-size:12px;color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-danger{color:var(--text-danger)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-dim{opacity:0.7}.text-sm{font-size:0.85rem}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.cursor-pointer{cursor:pointer}.inline-emote{vertical-align:middle;margin-right:4px}html[data-reduce-motion="true"] *,html[data-reduce-motion="true"] *::before,html[data-reduce-motion="true"] *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.search-form{display:flex;gap:6px}.search-form-icon{position:relative}.search-form-icon-visual{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:1}.search-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-primary);font-size:0.9rem;width:150px;height:44px;box-sizing:border-box;transition:border-color 0.2s,box-shadow 0.2s,width 0.3s ease}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(145,71,255,0.15);width:180px}.search-input::placeholder{color:var(--text-muted)}.search-input-with-icon{padding-left:36px}.search-icon{width:20px;height:20px;object-fit:contain}.search-wrapper{position:relative}.search-suggestions{position:absolute;top:100%;left:0;right:auto;min-width:320px;width:max-content;max-width:min(450px,90vw);background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;margin-top:4px;z-index:100;display:none;box-shadow:0 4px 12px rgba(0,0,0,0.3);max-height:450px;overflow-y:auto}.suggestion-item{padding:12px 16px;min-height:44px;cursor:pointer;transition:background 0.15s ease;display:flex;align-items:center;gap:10px}.suggestion-item:hover{background:var(--bg-tertiary)}.suggestion-item:first-child{border-radius:6px 6px 0 0}.suggestion-item:last-child{border-radius:0 0 6px 6px}.search-category-header{padding:8px 16px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.search-category-header:not(:first-child){border-top:1px solid var(--border);margin-top:4px}.suggestion-icon{flex-shrink:0;width:24px;text-align:center;font-size:1rem}.suggestion-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0;object-fit:cover}.suggestion-avatar-placeholder{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.suggestion-name{flex:1;min-width:120px}.suggestion-meta{font-size:0.8rem;color:var(--text-muted);flex-shrink:0}.suggestion-desc{font-size:0.85rem;color:var(--text-muted);flex:1;min-width:0}.suggestion-code{font-size:0.8rem;font-family:'SF Mono','Cascadia Code','Fira Code','Consolas',monospace;background:var(--bg-tertiary);padding:2px 8px;border-radius:4px;flex-shrink:0;color:var(--accent)}.suggestion-role{font-size:0.65rem;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:600;flex-shrink:0}.suggestion-role-streamerin{background:#e91916;color:white}.suggestion-role-moderator,.suggestion-role-leadmod{background:#00ad03;color:white}.suggestion-role-vip{background:#e005b9;color:white}.suggestion-role-admin{background:var(--error);color:white}.search-no-results{padding:16px;text-align:center;color:var(--text-muted);font-style:italic}.suggestion-item.selected{background:var(--bg-tertiary);outline:2px solid var(--accent);outline-offset:-2px}.suggestion-item mark{background:var(--warning);color:#000;padding:0 2px;border-radius:2px}.search-empty-state{padding:16px;text-align:left}.search-empty-state .empty-title{font-weight:600;color:var(--text-primary);margin-bottom:12px}.search-empty-state .empty-hints{font-size:0.85rem;color:var(--text-muted)}.search-empty-state .empty-hints p{margin:0 0 8px 0;font-weight:500}.search-empty-state .empty-hints ul{margin:0;padding-left:20px}.search-empty-state .empty-hints li{margin:4px 0}.suggestion-history{opacity:0.8}.suggestion-history .suggestion-icon{color:var(--text-muted)}.complete-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--dachs-gold),var(--warning));color:#000;padding:4px 12px;border-radius:20px;font-size:0.85rem;font-weight:600;margin-left:12px}.category-badge{background:rgba(124,58,237,0.1)}.info-tooltip{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;font-size:0.85rem;cursor:help;vertical-align:middle;position:relative;opacity:0.7;transition:opacity 0.2s ease}.info-tooltip:hover{opacity:1}.info-tooltip::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--bg-tertiary);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:0.8rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.15s ease,visibility 0.15s ease;pointer-events:none;margin-bottom:6px;box-shadow:0 2px 8px rgba(0,0,0,0.3);z-index:100}.info-tooltip:hover::after{opacity:1;visibility:visible}.progress-bar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--success));border-radius:var(--radius-sm);transition:width 0.3s ease}.achv-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:2000;justify-content:center;align-items:center;padding:20px;backdrop-filter:blur(4px)}.achv-modal.active{display:flex}.achv-modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px;max-width:450px;width:100%;position:relative;animation:slideIn 0.3s ease-out}.achv-modal-close{position:absolute;top:8px;right:8px;background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;line-height:1;padding:4px 8px;border-radius:var(--radius-sm);transition:color 0.2s,background 0.2s}.achv-modal-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.achv-modal-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.achv-modal-header h2{font-size:1.4rem;color:var(--text-primary);margin:0}.achv-modal-icon{font-size:2.5rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);flex-shrink:0;transition:box-shadow 0.3s ease}.achv-modal-icon.unlocked{background:radial-gradient(circle,rgba(0,245,147,0.15),rgba(0,245,147,0.05));box-shadow:0 0 16px rgba(0,245,147,0.25)}.achv-modal-icon.locked{background:var(--bg-tertiary);opacity:0.7}.achv-modal-icon.secret-unlocked{background:radial-gradient(circle,rgba(255,215,0,0.2),rgba(168,85,247,0.1));box-shadow:0 0 20px rgba(255,215,0,0.3)}.achv-modal-header-text{display:flex;flex-direction:column;gap:6px;min-width:0}.achv-modal-type-badge{display:inline-block;font-size:0.75rem;padding:3px 10px;border-radius:12px;font-weight:600;width:fit-content}.achv-modal-type-badge.badge-secret{background:linear-gradient(135deg,rgba(124,58,237,0.2),rgba(255,215,0,0.2));border:1px solid rgba(124,58,237,0.3);color:var(--accent)}.achv-modal-type-badge.badge-hidden{background:rgba(173,173,184,0.1);border:1px solid rgba(173,173,184,0.3);color:var(--text-muted)}.achv-modal-desc{color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.achv-modal-details{display:flex;flex-direction:column;gap:12px}.achv-modal-detail{padding:12px 16px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:0.9rem;color:var(--text-secondary)}.achv-modal-detail strong{color:var(--text-primary)}.achv-modal-detail.achv-modal-reward{background:linear-gradient(135deg,rgba(255,215,0,0.1),rgba(255,183,0,0.08));border:1px solid rgba(255,215,0,0.25);color:var(--dachs-gold);font-weight:600;font-size:0.95rem}[data-theme="light"] .achv-modal-detail.achv-modal-reward{background:linear-gradient(135deg,rgba(255,215,0,0.12),rgba(255,183,0,0.08));border-color:rgba(200,160,0,0.35);color:#b8860b}.achv-modal-rarity-label{font-weight:600}.achv-modal-rarity-label.rarity-legendary{color:var(--warning)}.achv-modal-rarity-label.rarity-epic{color:var(--accent)}.achv-modal-rarity-label.rarity-rare{color:var(--info)}[data-theme="light"] .achv-modal-rarity-label.rarity-rare{color:var(--info-dark)}.achv-modal-rarity-label.rarity-common{color:var(--text-muted)}.achv-modal-progress-bar{display:flex;flex-direction:column;gap:6px;width:100%}.achv-modal-progress-bar .progress-bar{height:10px;width:100%}.achv-modal-progress-bar span{font-size:0.85rem;color:var(--text-secondary)}.ann-tag{padding:4px 12px;border-radius:20px;font-size:0.75rem;font-weight:600;color:#fff}.back-to-top{position:fixed;bottom:24px;right:24px;width:50px;height:50px;border-radius:var(--radius-full);background:var(--accent);color:white;border:none;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity 0.3s,visibility 0.3s,transform 0.3s,background 0.2s;z-index:100;box-shadow:var(--shadow-lg)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--accent-hover);transform:translateY(-2px)}.back-to-top:active{transform:translateY(0) scale(0.95)}@media (max-width:768px){.back-to-top{bottom:16px;right:16px;width:44px;height:44px}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 20px;border-radius:var(--radius-md);font-size:0.9rem;font-weight:500;box-shadow:0 4px 20px rgba(0,0,0,0.3);pointer-events:auto;transform:translateX(120%);opacity:0;transition:transform 0.3s ease,opacity 0.3s ease;max-width:340px}.toast.visible{transform:translateX(0);opacity:1}.toast-error{background:var(--error);color:#fff}.toast-success{background:var(--success);color:#000}.toast-info{background:var(--accent);color:#fff}.confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:none;align-items:center;justify-content:center;z-index:10001;backdrop-filter:blur(2px)}.confirm-overlay.active{display:flex}.confirm-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px rgba(0,0,0,0.4)}.confirm-message{color:var(--text-primary);font-size:1rem;line-height:1.6;margin-bottom:20px}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.shortcuts-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:none;align-items:center;justify-content:center;z-index:10002;backdrop-filter:blur(2px)}.shortcuts-overlay.active{display:flex}.shortcuts-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;max-width:380px;width:90%;box-shadow:0 8px 32px rgba(0,0,0,0.4)}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.shortcuts-header h3{font-size:1.1rem;color:var(--text-primary)}.shortcuts-grid{display:flex;flex-direction:column;gap:10px}.shortcut-item{display:flex;align-items:center;gap:14px}.shortcut-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:monospace;font-size:0.85rem;color:var(--text-primary);box-shadow:0 1px 2px rgba(0,0,0,0.2)}.shortcut-item span{color:var(--text-secondary);font-size:0.9rem}.offline-banner{position:fixed;top:0;left:0;right:0;background:var(--error);color:#fff;text-align:center;padding:8px 16px;font-size:0.85rem;font-weight:600;z-index:10003;transform:translateY(-100%);transition:transform 0.3s ease;display:flex;align-items:center;justify-content:center;gap:12px}.offline-banner.visible{transform:translateY(0)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-card) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-header{height:120px;margin-bottom:24px}.skeleton-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.skeleton-stat{height:80px}.skeleton-category{margin-bottom:24px}.skeleton-category-header{height:40px;margin-bottom:12px}.skeleton-achievement{height:60px;margin-bottom:8px}.skeleton-text{height:20px;width:60%}.skeleton-text-sm{height:14px;width:40%;margin-top:8px}.skeleton-loading{position:relative;overflow:hidden;background:var(--bg-tertiary);border-radius:var(--radius-md)}.skeleton-loading::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.05),transparent);animation:shimmer 1.5s infinite}.profile-loading{display:flex;flex-direction:column;gap:16px;padding:24px}.skeleton-avatar{width:80px;height:80px;border-radius:var(--radius-full)}.skeleton-text-lg{height:24px;width:200px}[data-loading="true"] .skeleton-fade{opacity:0;transform:translateY(10px)}[data-loading="false"] .skeleton-fade{opacity:1;transform:translateY(0);transition:opacity 0.3s ease,transform 0.3s ease}[data-loading="true"] img{opacity:0}[data-loading="false"] img{opacity:1;transition:opacity 0.2s ease}.skeleton-inline{position:relative;overflow:hidden}[data-loading="true"] .skeleton-inline::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-card) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;z-index:1;border-radius:inherit}[data-loading="false"] .skeleton-inline::before{display:none}.skeleton-profile-header{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:28px 32px;margin-bottom:28px;border:1px solid var(--border)}.skeleton-profile-top{display:flex;gap:20px;margin-bottom:24px}.skeleton-profile-info{flex:1;display:flex;flex-direction:column;gap:12px}.skeleton-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.skeleton-stat-box{height:85px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.skeleton-leaderboard-row{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:8px}.skeleton-rank{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-leaderboard-info{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-balance{width:100px;height:24px;margin-left:auto}@media (max-width:768px){.skeleton-stats-grid{grid-template-columns:repeat(2,1fr)}}.item-error{margin-top:10px;padding:8px 12px;background:rgba(244,67,54,0.15);color:var(--error);border:1px solid var(--error);border-radius:var(--radius-md);font-size:0.85rem;font-weight:500;animation:fadeIn 0.3s ease}.info-link{color:var(--accent);text-decoration:none;font-weight:500;padding:2px 6px;border-radius:var(--radius-sm);background:rgba(145,71,255,0.1);transition:all 0.2s ease;white-space:nowrap}.info-link:hover{background:rgba(145,71,255,0.2);text-decoration:none}[data-theme="light"] .info-link{background:rgba(124,58,237,0.08)}[data-theme="light"] .info-link:hover{background:rgba(124,58,237,0.15)}.collapsible-section{border:2px solid var(--accent);border-radius:12px;overflow:hidden;margin-bottom:var(--space-lg)}.collapsible-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:16px 20px;margin:0;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:white;transition:background 0.2s;user-select:none}.collapsible-header:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,var(--accent) 100%)}.collapse-icon{font-size:0.9rem;transition:transform 0.3s ease;transform:rotate(-90deg)}.collapsible-section.expanded .collapse-icon{transform:rotate(0deg)}.collapsible-content{display:none;padding:20px;background:var(--bg-secondary)}.collapsible-section.expanded .collapsible-content{display:block}[data-theme="light"] .complete-badge{background:linear-gradient(135deg,var(--warning),var(--warning));color:white}[data-theme="light"] .progress-fill{background:linear-gradient(90deg,var(--accent),var(--accent-light))}[data-theme="light"] .category-badge{background:rgba(124,58,237,0.1)}[data-theme="light"] .skeleton{background:linear-gradient(90deg,var(--gradient-start) 25%,var(--gradient-end) 50%,var(--gradient-start) 75%)}@media (max-width:768px){.toast-container{top:auto;bottom:20px;right:10px;left:10px}.toast{max-width:100%}.search-input{width:120px}}@media (max-width:600px){.skeleton-stats{grid-template-columns:repeat(2,1fr)}.info-tooltip::after{white-space:normal;width:200px;left:auto;right:0;transform:none}}.disclaimer{background:var(--bg-secondary);border:1px solid var(--warning);border-radius:var(--radius-md);margin-bottom:24px;scroll-margin-top:80px;transition:box-shadow 0.3s ease,border-color 0.3s ease;overflow:hidden}.disclaimer:target{animation:disclaimerHighlight 1.5s ease-out}.disclaimer-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:inherit;cursor:pointer;text-align:left;font:inherit;transition:background 0.2s ease}.disclaimer-toggle:hover{background:rgba(255,255,255,0.03)}.disclaimer-icon{font-size:1.3rem;flex-shrink:0}.disclaimer-summary{flex:1;font-size:0.82rem;color:var(--text-secondary);line-height:1.4}.disclaimer-summary-short{display:none;flex:1;font-size:0.82rem;color:var(--text-secondary);line-height:1.4}.disclaimer-toggle-arrow{font-size:10px;color:var(--text-secondary);transition:transform 0.2s ease;flex-shrink:0}.disclaimer.collapsed .disclaimer-toggle-arrow{transform:rotate(-90deg)}.disclaimer.collapsed .disclaimer-summary{display:none}.disclaimer.collapsed .disclaimer-summary-short{display:block}.disclaimer-body{padding:0 16px 14px}.disclaimer.collapsed .disclaimer-body{display:none}.disclaimer-content{font-size:0.85rem;color:var(--text-secondary);line-height:1.6}.disclaimer-content p{margin-bottom:8px}.disclaimer-content p:last-child{margin-bottom:0}.disclaimer-content strong{color:var(--text-primary)}.disclaimer-warning{background:rgba(235,4,0,0.1);border:2px solid var(--error);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px;display:flex;gap:16px;align-items:flex-start}.disclaimer-warning-icon{font-size:2rem;flex-shrink:0}.disclaimer-warning-content{flex:1}.disclaimer-warning-content strong{color:var(--error);font-size:1.1rem;display:block;margin-bottom:8px}.disclaimer-warning-content p{color:var(--text-secondary);margin-bottom:8px;line-height:1.6}.disclaimer-warning-content p:last-child{margin-bottom:0}.disclaimer-warning-content code{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace}.disclaimer-warning-content a{color:var(--accent);text-decoration:none}.disclaimer-warning-content a:hover{text-decoration:underline}.section-note{font-size:0.9rem;color:var(--text-secondary);margin-top:12px;padding:10px 14px;background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent)}.content-page{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);padding:24px}.page-title{font-size:1.8rem;font-weight:700;margin-bottom:8px}.page-subtitle{color:var(--text-secondary);margin-bottom:24px}.page-subtitle code{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-size:0.9em}.info-toc{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:20px;margin-bottom:32px}.info-toc h2{font-size:1.1rem;margin-bottom:16px;color:var(--text-primary)}.toc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.toc-item{display:flex;align-items:center;padding:12px 16px;min-height:44px;background:var(--bg-card);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:0.9rem;transition:all 0.2s ease;border:1px solid transparent}.toc-item:hover{background:var(--bg-secondary);color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.duel-steps{display:flex;flex-direction:column;gap:16px;margin:16px 0}.duel-step{display:flex;gap:16px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-lg)}.step-number{width:32px;height:32px;background:var(--accent);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-content{flex:1}.step-content strong{display:block;margin-bottom:6px;color:var(--text-primary)}.step-content p{margin:6px 0;font-size:0.9rem;color:var(--text-secondary)}.step-content code{background:var(--bg-card);padding:4px 8px;border-radius:var(--radius-sm);font-size:0.85rem;display:inline-block;margin:4px 4px 4px 0}.tip-list{display:flex;flex-direction:column;gap:12px;margin:16px 0}.tip-item{display:flex;gap:12px;padding:14px;background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--dachs-gold)}.tip-icon{font-size:1.2rem;flex-shrink:0}.tip-item p{margin:4px 0 0;font-size:0.9rem;color:var(--text-secondary)}.tip-item code{background:var(--bg-card);padding:2px 6px;border-radius:var(--radius-sm);font-size:0.85em}.profile-prestige-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.85rem;padding:4px 12px;border-radius:20px;background:var(--bg-tertiary);border:1px solid var(--prestige-color,var(--dachs-gold));color:var(--prestige-color,var(--dachs-gold))}[data-theme="light"] .profile-prestige-badge{font-weight:600}.profile-role-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.85rem;padding:4px 12px;border-radius:20px;background:var(--bg-tertiary);border:1px solid var(--role-color,var(--accent));color:var(--role-color,var(--accent))}a.profile-role-badge{text-decoration:none}.profile-role-icon{width:18px;height:18px;object-fit:contain}.cookie-banner{position:fixed;bottom:var(--space-md);right:var(--space-md);left:auto;z-index:500;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 24px rgba(0,0,0,0.25);transform:translateY(calc(100% + var(--space-md)));transition:transform 0.4s ease;padding:var(--space-sm) var(--space-md);display:inline-flex;align-items:center;gap:var(--space-md)}.cookie-banner.visible{transform:translateY(0)}.cookie-banner-header{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.cookie-banner-img{width:32px;height:32px;flex-shrink:0}.cookie-banner-title{font-weight:700;font-size:0.85rem;color:var(--text-primary);white-space:nowrap}.cookie-banner-text{color:var(--text-secondary);font-size:0.8rem;line-height:1.3;flex-shrink:1;min-width:0}.cookie-banner-actions{display:flex;flex-direction:row;gap:var(--space-xs);flex-shrink:0}.cookie-categories{display:none}.cookie-banner.expanded{flex-wrap:wrap}.cookie-banner.expanded .cookie-categories{display:block;width:100%;padding-top:var(--space-sm)}.cookie-category{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;gap:var(--space-sm)}.cookie-category + .cookie-category{border-top:1px solid var(--border);padding-top:var(--space-sm);margin-top:var(--space-xs)}.cookie-category-info{flex:1}.cookie-category-name{font-weight:600;color:var(--text-primary);font-size:0.82rem;margin-bottom:2px}.cookie-category-desc{font-size:0.75rem;color:var(--text-muted);line-height:1.35}.cookie-save-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:var(--space-sm);margin-top:var(--space-xs)}.cookie-save-row a{color:var(--text-muted);font-size:0.75rem;text-decoration:underline}.cookie-save-row a:hover{color:var(--text-primary)}@media (max-width:700px){.cookie-banner{bottom:var(--space-sm);right:var(--space-sm);left:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm);gap:var(--space-xs) var(--space-sm)}.cookie-banner-text{flex-basis:100%}}.search-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh}.search-modal[hidden]{display:none}.search-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}.search-modal-panel{position:relative;width:min(640px,92vw);background:var(--bg-elevated,var(--bg-secondary));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 16px 48px rgba(0,0,0,0.3);overflow:hidden;max-height:80vh;display:flex;flex-direction:column}.search-modal-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--border)}.search-modal-icon{font-size:1.2rem;opacity:0.6}.search-modal-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:1.05rem;outline:none}.search-modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0 8px}.search-modal-body{overflow-y:auto;padding:var(--space-sm);flex:1;min-height:200px}.search-modal-empty{padding:var(--space-lg);color:var(--text-muted);text-align:center}.search-modal-recent h4,.search-modal-trending h4{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin:var(--space-md) 0 var(--space-xs);text-align:left}.search-modal-recent ul,.search-modal-trending ul{list-style:none;padding:0;margin:0;text-align:left}.search-modal-recent li,.search-modal-trending li{padding:6px 12px;cursor:pointer;border-radius:var(--radius-sm)}.search-modal-recent li:hover,.search-modal-trending li:hover{background:var(--bg-hover,rgba(255,255,255,0.05))}.search-suggestion-item{display:block;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;color:inherit}.search-suggestion-item:hover,.search-suggestion-item.search-suggestion-active{background:var(--bg-hover,rgba(255,255,255,0.05))}.search-suggestion-item.search-suggestion-profile{display:flex;align-items:center;gap:12px}.search-suggestion-item.search-suggestion-profile .search-suggestion-content{flex:1;min-width:0}.search-suggestion-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--bg-secondary)}.search-suggestion-type{display:inline-block;font-size:0.75rem;color:var(--text-muted);margin-bottom:2px}.search-suggestion-title{font-size:0.95rem;color:var(--text-primary);margin:0 0 2px}.search-suggestion-title b{color:var(--accent)}.search-suggestion-snippet{font-size:0.85rem;color:var(--text-secondary);margin:0;line-height:1.4}.search-suggestion-snippet b{color:var(--accent)}.search-modal-footer{display:flex;justify-content:center;gap:var(--space-md);padding:var(--space-sm);border-top:1px solid var(--border);font-size:0.8rem;color:var(--text-muted)}.search-modal-footer kbd{background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-family:monospace;font-size:0.75rem;margin-right:3px}@media (max-width:768px){.search-modal{padding-top:0;align-items:stretch}.search-modal-panel{width:100vw;max-height:100vh;height:100vh;border-radius:0}}.header-search-trigger{position:relative;display:inline-flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);height:44px;width:200px;padding:0 8px 0 36px;color:var(--text-muted);font-size:0.9rem;font-family:inherit;cursor:pointer;box-sizing:border-box;transition:border-color 0.2s,box-shadow 0.2s,color 0.2s}.header-search-trigger:hover{border-color:var(--accent);color:var(--text-primary);box-shadow:0 0 0 3px rgba(145,71,255,0.15)}.header-search-trigger-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.header-search-trigger-text{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-search-trigger-kbd{flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.72rem;font-weight:500;line-height:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px;padding:3px 5px;color:var(--text-muted);margin-left:8px}@media (max-width:1150px){.header-search-trigger{width:44px;padding:0;justify-content:center}.header-search-trigger-icon{position:static;transform:none}.header-search-trigger-text,.header-search-trigger-kbd{display:none}}.header{border-bottom:1px solid var(--border);height:60px;position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(14,14,16,0.95)}[data-theme="light"] .header{background:rgba(255,255,255,0.95)}.header-content{display:flex;align-items:center;height:100%;padding:0 16px;gap:12px}.logo{font-size:1.1rem;font-weight:700;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap}.logo:hover{color:var(--accent)}.logo-img{width:32px;height:32px;border-radius:50%;object-fit:cover}.nav-bar{display:flex;gap:4px;align-items:center;flex-shrink:0}.nav-item{padding:8px 12px;min-height:44px;display:inline-flex;align-items:center;color:var(--text-secondary);text-decoration:none;font-size:0.9rem;font-weight:500;white-space:nowrap;border-radius:var(--radius-md);transition:color 0.2s,background 0.2s}.nav-item:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-item.active{color:var(--text-primary);background:rgba(145,71,255,0.22);font-weight:600;box-shadow:inset 0 0 0 1px rgba(145,71,255,0.45)}[data-theme="light"] .nav-item.active{background:rgba(124,58,237,0.16);box-shadow:inset 0 0 0 1px rgba(124,58,237,0.55)}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.theme-toggle-header{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:background 0.2s,border-color 0.2s;flex-shrink:0;box-sizing:border-box}.theme-toggle-header:hover{background:var(--bg-card);border-color:var(--accent)}.user-section{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);padding:4px 6px 4px 10px;border-radius:var(--radius-lg);border:1px solid var(--border);min-height:48px;box-sizing:border-box}.user-profile-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-primary);padding:4px 8px;min-height:40px;border-radius:var(--radius-md);transition:background 0.2s}.user-profile-link:hover{background:var(--bg-card)}.user-avatar-small{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}.user-display-name{font-weight:600;font-size:0.85rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-wrapper{position:relative}.user-profile-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text-primary);padding:4px 8px;min-height:40px;border-radius:var(--radius-md);cursor:pointer;transition:background 0.2s;font-family:inherit;font-size:inherit}.user-profile-btn:hover{background:var(--bg-card)}.dropdown-arrow{font-size:0.7rem;opacity:0.7;transition:transform 0.2s}.user-dropdown-wrapper.open .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);min-width:180px;box-shadow:0 4px 12px rgba(0,0,0,0.3);z-index:1000;display:none;overflow:hidden}.user-dropdown-wrapper.open .user-dropdown{display:block}.dropdown-item{display:flex;align-items:center;gap:8px;padding:12px 16px;min-height:44px;color:var(--text-primary);text-decoration:none;transition:background 0.2s;font-size:0.9rem}.dropdown-item:hover{background:var(--bg-card)}.dropdown-item-admin{color:var(--warning)}.dropdown-item-team{color:var(--accent)}.nav-item-team{color:var(--accent) !important}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.notification-wrapper{position:relative}.notification-bell{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background 0.2s,border-color 0.2s;flex-shrink:0;box-sizing:border-box}.notification-bell:hover{background:var(--bg-card);border-color:var(--accent)}.notification-icon{width:24px;height:24px}.notification-dropdown{display:none;position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(0,0,0,0.3);min-width:320px;max-width:380px;z-index:1000;overflow:hidden}.notification-dropdown.open{display:block}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.notification-header h3{margin:0;font-size:0.95rem;font-weight:600}.notification-mark-all{font-size:0.75rem;padding:4px 8px}.notification-list{max-height:400px;overflow-y:auto}.notification-empty{color:var(--text-muted);text-align:center;padding:24px 16px;font-size:0.9rem;margin:0}.notification-category{padding:8px 0}.notification-category-title{font-size:0.8rem;font-weight:600;color:var(--text-muted);margin:0 0 4px 16px;display:flex;align-items:center;gap:8px}.notification-category-count{background:var(--bg-tertiary);color:var(--text-secondary);padding:1px 6px;border-radius:10px;font-size:0.7rem}.notification-dismiss-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1.3rem;line-height:1;padding:0 8px;opacity:0;transition:opacity 0.2s}.notification-item:hover .notification-dismiss-btn{opacity:1}.notification-dismiss-btn:hover{color:var(--error)}.notification-item-champion{padding:12px;gap:8px;flex-direction:column;align-items:stretch}.notification-champion-message{font-size:0.85rem;color:var(--text-secondary);margin:4px 0 0;line-height:1.4}.notification-item{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);transition:background 0.15s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-secondary)}.notification-item-icon{width:24px;height:24px;flex-shrink:0;border-radius:4px;margin-top:2px}.notification-item-icon-placeholder{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-top:2px}.notification-item-icon-emoji{width:24px;height:24px;font-size:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.notification-item-content{flex:1;min-width:0}.notification-item-title{font-weight:600;font-size:0.85rem;margin-bottom:2px}.notification-item-message{font-size:0.8rem;color:var(--text-muted);line-height:1.3;white-space:pre-line}.notification-item-time{font-size:0.7rem;color:var(--text-muted);margin-top:4px;opacity:0.7}.notification-item-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;padding:2px 6px;border-radius:4px;transition:color 0.15s,background 0.15s;flex-shrink:0;line-height:1}.notification-item-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.notification-clickable{cursor:pointer}.notification-clickable .notification-item-content::after{content:'→';position:absolute;right:36px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:0.85rem;opacity:0;transition:opacity 0.15s}.notification-clickable{position:relative}.notification-clickable:hover .notification-item-content::after{opacity:0.6}.notification-bell-mobile{display:flex;align-items:center;gap:8px}.notification-icon-mobile{width:20px;height:20px}.hamburger{display:flex;flex-direction:column;gap:4px;padding:8px;background:transparent;border:none;cursor:pointer;z-index:1001;order:-1}.hamburger span{width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform 0.3s ease,opacity 0.3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.mobile-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:999;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.mobile-nav-overlay.active{opacity:1;pointer-events:auto}.mobile-nav{display:flex;position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--bg-secondary);z-index:1000;flex-direction:column;border-right:1px solid var(--border);box-shadow:4px 0 20px rgba(0,0,0,0.3);transform:translateX(-100%);transition:transform 0.3s ease}.mobile-nav.active{transform:translateX(0)}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;margin-bottom:24px}.mobile-nav-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.mobile-nav-close{font-size:24px;background:none;border:none;color:var(--text-secondary);cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.mobile-nav-close:hover{color:var(--text-primary);background:var(--bg-hover)}.mobile-nav .main-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--text-primary);text-decoration:none;font-size:1rem;border-radius:var(--radius-md);transition:background var(--transition-fast);margin:0 4px}.mobile-nav .main-mobile-menu-item:hover{background:var(--bg-hover)}.mobile-nav .main-mobile-menu-icon{width:24px;height:24px;border-radius:4px;object-fit:cover}.mobile-nav .main-mobile-menu-emoji{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;font-size:1.1rem}.mobile-nav-content{display:flex;flex-direction:column;padding:16px;gap:4px;overflow-y:auto}.mobile-nav .nav-item{font-size:1rem;padding:14px 16px;border-radius:var(--radius-md);width:100%;text-align:left}.mobile-nav .nav-item:hover{background:var(--bg-secondary)}.mobile-nav-divider{height:1px;background:var(--border);margin:12px 0}.mobile-nav-section-title{font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);opacity:0.5;padding:4px 16px 8px}.mobile-nav .main-mobile-menu-item.mobile-nav-active{background:var(--bg-hover,rgba(255,255,255,0.06));color:var(--accent)}[data-theme="light"] .mobile-nav-divider{background:var(--border)}.mobile-search-form{display:flex;gap:8px;padding:4px 0}.mobile-search-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;font-size:0.95rem;color:var(--text-primary)}.mobile-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(145,71,255,0.15)}.mobile-search-btn{padding:10px 14px;font-size:1rem;background:var(--accent);border:none;border-radius:var(--radius-md);color:white;cursor:pointer}.mobile-search-btn:hover{background:var(--accent-hover)}.mobile-theme-toggle{display:flex;align-items:center;gap:10px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;text-decoration:none}.mobile-theme-toggle:hover{background:var(--bg-secondary)}.footer{position:relative;text-align:center;padding:32px 24px;color:var(--text-muted);font-size:0.85rem;margin-top:40px;border-top:1px solid var(--border)}.footer-brand{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 12px 0;letter-spacing:0.02em}.footer-socials{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.footer-social{display:inline-flex;align-items:center;min-height:24px;gap:6px;color:var(--text-secondary);text-decoration:none;font-size:0.85rem;transition:color 0.2s ease}.footer-social:hover,.footer-social:focus-visible{color:var(--accent)}.footer-social svg{flex-shrink:0}.footer-nav{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:12px}.footer-nav a{display:inline-flex;align-items:center;min-height:24px;color:var(--text-secondary);text-decoration:none;font-size:0.85rem;transition:color 0.2s ease}.footer-nav a:hover,.footer-nav a:focus-visible{color:var(--accent)}.footer-copyright{font-size:0.78rem;color:var(--text-muted);margin:0 0 8px 0}.footer-legal{margin-top:0;margin-bottom:0;font-size:0.78rem}.footer-legal a{color:var(--text-muted);text-decoration:none;transition:color 0.2s ease}.footer-legal a:hover,.footer-legal a:focus-visible{color:var(--text-primary);text-decoration:underline}.footer-disclaimer{margin-top:10px;font-size:0.72rem;color:var(--text-muted);font-style:italic}.footer-disclaimer a{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px}.footer-disclaimer a:hover{color:var(--accent);text-decoration:underline}.footer-partner{position:absolute;right:5%;top:32px;display:flex;flex-direction:column;align-items:center;gap:6px}.footer-partner a{display:inline-flex;align-items:center;min-height:24px;color:var(--text-muted);text-decoration:none;font-size:0.78rem;transition:color 0.2s ease}.footer-partner a:hover,.footer-partner a:focus-visible{color:var(--text-primary)}.footer-partner-logo{width:260px;height:auto;opacity:0.7;transition:opacity 0.2s ease;border-radius:6px}.footer-partner-logo:hover{opacity:1}@media (max-width:768px){.footer-partner{position:static;margin-top:20px}}.theme-toggle-footer{position:relative;margin-top:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:20px;padding:8px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:0.8rem;color:var(--text-secondary);transition:all 0.2s ease}.theme-toggle-footer:hover,.theme-toggle-footer:focus-visible{background:var(--bg-card);color:var(--text-primary);border-color:var(--accent)}.theme-toggle-footer .theme-toggle-icon{font-size:1rem}.theme-toggle-footer .theme-toggle-label{font-weight:500}.theme-toggle-footer[data-theme-active="light"]{background:var(--bg-card);border-color:var(--accent)}.theme-toggle-footer[data-theme-active="dark"]{background:var(--bg-tertiary)}[data-theme="light"] .logo:hover{color:var(--accent)}[data-theme="light"] .footer-social:hover,[data-theme="light"] .footer-social:focus-visible{color:var(--accent)}[data-theme="light"] .footer{background:var(--bg-tertiary);border-top-color:var(--border)}@media (max-width:768px){.header-content{flex-wrap:wrap}.nav-bar{display:none}.header-right{gap:8px}.user-section{gap:8px}.user-display-name{display:none}.theme-toggle-header{display:none}}@media (max-width:600px){.header-content{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.logo{justify-content:flex-start}.nav-bar{display:none}.header-right .search-form{display:none}.header-right{gap:8px}}@media (max-width:480px){.notification-dropdown{min-width:280px;max-width:calc(100vw - 32px);right:0}}.main-content{padding:24px 32px;min-width:0}.breadcrumb{display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:var(--text-secondary);margin-bottom:1rem}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color 0.2s}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span[aria-current]{color:var(--text-primary)}.main-content>.container{padding-left:0;padding-right:0}@media (max-width:768px){.main-content{padding:16px}}@media (max-width:480px){.main-content{padding:12px 10px}}.main-header{position:sticky;top:0;height:60px;background:rgba(14,14,16,0.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:1000}.main-header-content{display:flex;align-items:center;height:100%;padding:0 16px;gap:16px;position:relative}.main-header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.main-hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:none;border:none;cursor:pointer}.main-hamburger span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:1px;transition:var(--transition-normal)}.main-header-brand{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:var(--text-primary);text-decoration:none;white-space:nowrap}.main-header-brand:hover{color:var(--accent)}.main-header-logo{width:32px;height:32px;border-radius:50%;object-fit:cover}.main-header-socials{display:flex;align-items:center;gap:0}.main-header-social{display:flex;align-items:center;justify-content:center;width:34px;height:44px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:color var(--transition-fast)}.main-header-social svg{width:16px;height:16px}.main-header-social:hover{color:var(--text-primary)}.main-header-tabs{display:flex;align-items:center;gap:4px;flex:1;justify-content:flex-start;overflow-x:auto;min-width:0;-ms-overflow-style:none;scrollbar-width:none}.main-header-tabs::-webkit-scrollbar{display:none}.main-header-tab{display:flex;align-items:center;padding:8px 14px;color:var(--text-secondary);text-decoration:none;font-size:0.9rem;font-weight:500;border-radius:var(--radius-md);min-height:44px;transition:all var(--transition-fast);white-space:nowrap}.main-header-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.main-header-tab-active{color:var(--accent);background:rgba(168,85,247,0.15)}.main-header-right{display:flex;align-items:center;gap:8px;height:100%;flex-shrink:0;margin-left:auto}.songbattle-mode .main-header-content{display:grid;grid-template-columns:1fr auto 1fr}.songbattle-mode .main-header-right{justify-content:flex-end}.main-user-section{position:relative;display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);padding:4px 6px 4px 10px;border-radius:var(--radius-lg);border:1px solid var(--border);min-height:48px;box-sizing:border-box}.main-user-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--accent);object-fit:cover}.main-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-hover);font-size:14px;font-weight:600;color:var(--text-primary)}.main-user-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;padding:0;color:inherit}.main-user-name{font-size:0.85rem;font-weight:500;color:var(--text-primary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-user-arrow{font-size:0.6rem;color:var(--text-muted)}.main-user-dropdown{display:none;position:absolute;right:0;top:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:200px;padding:6px 0;box-shadow:var(--shadow-lg);z-index:1010}.main-user-dropdown.open{display:block}.main-dropdown-item{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;color:var(--text-primary);text-decoration:none;font-size:0.9rem;transition:background var(--transition-fast)}.main-dropdown-item:hover{background:var(--bg-hover)}.main-dropdown-divider{height:1px;background:var(--border);margin:4px 0}.main-theme-toggle{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:0.95rem;color:var(--text-secondary);transition:color var(--transition-fast)}.main-theme-toggle:hover{color:var(--text-primary)}.main-mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);opacity:0;pointer-events:none;z-index:1001;transition:opacity 0.3s ease}.main-mobile-overlay.open{opacity:1;pointer-events:auto}.main-mobile-menu{position:fixed;left:0;top:0;bottom:0;width:280px;background:var(--bg-secondary);border-right:1px solid var(--border);transform:translateX(-100%);transition:transform 0.3s ease;z-index:1002;padding:20px;display:flex;flex-direction:column}.main-mobile-menu.open{transform:translateX(0)}.main-mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.main-mobile-menu-logo{width:32px;height:32px;border-radius:50%;object-fit:cover}.main-mobile-menu-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.main-mobile-close{font-size:24px;background:none;border:none;color:var(--text-secondary);cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.main-mobile-close:hover{color:var(--text-primary);background:var(--bg-hover)}.main-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--text-primary);text-decoration:none;font-size:1rem;border-radius:var(--radius-md);transition:background var(--transition-fast)}.main-mobile-menu-item:hover{background:var(--bg-hover)}.main-mobile-menu-icon{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted)}.main-mobile-menu-icon svg{width:20px;height:20px}.main-mobile-menu-img{width:24px;height:24px;border-radius:4px;object-fit:cover;flex-shrink:0}.main-mobile-menu-item:hover .main-mobile-menu-icon{color:var(--accent-text)}.mobile-nav-worlds{display:flex;flex-direction:column;gap:2px}.mobile-nav-worlds .main-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-primary);text-decoration:none;font-size:0.95rem;border-radius:var(--radius-md);transition:background var(--transition-fast)}.mobile-nav-worlds .main-mobile-menu-item:hover{background:var(--bg-hover)}.mobile-nav-worlds .main-mobile-menu-icon{width:20px;height:20px;color:var(--text-muted)}.highlight-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;background:linear-gradient(90deg,rgba(145,70,255,0.15),rgba(0,212,255,0.1));border-bottom:1px solid rgba(145,70,255,0.3);font-size:0.9rem;position:relative}.highlight-banner-text{color:var(--text-primary);text-decoration:none;font-weight:500;flex:1;text-align:center;transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:28px}.highlight-banner-text:hover{color:var(--accent)}.highlight-banner-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;min-width:44px;min-height:44px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);flex-shrink:0}.highlight-banner-close:hover{color:var(--text-primary);background:rgba(255,255,255,0.1)}[data-theme="light"] .main-header{background:rgba(255,255,255,0.95)}[data-theme="light"] .main-mobile-menu{background:var(--bg-secondary)}[data-theme="light"] .highlight-banner{background:linear-gradient(90deg,rgba(145,70,255,0.08),rgba(0,212,255,0.05))}[data-theme="light"] .highlight-banner-close:hover{background:rgba(0,0,0,0.05)}.main-mobile-search{padding:8px 12px 4px}.main-mobile-search-form{width:100%}.main-mobile-search-form .search-input{flex:1;min-width:0}@media (max-width:1600px){.main-header-socials{display:none}}@media (max-width:900px){.main-header-tabs{display:none}}@media (max-width:768px){.main-header-right .search-form{display:none}}@media (max-width:600px){.main-user-name{display:none}}@media (max-width:768px){.stats-detail{grid-template-columns:repeat(2,1fr)}.duel-entry{grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:8px}.duel-date{grid-column:1 / -1}.duel-players{grid-column:1 / -1}.duel-grids{grid-column:1;flex-wrap:wrap;gap:4px}.duel-result{grid-column:2;grid-row:2 / 4;flex-direction:column;gap:2px;min-width:60px}.global-stats-grid{grid-template-columns:repeat(2,1fr)}.stat-category-list{grid-template-columns:1fr}.shop-user-info{flex-direction:column;text-align:center}.leaderboard-filter-bar{flex-direction:column;align-items:stretch;gap:8px}.leaderboard-search{max-width:100%}.leaderboard-sort-select{width:100%}.leaderboard-period-filter{width:100%;justify-content:stretch}.period-btn{flex:1;text-align:center}}@media (max-width:600px){.hero-title{font-size:1.8rem}.hero-search .search-input{width:100%}.home-features{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0}.home-features::-webkit-scrollbar{display:none}.home-feature-card{flex:0 0 160px;scroll-snap-align:start;padding:16px 12px}.home-features-btn{display:flex;flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;align-items:center;justify-content:center;transition:background 0.15s,opacity 0.2s}.home-features-btn:hover{background:var(--bg-hover)}.home-welcome-stats{grid-template-columns:repeat(2,1fr)}.home-welcome-links{justify-content:center}.home-stats{grid-template-columns:repeat(2,1fr);gap:16px}.home-stats-3{grid-template-columns:repeat(3,1fr)}.stats-hero{grid-template-columns:repeat(3,1fr);gap:8px}.stat-value-hero{font-size:1.5rem}.stats-detail{grid-template-columns:repeat(2,1fr)}.profile-card{padding:20px}.profile-section{padding:16px}.achievement-summary-bar{flex-wrap:wrap;gap:8px;padding:12px 16px}.achievement-summary-progress{width:100%;min-width:unset}.profile-title{display:block;margin-left:0;margin-top:4px;font-size:0.8rem}.achievement{flex-wrap:wrap}.achievement-progress-bar-track{max-width:120px}.leaderboard-item{gap:8px;padding:10px 12px}.leaderboard-rank{width:32px;font-size:1rem}.leaderboard-rank-img{width:28px;height:28px}.leaderboard-avatar,.leaderboard-avatar-placeholder{width:28px;height:28px}.leaderboard-user{gap:6px}.leaderboard-username-link{font-size:0.9rem}.leaderboard-role-label{display:none}.leaderboard-role{padding:2px 4px}.leaderboard-prestige{display:none}.leaderboard-balance{font-size:0.85rem;padding:4px 8px}.profile-top{flex-direction:column;align-items:center;text-align:center}.profile-avatar{width:80px;height:80px}.profile-name{flex-wrap:wrap;font-size:1.4rem;gap:8px;justify-content:center}.profile-badges{justify-content:center}.profile-last-active{text-align:center}.profile-rank,.profile-duel-status{font-size:0.8rem;padding:3px 10px}.command-item{flex-direction:column;align-items:flex-start;gap:6px}.command-item code{min-width:auto;width:100%}.help-row{grid-template-columns:1fr;gap:6px}.help-row>*:first-child{font-weight:600}.info-row{grid-template-columns:1fr;gap:6px}.info-row>*:first-child{font-weight:600}.shop-items{grid-template-columns:1fr}.global-stats-grid{grid-template-columns:1fr}.global-stat-value{font-size:1.5rem}.admin-panel-grid{grid-template-columns:1fr}.admin-panel-header{flex-direction:column;align-items:flex-start;gap:8px}.admin-toggle-group{flex-direction:column;align-items:flex-start}.toc-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.multiplier-row,.bonus-row{grid-template-columns:1fr 1fr;gap:8px}.multiplier-row>span:nth-child(3),.multiplier-row>span:nth-child(4){font-size:0.8rem}.streak-row{grid-template-columns:1fr 1fr 1fr}.symbol-values{justify-content:center}.duel-step{flex-direction:column;gap:12px}.step-number{align-self:flex-start}.bonus-cards{grid-template-columns:1fr}.unlock-item{flex-wrap:wrap}.unlock-price{width:100%;text-align:right;margin-top:4px}.combo-cards{grid-template-columns:1fr}.investment-tier{flex-direction:column;gap:10px}.tier-label{align-self:flex-start}.chances-row{grid-template-columns:1fr;gap:4px}.chances-row span:first-child{font-weight:600}}.ui-row{display:flex;gap:0.6rem;align-items:center;flex-wrap:wrap}.ui-col{display:flex;flex-direction:column;gap:0.6rem}.ui-cell-center{text-align:center !important}.ui-cell-right{text-align:right !important}.ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid transparent;border-radius:var(--radius-md);font-size:0.88rem;font-weight:500;cursor:pointer;font-family:inherit;text-decoration:none;transition:background 0.15s,color 0.15s,border-color 0.15s,transform 0.08s}.ui-btn:hover{text-decoration:none}.ui-btn:active{transform:translateY(1px)}.ui-btn:disabled{opacity:0.5;cursor:not-allowed}.ui-btn-sm{padding:5px 12px;font-size:0.8rem;border-radius:6px}.ui-btn-primary{background:var(--accent-hover);color:#fff}.ui-btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent-hover) 85%,black)}.ui-btn-ghost{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border)}.ui-btn-ghost:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent)}.ui-btn-danger{background:transparent;color:var(--error);border-color:color-mix(in srgb,var(--error) 40%,transparent)}.ui-btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--error) 12%,transparent)}.ui-btn-warn{background:var(--warning);color:#000;border-color:transparent}.ui-btn-warn:hover:not(:disabled){background:color-mix(in srgb,var(--warning) 88%,black)}.ui-btn-twitch{background:var(--twitch-purple);color:#fff}.ui-btn-twitch:hover:not(:disabled){background:var(--twitch-purple-hover)}.ui-btn-discord{background:var(--discord-blue);color:#fff;gap:8px}.ui-btn-discord:hover:not(:disabled){background:var(--discord-blue-hover);transform:translateY(-2px);box-shadow:0 4px 16px rgba(88,101,242,0.35)}.ui-btn-success{background:var(--success);color:var(--bg-primary)}.ui-btn-success:hover:not(:disabled){background:var(--success);transform:translateY(-1px)}.ui-btn-success:disabled{background:var(--text-muted);transform:none}[data-theme="light"] .ui-btn-success{color:#fff}[data-theme="light"] .ui-btn-success:hover:not(:disabled){background:var(--success-dark)}.ui-btn-pill{border-radius:22px;padding:10px 18px;min-height:44px;font-size:0.85rem;font-weight:500}.ui-btn-pill.ui-btn-ghost[data-active="true"]{background:var(--accent);border-color:var(--accent);color:#fff}.ui-btn-pill.ui-btn-ghost[data-active="gold"]{background:var(--dachs-gold);border-color:var(--dachs-gold);color:#000}.ui-btn-logout-hover:hover:not(:disabled){background:var(--error);color:#fff;border-color:var(--error)}.ui-btn-text{background:none;border:none;color:var(--text-muted);padding:5px 8px;min-height:auto}.ui-btn-text:hover:not(:disabled){background:none;color:var(--text-primary)}.ui-btn-on-error{background:rgba(255,255,255,0.2);color:#fff;border-color:rgba(255,255,255,0.4)}.ui-btn-on-error:hover:not(:disabled){background:rgba(255,255,255,0.3);color:#fff;border-color:rgba(255,255,255,0.6)}.ui-btn-buy{margin-left:auto}.ui-btn-icon-only{min-width:44px;aspect-ratio:1;padding:0}a.ui-btn{text-decoration:none}.ui-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}@media (max-width:768px){.ui-btn-twitch-mobile-icon span{display:none}.ui-btn-twitch-mobile-icon{padding:10px 12px}}.ui-icon-btn{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-muted);border:1px solid transparent;border-radius:6px;cursor:pointer;transition:color 0.15s,background 0.15s}.ui-icon-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.ui-icon-btn-danger:hover{color:var(--error);background:color-mix(in srgb,var(--error) 10%,transparent)}.ui-icon-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.ui-row-actions{display:inline-flex;gap:6px;align-items:center}.ui-input,.ui-select{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:0.9rem;font-family:inherit;transition:border-color 0.15s,box-shadow 0.15s}.ui-input:focus,.ui-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.ui-input:disabled,.ui-select:disabled{opacity:0.6;cursor:not-allowed}.ui-input::placeholder{color:var(--text-muted)}.ui-input-full{width:100%}.ui-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}.ui-select option{background:var(--bg-secondary);color:var(--text-primary)}.ui-textarea{display:block;line-height:1.5;resize:vertical;min-height:2.5rem;font-family:inherit}.ui-textarea-resize-none{resize:none}.ui-textarea-resize-vertical{resize:vertical}.ui-textarea-resize-horizontal{resize:horizontal}.ui-textarea-resize-both{resize:both}.ui-switch{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer;vertical-align:middle}.ui-switch input{opacity:0;width:0;height:0;position:absolute}.ui-switch-track{position:absolute;inset:0;background:var(--border);border-radius:20px;transition:background 0.2s}.ui-switch-track::before{content:'';position:absolute;height:14px;width:14px;left:3px;bottom:3px;background:var(--text-primary);border-radius:50%;transition:transform 0.2s;box-shadow:0 1px 3px rgba(0,0,0,0.3)}.ui-switch input:checked + .ui-switch-track{background:var(--success)}.ui-switch input:checked + .ui-switch-track::before{transform:translateX(16px)}.ui-switch input:disabled + .ui-switch-track{opacity:0.5;cursor:not-allowed}.ui-switch input:focus-visible + .ui-switch-track{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.ui-check{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.ui-check input{position:absolute;opacity:0;pointer-events:none}.ui-check-box{width:20px;height:20px;flex-shrink:0;border:1.5px solid var(--border);border-radius:6px;background:var(--bg-tertiary);display:inline-flex;align-items:center;justify-content:center;transition:background 0.15s,border-color 0.15s}.ui-check-box::after{content:'';width:10px;height:10px;border-radius:3px;background:var(--accent);transform:scale(0);transition:transform 0.15s cubic-bezier(0.16,1,0.3,1)}.ui-check input:checked + .ui-check-box{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--bg-tertiary))}.ui-check input:checked + .ui-check-box::after{transform:scale(1)}.ui-check:hover .ui-check-box{border-color:var(--accent)}.ui-check input:focus-visible + .ui-check-box{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.ui-check + span,.ui-check + label{margin-left:8px}.ui-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:0.72rem;font-weight:600;white-space:nowrap}.ui-badge-accent{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-light,#c084fc)}.ui-badge-success{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}.ui-badge-warn{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.ui-badge-error{background:color-mix(in srgb,var(--error) 18%,transparent);color:var(--error)}.ui-badge-muted{background:var(--bg-tertiary);color:var(--text-muted)}.ui-action-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:0.78rem;font-weight:600}.ui-action-badge-ban{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.ui-action-badge-delete{background:color-mix(in srgb,var(--error) 18%,transparent);color:var(--error)}.ui-action-badge-timeout{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.ui-action-badge-warn{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.ui-action-badge-warn_delete{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-text)}.ui-breadcrumb{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);text-decoration:none;font-size:0.88rem;transition:color 0.15s}.ui-breadcrumb:hover{color:var(--text-primary)}.ui-tabs{display:flex;gap:0;margin-bottom:1.25rem;border-bottom:2px solid var(--border);overflow-x:auto;scrollbar-width:none}.ui-tabs::-webkit-scrollbar{display:none}.ui-tab{padding:0.7rem 1rem;color:var(--text-muted);cursor:pointer;font-size:0.92rem;font-weight:500;position:relative;white-space:nowrap;transition:color 0.15s;background:none;border:none;font-family:inherit;line-height:inherit}.ui-tab:hover{color:var(--text-primary)}.ui-tab-active{color:var(--accent)}.ui-tab-active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent)}.ui-tab-panel{display:none;animation:ui-fade-in 0.2s ease}.ui-tab-panel-active{display:block}@keyframes ui-fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ui-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem}.ui-card-nopad{padding:0}.ui-error-page{max-width:560px;margin:4rem auto;padding:0 1rem}.ui-error-page-card{padding:2rem;text-align:center}.ui-error-page-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 0.75rem}.ui-error-page-msg{color:var(--text-secondary);line-height:1.6;margin:0 0 1.25rem}.ui-error-page-msg:last-child{margin-bottom:0}.ui-error-page-action{display:flex;justify-content:center;gap:0.5rem;flex-wrap:wrap}.ui-section-header{margin-bottom:0.75rem}.ui-section-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0}.ui-section-sub{font-size:0.82rem;color:var(--text-muted);margin:0.25rem 0 0}.ui-section-header-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ui-section-header-actions .ui-section-text{flex:1;min-width:0}.ui-section-actions{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;flex-shrink:0}.ui-empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-lg)}.ui-empty p{margin:0}.ui-empty-action{margin-top:0.75rem}.ui-form-row{display:flex;flex-direction:column;gap:4px;margin-bottom:1rem}.ui-form-label{font-size:0.78rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.04em}.ui-form-hint{font-size:0.78rem;color:var(--text-muted)}.ui-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0.85rem;margin-bottom:1.5rem}.ui-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;min-height:88px;display:flex;flex-direction:column;justify-content:center}.ui-stat-label{font-size:0.72rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin-bottom:0.5rem}.ui-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.15}.ui-stat-hint{font-size:0.78rem;color:var(--text-muted);margin-top:0.35rem}.ui-stat-warn{border-color:var(--warning)}.ui-stat-warn .ui-stat-value{color:var(--warning)}a.ui-stat-link{text-decoration:none;color:inherit;display:flex;transition:border-color 0.15s,transform 0.1s,background 0.15s}a.ui-stat-link:hover{border-color:var(--accent);transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 4%,var(--bg-card))}.ui-table-wrap{overflow-x:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.ui-table{width:100%;border-collapse:collapse;font-size:0.9rem}.ui-th,.ui-td,.ui-cell{padding:0.75rem 1rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.ui-th{background:var(--bg-tertiary);font-weight:600;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);white-space:nowrap}.ui-table tbody tr:last-child .ui-td,.ui-table tbody tr:last-child .ui-cell{border-bottom:none}.ui-table tbody tr:hover .ui-td,.ui-table tbody tr:hover .ui-cell{background:color-mix(in srgb,var(--accent) 4%,transparent)}.ui-empty-row{text-align:center;color:var(--text-muted);padding:1.5rem 1rem !important}.ui-th-sortable{padding:0 !important}.ui-th-sort{display:inline-flex;align-items:center;gap:6px;width:100%;padding:0.5rem 0.75rem;background:transparent;border:0;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer;user-select:none;transition:background 0.15s,color 0.15s}.ui-th-sort:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--text-primary)}.ui-th-sort:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ui-cell-right .ui-th-sort,.ui-th-sortable.ui-cell-right .ui-th-sort{justify-content:flex-end}.ui-cell-center .ui-th-sort,.ui-th-sortable.ui-cell-center .ui-th-sort{justify-content:center}.ui-th-sort-indicator{font-size:0.85em;opacity:0.5;transition:opacity 0.15s}.ui-th-sortable[aria-sort="ascending"] .ui-th-sort-indicator,.ui-th-sortable[aria-sort="descending"] .ui-th-sort-indicator{opacity:1;color:var(--accent)}.ui-th-sortable[aria-sort="ascending"] .ui-th-sort-indicator::before{content:"▲"}.ui-th-sortable[aria-sort="descending"] .ui-th-sort-indicator::before{content:"▼"}.ui-th-sortable[aria-sort="ascending"] .ui-th-sort-indicator,.ui-th-sortable[aria-sort="descending"] .ui-th-sort-indicator{font-size:0.75em}.ui-th-sortable[aria-sort="ascending"] .ui-th-sort-indicator,.ui-th-sortable[aria-sort="descending"] .ui-th-sort-indicator{}.ui-th-sortable[aria-sort="ascending"] .ui-th-sort-indicator,.ui-th-sortable[aria-sort="descending"] .ui-th-sort-indicator{color:var(--accent)}.ui-th-sortable[aria-sort="ascending"] .ui-th-sort-indicator,.ui-th-sortable[aria-sort="descending"] .ui-th-sort-indicator{font-size:0}.ui-th-sortable[aria-sort="ascending"] .ui-th-sort-indicator::before,.ui-th-sortable[aria-sort="descending"] .ui-th-sort-indicator::before{font-size:0.7rem}.ui-input-num{width:68px;text-align:center}.ui-info{color:var(--text-secondary);font-size:0.9rem;line-height:1.55;margin:0 0 1.25rem 0}.ui-info code{background:var(--bg-card);padding:0.1rem 0.4rem;border-radius:var(--radius-sm);font-size:0.85em;color:var(--accent-light,#c084fc)}.ui-stack{display:grid;gap:1.5rem}.ui-stack-sm{gap:0.5rem}.ui-stack-md{gap:1rem}.ui-stack-lg{gap:1.5rem}.ui-row{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center}.ui-row-between{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;justify-content:space-between}.ui-row-end{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;justify-content:flex-end}.ui-fieldset{border:1px solid var(--border);border-radius:var(--radius-md);padding:0.75rem 1rem 1rem;margin:0;background:color-mix(in srgb,var(--bg-card) 60%,transparent)}.ui-fieldset>legend{padding:0 0.4rem;font-size:0.78rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-secondary)}.ui-fieldset-stack{display:grid;gap:0.75rem;margin-top:0.5rem}.ui-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}.ui-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.75rem}@media (max-width:640px){.ui-grid-2,.ui-grid-3{grid-template-columns:1fr}}.ui-status-pill-scheduled{background:color-mix(in srgb,#5865F2 15%,transparent);color:#5865F2}.ui-status-pill-running{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.ui-status-pill-ended,.ui-status-pill-archived{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.ui-status-pill-cancelled{background:color-mix(in srgb,var(--text-muted) 18%,transparent);color:var(--text-muted)}.ui-status-pill-warn{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning)}.ui-status-pill-success{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.ui-status-pill-sm{padding:0.1rem 0.5rem;font-size:0.72rem}.ui-dl{display:grid;grid-template-columns:max-content 1fr;gap:0.5rem 1rem;font-size:0.9rem;margin:0}.ui-dl>dt{color:var(--text-secondary);font-weight:600}.ui-dl>dd{margin:0;color:var(--text-primary)}.ui-dl code{background:var(--bg-card);padding:0.1rem 0.4rem;border-radius:var(--radius-sm);font-size:0.85em}.ui-required{color:var(--error);margin-left:0.15rem}.ui-hint{color:var(--text-secondary);font-weight:400;font-size:0.82em;margin-left:0.35rem}.ui-info-line{margin:0.35rem 0 0 0;padding:0.4rem 0.6rem;border-left:3px solid color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-tertiary));color:var(--text-secondary);font-size:0.85em;line-height:1.4;border-radius:4px}.ui-input[readonly]{opacity:0.6;cursor:not-allowed;background:color-mix(in srgb,var(--bg-tertiary) 70%,transparent)}.ui-embed-preview{border-left:4px solid var(--accent);background:#2b2d31;color:#dbdee1;padding:0.75rem 1rem;border-radius:var(--radius-sm);max-width:540px}.ui-embed-preview-title{font-weight:700;color:#fff;margin-bottom:0.5rem}.ui-embed-preview-desc{font-size:0.9em;margin-bottom:0.5rem}.ui-embed-preview-meta{font-size:0.85em;color:#b5bac1}.ui-embed-preview-meta + .ui-embed-preview-meta{margin-top:0.35rem}.ui-audit-details{font-size:0.85rem;color:var(--text-secondary);line-height:1.5}.ui-audit-details-pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.82rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0.4rem 0.6rem;margin:0.25rem 0 0;white-space:pre-wrap;overflow-x:auto}.ui-search-bar{position:relative;margin-bottom:1rem}.ui-search-input-padded{padding-left:38px}.ui-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.ui-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:900;opacity:0;pointer-events:none;transition:opacity 0.2s}.ui-drawer-overlay.open{opacity:1;pointer-events:auto}.ui-drawer{position:fixed;top:0;right:0;height:100vh;width:min(540px,92vw);background:var(--bg-secondary);border-left:1px solid var(--border);box-shadow:-12px 0 32px rgba(0,0,0,0.4);z-index:950;display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.25s cubic-bezier(0.16,1,0.3,1)}.ui-drawer.open{transform:translateX(0)}.ui-drawer-wide{width:min(960px,96vw)}.ui-drawer-header{padding:1.1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem}.ui-drawer-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0}.ui-drawer-close{background:transparent;border:1px solid var(--border);border-radius:6px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:color 0.15s,background 0.15s,border-color 0.15s}.ui-drawer-close:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:var(--accent)}.ui-drawer-body{padding:1.25rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1rem}.ui-drawer-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;gap:0.5rem;justify-content:flex-end}.ui-progress-bar{position:relative;height:3px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.ui-progress-bar-fill{position:absolute;top:0;left:0;bottom:0;border-radius:2px;transition:width 0.3s cubic-bezier(0.16,1,0.3,1)}.ui-progress-bar-fill-empty{background:var(--border)}.ui-progress-bar-fill-partial{background:linear-gradient(90deg,var(--accent) 0%,var(--accent-light,#c084fc) 100%)}.ui-progress-bar-fill-full{background:linear-gradient(90deg,var(--success-dark,var(--success)) 0%,var(--success) 100%)}.ui-expandable-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color 0.15s}.ui-expandable-card:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.ui-expandable-card-expanded{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.ui-expandable-card-header{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:0.5rem}.ui-expandable-card-body{padding:0 1.25rem 1rem;display:flex;flex-direction:column;gap:0.5rem}.ui-expandable-card-footer{border-top:1px solid var(--border)}.ui-expandable-card-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1.25rem;background:transparent;border:none;color:var(--text-secondary);font-size:0.85rem;font-family:inherit;cursor:pointer;transition:background 0.15s,color 0.15s}.ui-expandable-card-toggle:hover{background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--text-primary)}.ui-expandable-card-toggle-chevron{transition:transform 0.2s}.ui-expandable-card-expanded .ui-expandable-card-toggle-chevron{transform:rotate(180deg)}.ui-expandable-card-content{display:none;padding:0 1.25rem 1rem;border-top:1px solid var(--border)}.ui-expandable-card-expanded .ui-expandable-card-content{display:block}.ui-nav-tile{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:border-color 0.2s,transform 0.15s,box-shadow 0.2s;display:flex;flex-direction:column}.ui-nav-tile:hover{border-color:var(--ui-tile-accent,var(--accent));transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.25)}.ui-nav-tile:focus-visible{outline:none;border-color:var(--ui-tile-accent,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-tile-accent,var(--accent)) 25%,transparent)}.ui-nav-tile-accent{height:4px;background:var(--ui-tile-accent,var(--accent));transition:height 0.2s}.ui-nav-tile:hover .ui-nav-tile-accent{height:6px}.ui-nav-tile-body{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:0.4rem;flex:1}.ui-nav-tile-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0}.ui-nav-tile-desc{font-size:0.85rem;color:var(--text-secondary);line-height:1.45;margin:0}.ui-nav-tile-links{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.65rem}.ui-nav-tile-link{display:inline-flex;align-items:center;padding:0.28rem 0.7rem;font-size:0.78rem;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:999px;text-decoration:none;transition:background 0.15s,color 0.15s,border-color 0.15s}.ui-nav-tile-link:hover{background:color-mix(in srgb,var(--ui-tile-accent,var(--accent)) 15%,var(--bg-tertiary));color:var(--text-primary);border-color:var(--ui-tile-accent,var(--accent))}.ui-modal{position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:1rem}.ui-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(2px)}.ui-modal-content{position:relative;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 20px 48px rgba(0,0,0,0.4);width:100%;max-height:90vh;display:flex;flex-direction:column;animation:ui-modal-in 0.18s cubic-bezier(0.16,1,0.3,1)}.ui-modal-sm .ui-modal-content{max-width:400px}.ui-modal-md .ui-modal-content{max-width:600px}.ui-modal-lg .ui-modal-content{max-width:800px}.ui-modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem}.ui-modal-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0}.ui-modal-close{background:transparent;border:1px solid var(--border);border-radius:6px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:color 0.15s,background 0.15s,border-color 0.15s}.ui-modal-close:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:var(--accent)}.ui-modal-body{padding:1.25rem;overflow-y:auto;flex:1}.ui-modal-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;gap:0.5rem;justify-content:flex-end}@keyframes ui-modal-in{from{opacity:0;transform:translateY(8px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ui-split{display:grid;grid-template-columns:var(--ui-split-sidebar,280px) 1fr;gap:0;height:calc(100vh - var(--header-height,64px));min-height:400px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card)}.ui-split-sidebar{border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column;background:var(--bg-secondary)}.ui-split-content{overflow-y:auto;display:flex;flex-direction:column;background:var(--bg-card)}@media (max-width:720px){.ui-split{grid-template-columns:1fr;height:auto}.ui-split-sidebar{border-right:none;border-bottom:1px solid var(--border);max-height:40vh}}.ui-quicklink{display:inline-flex;align-items:center;gap:0.5rem;padding:0.55rem 0.85rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:0.88rem;font-weight:500;text-decoration:none;transition:background 0.15s,color 0.15s,border-color 0.15s,transform 0.1s}.ui-quicklink:hover{background:color-mix(in srgb,var(--accent) 12%,var(--bg-tertiary));color:var(--text-primary);border-color:var(--accent);transform:translateY(-1px)}.ui-quicklink-icon{font-size:1.05rem;line-height:1;display:inline-flex;align-items:center}.ui-quicklink-label{line-height:1.2}.ui-event-item{display:flex;align-items:center;gap:0.85rem;padding:0.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:border-color 0.15s,background 0.15s,transform 0.1s;margin-bottom:0.5rem}.ui-event-item:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg-card));transform:translateY(-1px)}.ui-event-item:last-child{margin-bottom:0}.ui-event-item-highlight{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-card))}.ui-event-date{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;padding:0.25rem 0.5rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);line-height:1.1}.ui-event-day{font-size:1.35rem;font-weight:700;color:var(--text-primary)}.ui-event-month{font-size:0.68rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-muted);margin-top:2px}.ui-event-info{display:flex;align-items:center;gap:0.55rem;flex:1;min-width:0}.ui-event-icon{font-size:1.15rem;line-height:1}.ui-event-text{min-width:0;flex:1}.ui-event-title{font-size:0.95rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-event-time{font-size:0.8rem;color:var(--text-muted);margin-top:2px}.ui-sidenav{display:flex;flex-direction:column;gap:4px;padding:8px 6px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;width:220px;flex-shrink:0}.ui-sidenav-group{padding:6px 0}.ui-sidenav-marker{width:4px;height:4px;border-radius:2px;background:var(--sidenav-accent,var(--accent))}.ui-sidenav-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px;border-radius:5px;color:var(--text-primary);font-size:0.85rem;text-decoration:none;transition:background 0.12s,color 0.12s}.ui-sidenav-item:hover{background:color-mix(in srgb,var(--text-primary) 4%,transparent)}.ui-sidenav-item.is-active{background:color-mix(in srgb,var(--sidenav-accent,var(--accent)) 14%,transparent);color:var(--sidenav-accent,var(--accent));box-shadow:inset 2px 0 0 var(--sidenav-accent,var(--accent))}.ui-sidenav-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-sidenav-badge{font-size:0.7rem;color:var(--text-muted);background:color-mix(in srgb,var(--text-muted) 16%,transparent);padding:1px 7px;border-radius:99px;font-weight:600}.ui-sidenav-item.is-active .ui-sidenav-badge{color:var(--sidenav-accent,var(--accent));background:color-mix(in srgb,var(--sidenav-accent,var(--accent)) 18%,transparent)}.ui-sidenav-switcher{display:flex;gap:4px;padding:4px;margin-bottom:6px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md)}.ui-sidenav-switch{flex:1;text-align:center;padding:6px 8px;border-radius:6px;font-size:0.8rem;font-weight:600;color:var(--text-secondary);text-decoration:none;transition:background 0.12s,color 0.12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-sidenav-switch:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent)}.ui-sidenav-switch.is-active{color:var(--switch-accent,var(--accent));background:color-mix(in srgb,var(--switch-accent,var(--accent)) 16%,transparent)}.ui-sidenav-group-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:6px 12px;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:0.66rem;text-transform:uppercase;letter-spacing:1.4px;font-weight:700;font-family:inherit}.ui-sidenav-group-toggle:hover{color:var(--text-secondary)}.ui-sidenav-group-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:4px}.ui-sidenav-group-label{flex:1;text-align:left}.ui-sidenav-chevron{font-size:0.7rem;transition:transform 0.18s ease;color:var(--text-muted)}.ui-sidenav-group.is-collapsed .ui-sidenav-chevron{transform:rotate(-90deg)}.ui-sidenav-group.is-collapsed .ui-sidenav-group-items{display:none}.ui-popover{position:relative;display:inline-block}.ui-popover-trigger{background:transparent;border:1px solid var(--border);color:var(--text-secondary);border-radius:5px;padding:6px 9px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background 0.12s,color 0.12s,border-color 0.12s}.ui-popover-trigger:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.ui-popover-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.4);padding:6px;z-index:20;display:flex;flex-direction:column;gap:1px}.ui-popover-heading{padding:8px 10px 4px;color:var(--text-muted);font-size:0.66rem;text-transform:uppercase;letter-spacing:1.2px;font-weight:600}.ui-popover-item{background:transparent;border:none;text-align:left;padding:7px 10px;border-radius:5px;color:var(--text-primary);font-size:0.85rem;cursor:pointer}.ui-popover-item:hover{background:var(--bg-hover)}.ui-popover-item.is-danger{color:var(--error)}.ui-popover-item.is-danger:hover{background:color-mix(in srgb,var(--error) 10%,transparent)}.ui-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:99px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);font-size:0.78rem;white-space:nowrap}.ui-status-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.ui-status-pill.is-ok .ui-status-pill-dot{background:var(--success);box-shadow:0 0 6px var(--success)}.ui-status-pill.is-warn .ui-status-pill-dot{background:var(--warning);box-shadow:0 0 6px var(--warning)}.ui-status-pill.is-error .ui-status-pill-dot{background:var(--error);box-shadow:0 0 6px var(--error)}.ui-status-pill.is-loading .ui-status-pill-dot{background:var(--accent);animation:ui-pill-pulse 1.2s ease-in-out infinite}@keyframes ui-pill-pulse{0%,100%{opacity:0.4}50%{opacity:1}}.moderation-card{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-top:2px solid var(--section-accent,var(--accent));border-radius:8px}.moderation-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap}.moderation-card-title{margin:0;font-size:1.2rem;font-weight:700;color:var(--text-primary);letter-spacing:-0.01em}.moderation-card-actions{display:inline-flex;align-items:center;gap:8px}.moderation-card-body{padding:18px 20px;display:flex;flex-direction:column;gap:12px}.ui-search-bar{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md,8px);padding:6px 10px;width:100%;max-width:480px;transition:border-color 0.15s,box-shadow 0.15s}.ui-search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}.ui-search-bar__icon{color:var(--text-secondary);flex-shrink:0}.ui-search-bar__input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:0.95rem;padding:4px 0;min-width:0}.ui-search-bar__input::-webkit-search-cancel-button{display:none}.ui-search-bar__clear{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:2px 6px;border-radius:4px;font-size:1.2rem;line-height:1}.ui-search-bar__clear:hover{color:var(--text-primary);background:var(--bg-tertiary)}.ui-search-bar__clear:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-search-bar[data-search-state="loading"] .ui-search-bar__icon{animation:ui-search-pulse 1.2s ease-in-out infinite}@keyframes ui-search-pulse{50%{opacity:0.45}}.ui-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.ui-audit-feed-wrap{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px}.ui-audit-feed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ui-audit-feed-title{margin:0;font-size:0.95rem;font-weight:600;color:var(--text-primary)}.ui-audit-feed-status{font-size:0.75rem;padding:3px 8px;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary)}.ui-audit-feed-status.is-ok{color:var(--success)}.ui-audit-feed-status.is-warn{color:var(--warning)}.ui-audit-feed-status.is-error{color:var(--error)}.ui-audit-feed{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;max-height:480px;overflow-y:auto}.ui-audit-feed__item{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:8px 10px}.ui-audit-feed__item-header{display:flex;align-items:center;gap:8px}.ui-audit-feed__source{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);font-size:0.7rem;font-weight:600;color:var(--text-primary);background:var(--bg-hover);white-space:nowrap}.ui-audit-feed__source--command{color:var(--accent)}.ui-audit-feed__source--blocked-term{color:var(--error)}.ui-audit-feed__source--keyword{color:var(--warning)}.ui-audit-feed__source--filter{color:var(--text-secondary)}.ui-audit-feed__source--dashboard{color:var(--success)}.ui-audit-feed__source--custom-role{color:var(--accent)}.ui-audit-feed__source--chat-alert{color:var(--success)}.ui-audit-feed__source--giveaway{color:var(--warning)}.ui-audit-feed__summary{flex:1;font-size:0.85rem;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-audit-feed__time{font-size:0.75rem;color:var(--text-muted);flex-shrink:0}.ui-audit-feed__expand{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);font-size:0.8rem}.ui-audit-feed__expand:hover{background:var(--bg-hover);color:var(--text-primary)}.ui-audit-feed__body{padding:8px 0 0;border-top:1px solid var(--border);margin-top:8px}.ui-audit-feed__diff{font-family:'SF Mono','Cascadia Code','Fira Code','Consolas',monospace;font-size:0.75rem;background:var(--bg-secondary);padding:8px;border-radius:var(--radius-sm);overflow-x:auto;margin:0 0 8px;color:var(--text-secondary)}.ui-audit-feed__edit-link{font-size:0.8rem;color:var(--accent);text-decoration:none}.ui-audit-feed__edit-link:hover{text-decoration:underline}.ui-quick-action-card__combo{position:relative}.ui-quick-action-card__combo-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);list-style:none;margin:0;padding:4px 0;max-height:220px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,0.18)}.ui-quick-action-card__combo-item{padding:6px 12px;font-size:0.85rem;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:10px}.ui-quick-action-card__combo-item:hover{background:var(--bg-hover)}.ui-quick-action-card__combo-thumb{width:24px;height:32px;object-fit:cover;border-radius:3px;flex-shrink:0}.ui-modal-overlay[hidden]{display:none}.ui-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.ui-modal{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);max-width:480px;width:100%;display:flex;flex-direction:column;gap:0}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.ui-modal-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.ui-modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.4rem;line-height:1;padding:0 6px}.ui-modal-close:hover{color:var(--text-primary)}.ui-modal-body{padding:16px 20px}.ui-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border)}.ui-diff-list{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:6px 16px}.ui-diff-list dt{font-size:0.8rem;color:var(--text-secondary);font-weight:600}.ui-diff-list dd{margin:0;font-size:0.9rem;color:var(--text-primary);word-break:break-word}.ui-quick-action-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-height:0}.ui-quick-action-card__header{display:flex;align-items:center;gap:8px;margin:0}.ui-quick-action-card__icon{font-size:1.1rem;line-height:1}.ui-quick-action-card__title{margin:0;font-size:0.95rem;font-weight:600;color:var(--text-primary)}.ui-quick-action-card__body{display:flex;flex-direction:column;gap:8px}.ui-quick-action-card__status{font-size:0.8rem;color:var(--text-secondary);padding:6px 10px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.ui-quick-action-card__footer{display:flex;justify-content:flex-end;gap:8px}.ui-inline-toggle{display:inline-block;width:44px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;position:relative;vertical-align:middle}.ui-inline-toggle__track{display:block;width:100%;height:100%;border-radius:12px;background:var(--bg-tertiary);border:1px solid var(--border);transition:background 0.18s,border-color 0.18s;box-sizing:border-box}.ui-inline-toggle--on .ui-inline-toggle__track{background:var(--accent);border-color:var(--accent)}.ui-inline-toggle__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.25);transition:transform 0.18s ease}.ui-inline-toggle--on .ui-inline-toggle__thumb{transform:translateX(20px)}.ui-inline-toggle[data-toggle-state="pending"] .ui-inline-toggle__track{animation:ui-toggle-pulse 1.4s ease-in-out infinite}.ui-inline-toggle[data-toggle-state="confirmed"] .ui-inline-toggle__track{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.ui-inline-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:12px}.ui-inline-toggle:disabled{opacity:0.4;cursor:not-allowed}@keyframes ui-toggle-pulse{0%,100%{opacity:1}50%{opacity:0.6}}.ui-toast-container{position:fixed;top:16px;right:16px;z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:min(360px,calc(100vw - 32px))}.ui-toast{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:var(--radius-md,8px);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);box-shadow:0 4px 12px rgba(0,0,0,0.18);pointer-events:auto;animation:ui-toast-slide-in 0.18s ease-out}.ui-toast--info{border-left:3px solid var(--accent)}.ui-toast--success{border-left:3px solid var(--success,#2ecc71)}.ui-toast--error{border-left:3px solid var(--error,#e74c3c)}.ui-toast__message{flex:1;font-size:0.9rem;line-height:1.35}.ui-toast__close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;line-height:1;padding:0 4px;border-radius:4px}.ui-toast__close:hover{color:var(--text-primary)}.ui-toast__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes ui-toast-slide-in{from{transform:translateX(16px);opacity:0}to{transform:translateX(0);opacity:1}}.ui-condition-tree{display:flex;flex-direction:column;gap:0.5rem;padding:0.75rem;background:var(--bg-secondary);border:1px solid var(--border-color,var(--bg-tertiary));border-radius:var(--radius-md,8px)}.ui-condition-tree__root{display:flex;flex-direction:column;gap:0.5rem}.ui-condition-tree__leaf{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;padding:0.5rem;background:var(--bg-primary);border:1px solid var(--border-color,var(--bg-tertiary));border-radius:var(--radius-sm,6px)}.ui-condition-tree__leaf-detail{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem;flex:1 1 auto;min-width:0}.ui-condition-tree__op{display:flex;flex-direction:column;gap:0.5rem;padding:0.5rem;background:var(--bg-primary);border:1px solid var(--border-color,var(--bg-tertiary));border-left:3px solid var(--accent);border-radius:var(--radius-sm,6px)}.ui-condition-tree__op--or{border-left-color:var(--warning)}.ui-condition-tree__op--not{border-left-color:var(--error)}.ui-condition-tree__op-header{display:flex;justify-content:space-between;align-items:center;gap:0.5rem;flex-wrap:wrap}.ui-condition-tree__op-label{font-weight:600;font-size:0.85rem;letter-spacing:0.04em;color:var(--text-secondary)}.ui-condition-tree__children{display:flex;flex-direction:column;gap:0.5rem;padding-left:0.75rem;border-left:2px dashed var(--bg-tertiary)}.ui-condition-tree__actions{display:flex;flex-wrap:wrap;gap:0.25rem}.ui-condition-tree__btn--danger{color:var(--error)}.ui-condition-tree__num{width:6rem}.ui-condition-tree__text{flex:1 1 12rem;min-width:0}.ui-condition-tree__suffix{font-size:0.85rem;color:var(--text-secondary)}.ui-condition-tree__empty,.ui-condition-tree__hint{color:var(--text-secondary);font-style:italic;font-size:0.9rem;margin:0}.ui-condition-tree__add-root{display:flex;flex-direction:column;gap:0.5rem;align-items:flex-start}.ui-role-multi-select{display:flex;flex-direction:column;gap:0.75rem}.ui-role-multi-select__group{display:flex;flex-direction:column;gap:0.4rem;margin:0;padding:0.5rem 0.75rem;border:1px solid var(--border-color,var(--bg-tertiary));border-radius:var(--radius-sm,6px);background:var(--bg-secondary)}.ui-role-multi-select__legend{font-size:0.8rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-secondary);padding:0 0.25rem}.ui-role-multi-select__items{display:flex;flex-wrap:wrap;gap:0.4rem}.ui-role-multi-select__row{display:inline-flex;align-items:center;gap:0.35rem;cursor:pointer;user-select:none}.ui-role-multi-select__row input[type="checkbox"]{accent-color:var(--accent)}.ui-role-multi-select__badge{background:color-mix(in srgb,var(--role-color,var(--accent)) 18%,transparent);color:var(--role-color,var(--accent))}.ui-role-pill{display:flex;flex-direction:column;gap:0.5rem}.ui-role-pill-picker{align-self:flex-start}.ui-role-pill-list{display:flex;flex-wrap:wrap;gap:0.4rem;min-height:2.25rem;align-content:flex-start;padding:0.4rem;border:1px dashed var(--border);border-radius:var(--radius-md,8px);background:var(--bg-secondary)}.ui-role-pill-list:empty::before{content:'Noch keine Rollen gewählt';color:var(--text-muted);font-size:0.82rem;font-style:italic;padding:0.15rem 0.25rem}.ui-role-pill-item{display:inline-flex;align-items:center;gap:0.4rem;padding:0.25rem 0.5rem;border-radius:999px;font-size:0.82rem;background:color-mix(in srgb,var(--role-color,var(--accent)) 14%,var(--bg-tertiary));border:1px solid color-mix(in srgb,var(--role-color,var(--accent)) 38%,transparent);color:var(--text-primary);line-height:1.4}.ui-role-pill-dot{flex:0 0 auto;width:0.6rem;height:0.6rem;border-radius:50%;background:var(--role-color,var(--accent))}.ui-role-pill-name{font-weight:500}.ui-role-pill-stepper{display:inline-flex;align-items:center;gap:0.15rem;margin-left:0.15rem;padding-left:0.4rem;border-left:1px solid color-mix(in srgb,var(--role-color,var(--accent)) 30%,transparent)}.ui-role-pill-step{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:none;border-radius:5px;background:color-mix(in srgb,var(--role-color,var(--accent)) 22%,transparent);color:var(--text-primary);font-size:0.9rem;line-height:1;cursor:pointer;transition:background 0.12s}.ui-role-pill-step:hover{background:color-mix(in srgb,var(--role-color,var(--accent)) 40%,transparent)}.ui-role-pill-bonus{min-width:1.6rem;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.ui-role-pill-remove{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;padding:0;margin-left:0.1rem;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);font-size:0.9rem;line-height:1;cursor:pointer;transition:background 0.12s,color 0.12s}.ui-role-pill-remove:hover{background:color-mix(in srgb,var(--error) 20%,transparent);color:var(--error)}.ui-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:0.8rem;font-weight:500;background:color-mix(in srgb,var(--pill-color,var(--accent)) 18%,transparent);color:var(--pill-color,var(--accent-text))}.ui-pill-remove{background:none;border:none;cursor:pointer;color:inherit;font-size:1rem;line-height:1;padding:0;display:inline-flex;opacity:0.7}.ui-pill-remove:hover{opacity:1}.ui-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--toolbar-gap);flex-wrap:wrap;margin-bottom:var(--space-md)}.ui-toolbar-start,.ui-toolbar-end{display:flex;align-items:center;gap:var(--toolbar-gap);flex-wrap:wrap}.ui-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.82rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 6px}.ui-code-block{display:block;padding:var(--card-pad-sm);border-radius:var(--radius-md);white-space:pre-wrap;overflow-x:auto}.ui-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle}.ui-status-dot-success{background:var(--success)}.ui-status-dot-warn{background:var(--warning)}.ui-status-dot-error{background:var(--error)}.ui-status-dot-accent{background:var(--accent)}.ui-status-dot-muted{background:var(--text-muted)}.ui-pill-filter{display:inline-flex;gap:4px;flex-wrap:wrap}.ui-pill-filter-item{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:4px 12px;font-size:0.8rem;cursor:pointer;font-family:inherit}.ui-pill-filter-item:hover{color:var(--text-primary)}.ui-pill-filter-item.is-active{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent);color:var(--accent-text)}.ui-preset-row{display:inline-flex;gap:6px;flex-wrap:wrap}.ui-giveaway-layout{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px;min-height:600px}@media (max-width:1280px){.ui-giveaway-layout{grid-template-columns:1fr 1fr;min-height:0}.ui-giveaway-pane--winner{grid-column:1 / -1}}@media (max-width:820px){.ui-giveaway-layout{grid-template-columns:1fr}.ui-giveaway-pane--winner{grid-column:auto}}