#root{max-width:100%;margin:0;text-align:center}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0}:root{--scrollbar-size: 10px;--scrollbar-radius: 999px;--scrollbar-thumb: rgba(148, 163, 184, .45);--scrollbar-thumb-hover: rgba(203, 213, 225, .65);--scrollbar-track: rgba(2, 6, 23, .2)}:where(*){scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius);border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.login-layout{min-height:100vh;min-height:100dvh;min-height:var(--app-height, 100dvh);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#1d4ed8 0,#020617 45%,#020617);padding:16px;box-sizing:border-box}.login-form{width:100%;max-width:420px;background:#0f172af5;border-radius:18px;box-shadow:0 25px 50px #0f172acc,0 0 0 1px #94a3b826;padding:32px 28px 28px;box-sizing:border-box;text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-form h1{margin:0 0 4px;font-size:24px;font-weight:600;color:#e5e7eb}.login-form-subtitle{margin:0 0 20px;font-size:13px;color:#9ca3af}.login-api-hint{font-size:12px;color:#64748b;margin:0 0 12px}.login-api-url{word-break:break-all}.login-env-hint{font-size:11px;color:#94a3b8;margin:16px 0 0}.login-env-hint code{background:#1e293b;padding:2px 6px;border-radius:4px}.login-form label{display:block;margin-bottom:14px;font-size:13px;color:#cbd5f5}.login-form input{width:100%;margin-top:4px;padding:9px 11px;border-radius:10px;border:1px solid #1f2937;background:#020617;color:#e5e7eb;font-size:13px;box-sizing:border-box;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.login-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f699;background:#020617}.login-form input::placeholder{color:#6b7280}.login-error{margin:4px 0 10px;padding:6px 8px;border-radius:8px;background:#ef444414;border:1px solid rgba(239,68,68,.5);color:#fecaca;font-size:12px}.login-form button{width:100%;padding:9px 12px;border-radius:999px;border:none;font-size:13px;font-weight:500;cursor:pointer;margin-top:6px;transition:transform .08s ease,box-shadow .12s ease,background .12s ease,color .12s ease}.login-form button[type=submit]{background:linear-gradient(135deg,#2563eb,#22c55e);color:#f9fafb;box-shadow:0 10px 25px #22c55e59}.login-form button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 14px 32px #22c55e80}.login-form button[type=button]{background:transparent;color:#9ca3af;border:1px dashed #4b5563}.login-form button[type=button]:hover{background:#0f172ae6;color:#e5e7eb;border-style:solid}.login-form-footer{margin-top:16px;font-size:11px;color:#6b7280}.login-form-footer code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px}.app-layout{display:flex;min-height:100vh;min-height:100dvh;min-height:var(--app-height, 100dvh)}.app-content{flex:1;display:flex;flex-direction:column;min-width:0;min-height:100vh}.playlist-sidebar-wrapper,.steps-sidebar-wrapper{position:relative;background-color:var(--color-bg-secondary);width:100%;max-width:var(--width-sidebar-max)}.playlist-sidebar-wrapper.hidden:not(.mobile){display:none}.playlist-sidebar-wrapper.mobile.hidden{transform:translate(-100%)}.playlist-sidebar-wrapper.mobile,.steps-sidebar-wrapper.mobile{position:fixed;top:0;bottom:0;z-index:1000;transform:translate(-100%);transition:transform .3s ease;max-width:85vw;height:100vh;height:100dvh;height:var(--app-height, 100dvh);overflow-y:auto;overflow-x:hidden}.playlist-sidebar-wrapper.mobile:not(.open),.steps-sidebar-wrapper.mobile:not(.open){pointer-events:none}.playlist-sidebar-wrapper.mobile.open{transform:translate(0)}.steps-sidebar-wrapper.mobile{right:0;left:auto;transform:translate(100%)}.steps-sidebar-wrapper.mobile.open{transform:translate(0)}.mobile-panel-close{position:fixed;top:12px;z-index:1001;width:36px;height:36px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.playlist-sidebar-wrapper.mobile .mobile-panel-close{right:12px;left:auto;transform:translate(53px)}.playlist-sidebar-wrapper.mobile:not(.open) .mobile-panel-close{display:none}.steps-sidebar-wrapper.mobile .mobile-panel-close{left:12px;right:auto;transform:translate(-53px)}.steps-sidebar-wrapper.mobile:not(.open) .mobile-panel-close{display:none}.mobile-panel-close:hover{background:#000c}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-bottom-buttons{position:fixed;bottom:0;left:0;right:0;display:flex;gap:8px;padding:12px;background:#0f172af2;border-top:1px solid rgba(148,163,184,.2);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -4px 12px #0000004d}.mobile-bottom-btn{flex:1;padding:12px 16px;border:none;border-radius:8px;background-color:var(--color-button-secondary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease}@media (max-width: 639px){.mobile-bottom-buttons{flex-direction:column;gap:6px}.mobile-bottom-btn{width:100%;flex:none}}.mobile-bottom-btn:active{transform:scale(.98)}.mobile-bottom-btn:hover{box-shadow:0 4px 12px #22c55e66}.desktop-panel-buttons{position:fixed;right:16px;bottom:16px;display:flex;gap:8px;z-index:120}.desktop-panel-btn{padding:10px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:#0f172aeb;color:#e2e8f0;font-size:13px;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px #00000059;transition:transform .08s ease,background .15s ease,box-shadow .15s ease}.desktop-panel-btn:hover{background:#1e293bf2;box-shadow:0 10px 26px #00000073}.desktop-panel-btn:active{transform:scale(.98)}.empty-project{max-width:560px;width:100%;margin:0 auto;padding:18px 18px 16px;border-radius:14px;background:#0f172ab3;border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 40px #00000059}.empty-project h2{margin:0 0 8px;color:#e2e8f0;font-size:18px;font-weight:600}.empty-project p{margin:0 0 12px;color:#94a3b8;font-size:13px;line-height:1.45}.empty-project-btn{padding:10px 14px;border-radius:999px;border:1px solid rgba(59,130,246,.35);background:#2563eb24;color:#e2e8f0;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .08s ease}.empty-project-btn:hover{background:#2563eb38;box-shadow:0 10px 24px #2563eb2e}.empty-project-btn:active{transform:scale(.98)}@media (max-width: 979px){.app-layout{flex-direction:column}.playlist-sidebar-wrapper:not(.mobile),.steps-sidebar-wrapper:not(.mobile){display:none}.main-content{padding:12px}.app-content{padding-bottom:60px}.login-form{padding:24px 20px 20px}.login-form h1{font-size:20px}}@media (max-width: 480px){.playlist-sidebar-wrapper.mobile,.steps-sidebar-wrapper.mobile{max-width:250px;width:90vw}.mobile-bottom-buttons{padding:10px;gap:6px}.mobile-bottom-btn{padding:10px 12px;font-size:13px}.main-content{padding:8px}.mobile-panel-close{width:32px;height:32px;font-size:20px}}@media (max-width: 320px){.playlist-sidebar-wrapper.mobile,.steps-sidebar-wrapper.mobile{max-width:200px;width:100%}.mobile-bottom-btn{font-size:12px;padding:8px 10px}.mobile-panel-close{width:28px;height:28px;font-size:18px;top:8px;right:8px}.main-content{padding:6px}}.project-panel-container{position:relative;height:20px;flex-shrink:0;z-index:5;margin-bottom:-20px}.project-panel-content{position:absolute;top:0;left:0;right:0;transform:translateY(-100%);transition:transform .2s ease;pointer-events:none;z-index:10}.project-panel-container:hover .project-panel-content,.project-panel-container:focus-within .project-panel-content{transform:translateY(0);pointer-events:auto}.theater-settings-sidebar{width:100%;min-width:240px;max-width:320px;background:#1f2a37;color:#fff;height:100vh;height:100dvh;height:var(--app-height, 100dvh);box-sizing:border-box}.main-content{flex:1;padding:16px;text-align:left;display:flex;min-height:0;overflow:auto;scrollbar-gutter:stable;background:var(--color-bg-primary)}.main-content-theater{overflow:hidden;padding:12px}.view-loader{color:#e2e8f0;font-size:13px;padding:12px}.settings-main .settings-view{padding:1rem 24px;margin:0 auto}.settings-project-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #334155}.settings-project-section h2{margin-top:0;margin-bottom:.75rem}.settings-view{text-align:left;color:#e2e8f0;padding:24px;background-color:var(--color-bg-secondary)}.settings-view h2{margin-top:0}.settings-bot-topbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.settings-bot-topbar h2{margin:0}.settings-bot-section{margin:1.25rem 0;padding-top:.75rem;border-top:1px solid #334155}.settings-bot-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.settings-bot-row input,.settings-bot-row select{padding:8px 12px;border:1px solid #475569;border-radius:6px;background:#1e293b;color:#f1f5f9;min-width:220px}.settings-bot-grid input,.settings-bot-grid textarea{width:100%;padding:8px 12px;border:none;border-radius:6px;background:#1e293b;color:#f1f5f9;outline:none;max-width:100px}.settings-bot-grid textarea{resize:vertical}.settings-bot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:8px}.settings-bot-grid label{max-width:100px}.settings-bot-grid label{display:flex;flex-direction:column;gap:6px;color:#94a3b8;font-size:.875rem}.settings-bot-checkbox{display:inline-flex;gap:6px;align-items:center;color:#94a3b8;font-size:.875rem}.settings-bot-hint{font-size:.875rem;color:#94a3b8;margin:6px 0 0}.settings-bot-error{margin-top:8px;color:#f87171;font-size:.875rem}.settings-bot-ok{margin-top:8px;color:#34d399;font-size:.875rem}.settings-bot-vars{margin-top:8px;display:flex;flex-direction:column;gap:8px}.settings-bot-var-row{display:flex;gap:12px;align-items:center;padding:8px 10px;border:1px solid #334155;border-radius:8px;background:#0f172a}.settings-bot-var-key{min-width:140px;color:#e2e8f0}.settings-bot-var-value{flex:1;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-invite{margin:1.5rem 0;padding:1rem 0}.settings-invite h3{margin-top:0;font-size:1rem}.settings-invite-hint{font-size:.875rem;color:#94a3b8;margin:.5rem 0 1rem}.settings-invite-row{display:flex;gap:8px;align-items:center}.settings-invite-input{flex:1;max-width:240px;padding:4px 12px;border:none;border-radius:6px;background:#1e293b;color:#f1f5f9}.settings-invite-input::placeholder{color:#64748b}.settings-invite-error{margin-top:8px;color:#f87171;font-size:.875rem}.settings-invite-forbidden{color:#94a3b8;font-size:.875rem;margin:0}.settings-members{margin-top:20px}.settings-members h4{font-size:.875rem;margin:0 0 .5rem}.settings-members ul{margin:0;padding:0;list-style:none;font-size:.875rem;color:#94a3b8}.settings-members-list{display:flex;flex-direction:column;gap:5px;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.settings-member-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:4px 0;border-bottom:1px solid rgba(148,163,184,.2)}.settings-member-row:last-child{border-bottom:none}.settings-member-email{min-width:10rem;color:#e2e8f0}.settings-member-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-left:auto}.settings-member-role{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;white-space:nowrap}.settings-member-role input{margin:0}.settings-member-remove{padding:.25rem .5rem;font-size:.8rem;color:#f87171;background:transparent;border:1px solid rgba(248,113,113,.4);border-radius:4px;cursor:pointer}.settings-member-remove:hover{background:#f8717126}.legal-view{color:var(--color-text-lighter);padding:20px;margin:0 auto;width:100%;max-width:820px;box-sizing:border-box}.legal-view h1{margin-top:0}.legal-view h2{margin:18px 0 8px}.legal-view p,.legal-view li{line-height:1.45;font-size:14px;opacity:.92}.legal-view a{color:inherit;text-decoration:underline}@media (max-width: 720px){.legal-view{padding:12px}}.header-zone{position:fixed;z-index:1000}.header-zone--left{top:0;left:0;bottom:0;transition:width .2s ease}.header-trigger{cursor:default}.header-trigger--left{position:absolute;top:0;left:0;bottom:0;width:32px}.header{background-color:#2c3e50;color:#fff;box-shadow:2px 0 8px #00000026;display:flex;align-items:center;justify-content:center}.header--left{background:var(--color-bg-primary);position:absolute;top:0;left:0;bottom:0;width:56px;padding:12px 0;flex-direction:column;justify-content:center;gap:0;transform:translate(-100%);transition:transform .2s ease}.header--left.header--open{transform:translate(0)}.sounds-bar{background-color:var(--color-bg-primary);padding:12px 16px}.header-ping{background:#0f172a;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer}.header-player{display:flex;gap:8px;flex:1;min-width:0;justify-content:space-between;flex-direction:row-reverse}.header-player-toolbar{display:flex;justify-content:flex-end}.header-player-settings-toggle{background:#0f172a;border:1px solid #1f2937;color:#e2e8f0;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px;width:100%;max-width:98px}.header-player-mixer{width:70px;height:70px;background:#111827;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:4px;box-sizing:border-box;opacity:0;transform:scale(.92);transition:opacity .15s ease,transform .15s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.92);z-index:2;pointer-events:none;border-radius:50%}.header-player-track-row:hover .header-player-mixer{opacity:1;transform:translate(-50%,60%) scale(1);pointer-events:auto}.header-player-knob{width:52px;height:52px;border-radius:50%;background:conic-gradient(from -90deg,#7dd3fc var(--sweep),#1f2937 0);border:2px solid #0f172a;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 6px #0006}.header-player-knob:after{content:"";width:6px;height:6px;border-radius:50%;background:#e2e8f0;position:absolute}.header-player-knob-indicator{position:absolute;width:2px;height:16px;background:#e2e8f0;top:6px;left:50%;transform:translate(-50%) rotate(var(--angle));transform-origin:50% 20px;border-radius:2px}.header-player-knob-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.header-player-fade{accent-color:#fbbf24;width:60px;height:14px}.header-player-list{display:flex;gap:6px}.header-player-track-row{width:80px;height:80px;display:flex;align-items:center;gap:8px;flex-direction:column;background:#1f2937;border-radius:8px;padding:6px 8px;cursor:pointer;transition:background .2s ease;position:relative;justify-content:center}.header-player-settings{position:absolute;top:6px;right:6px;bottom:6px;left:6px;background:#0f172af2;border-radius:6px;padding:6px;display:flex;flex-direction:column;gap:6px;z-index:3}.header-player-track-row.settings-open .header-player-mixer{opacity:0;pointer-events:none}.header-player-setting{display:flex;align-items:center;gap:6px;font-size:11px;color:#cbd5f5}.header-player-setting span{width:36px;flex-shrink:0}.header-player-loop{display:flex;align-items:center;gap:6px;font-size:11px;color:#cbd5f5}.header-player-track-row.playing{background:#111827}.header-player-track-name{color:#fff;font-size:12px;white-space:nowrap;text-overflow:ellipsis;max-width:70px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.header-player-track-icon{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}.header-player-icon-btn{position:absolute;left:6px;top:6px;width:18px;height:18px;border-radius:50%;border:none;background:#0f172a;color:#fff;cursor:pointer;font-size:12px;line-height:18px;padding:0;opacity:0;transition:opacity .2s ease}.header-player-track-row:hover .header-player-icon-btn{opacity:1}.header-player-settings .header-player-icon-btn{position:static;width:auto;height:auto;border-radius:6px;padding:4px 6px;font-size:12px;opacity:1}.header-player-load-tile{position:relative;border:1px dashed #334155;background:#111827;justify-content:center}.header-player-load-tile:hover{background:#1f2937;border-color:#60a5fa}.header-player-load-icon{position:absolute;right:10px;top:10px;width:24px;height:24px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transition:opacity .2s ease,transform .2s ease;transform:scale(.9)}.header-player-load-tile:hover .header-player-load-icon{opacity:1;transform:scale(1)}.header-player-remove{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;border:none;background:#0f172a;color:#fff;cursor:pointer;font-size:14px;line-height:18px;padding:0;opacity:.8}.header-player-remove:hover{background:#1f2937;opacity:1}.header-player-empty{font-size:12px;color:#94a3b8}.header-nav{display:flex;flex-direction:column;align-items:center;gap:4px}.header-nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:8px;color:#ffffffd9;cursor:pointer;transition:background .15s,color .15s}.header-nav-btn:hover{background:#ffffff1a;color:#fff}.header-nav-btn.active{background:#fff3;color:#fff}.header-nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.header-script-state-sep{width:24px;height:1px;background:#fff3;margin:8px 0;flex-shrink:0}.header-script-state-nav{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.sk{--sk-bg: rgba(255, 255, 255, .06);--sk-hi: rgba(255, 255, 255, .12);background:linear-gradient(90deg,var(--sk-bg) 0%,var(--sk-hi) 50%,var(--sk-bg) 100%);background-size:200% 100%;animation:sk-shimmer 1.15s ease-in-out infinite;border-radius:12px}@media (prefers-reduced-motion: reduce){.sk{animation:none}}@keyframes sk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk--w-20{width:20%}.sk--w-25{width:25%}.sk--w-30{width:30%}.sk--w-40{width:40%}.sk--w-45{width:45%}.sk--w-55{width:55%}.sk--w-60{width:60%}.sk--w-65{width:65%}.sk--w-70{width:70%}.sk--w-85{width:85%}.page-loader{color:var(--color-text-muted)}.page-loader__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-loader--simple,.page-loader--spectacle{position:relative;width:100%}.page-loader__content{width:100%;max-width:980px}.page-loader__title{height:22px;margin:6px 0 16px}.page-loader__line{height:14px;margin:10px 0}.page-loader__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.page-loader__card{height:92px}@media (max-width: 820px){.page-loader__cards{grid-template-columns:1fr}}.page-loader__sidebar{position:relative;background-color:var(--color-bg-secondary);width:100%;max-width:var(--width-sidebar-max);box-sizing:border-box;padding:12px;display:flex;flex-direction:column;gap:10px}.page-loader__sidebar-title{height:16px;margin:6px 0 8px}.page-loader__sidebar-item{height:36px}.page-loader__topbar{padding:12px 16px;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle)}.page-loader__topbar-row{display:flex;gap:10px;align-items:center;max-width:980px}.page-loader__pill{height:34px}@media (max-width: 979px){.page-loader__topbar{display:none}}.page-loader--view{width:100%;min-height:220px}.page-loader__view{width:100%;max-width:980px}.page-loader__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.page-loader__tile{height:120px}@media (max-width: 820px){.page-loader__grid{grid-template-columns:1fr}}:root{--color-bg-primary: #282828;--color-bg-secondary: #1d2021;--color-bg-tertiary: #FEF08A;--color-bg-dark: #020617;--color-bg-overlay: rgba(15, 23, 42, .85);--color-bg-modal: rgba(16, 16, 18, .96);--color-bg-login: rgba(15, 23, 42, .96);--color-surface-1: #0f172a;--color-surface-2: #1f2937;--color-surface-3: #111827;--color-surface-4: #1e293b;--color-surface-5: #243041;--color-border-default: #1f2937;--color-border-light: #374151;--color-border-lighter: #334155;--color-border-dark: #1f2937;--color-border-subtle: rgba(255, 255, 255, .08);--color-border-medium: rgba(255, 255, 255, .1);--color-border-visible: rgba(255, 255, 255, .12);--color-border-strong: rgba(255, 255, 255, .14);--color-border-accent: rgba(148, 163, 184, .15);--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #3b82f6;--color-accent-blue: #60a5fa;--color-accent-blue-light: #38bdf8;--color-accent-blue-lighter: #7dd3fc;--color-link: #646cff;--color-link-hover: #535bf2;--color-blue-bg: rgba(37, 99, 235, .16);--color-blue-border: rgba(96, 165, 250, .45);--color-blue-highlight: rgba(120, 180, 255, .45);--color-blue-highlight-bg: rgba(120, 180, 255, .1);--color-success: #10b981;--color-success-dark: #059669;--color-success-accent: #22c55e;--color-success-border: #16a34a;--color-danger: #b91c1c;--color-danger-hover: #dc2626;--color-danger-light: #f87171;--color-danger-lighter: #fecaca;--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .08);--color-error-border: rgba(239, 68, 68, .5);--color-problem-bg: rgba(255, 90, 90, .08);--color-problem-border: rgba(255, 90, 90, .35);--color-problem-border-strong: rgba(255, 90, 90, .55);--color-problem-shadow: rgba(255, 90, 90, .22);--color-warning: #fbbf24;--color-warning-text: rgba(255, 190, 120, .95);--color-text-primary: #d6c7aa;--color-text-secondary: #0b1220;--color-text-label: #a9b664;--color-text-bright: #f8fafc;--color-text-light: #cbd5f5;--color-text-medium: #d1d5db;--color-text-muted: #94a3b8;--color-text-subtle: #9ca3af;--color-text-dim: #6b7280;--color-text-dimmer: #64748b;--color-text-white: #ffffff;--color-text-almost-white: #e5e7eb;--color-text-lighter: #f1f5f9;--color-text-blue: #bfdbfe;--color-text-dark: #213547;--color-text-placeholder: #6b7280;--color-bg-transparent-1: rgba(255, 255, 255, .03);--color-bg-transparent-2: rgba(255, 255, 255, .04);--color-bg-transparent-3: rgba(255, 255, 255, .05);--color-bg-transparent-4: rgba(255, 255, 255, .06);--color-bg-transparent-dark-1: rgba(0, 0, 0, .18);--color-bg-transparent-dark-2: rgba(0, 0, 0, .22);--color-bg-hover: rgba(255, 255, 255, .1);--color-bg-active: rgba(255, 255, 255, .2);--color-bg-dim: rgba(15, 23, 42, .9);--color-shadow-default: rgba(0, 0, 0, .15);--color-shadow-medium: rgba(0, 0, 0, .4);--color-shadow-strong: rgba(0, 0, 0, .55);--color-shadow-dark: rgba(0, 0, 0, .6);--color-shadow-light: rgba(0, 0, 0, .1);--color-shadow-overlay: rgba(15, 23, 42, .8);--color-shadow-glow-success: rgba(34, 197, 94, .35);--color-shadow-glow-success-strong: rgba(34, 197, 94, .5);--color-shadow-glow-warning: rgba(251, 191, 36, .5);--gradient-login-bg: radial-gradient(circle at top, #1d4ed8 0, #020617 45%, #020617 100%);--gradient-button-primary: linear-gradient(135deg, #2563eb, #22c55e);--gradient-header-trigger: linear-gradient(to right, rgba(44, 62, 80, .95) 0%, rgba(44, 62, 80, .4) 70%, transparent 100%);--color-button-primary: #2563eb;--color-button-secondary: #22c55e;--color-button-danger: #b91c1c;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 14px;--radius-3xl: 18px;--radius-full: 999px;--spacing-1: 2px;--spacing-2: 4px;--spacing-3: 6px;--spacing-4: 8px;--spacing-5: 10px;--spacing-6: 12px;--spacing-7: 14px;--spacing-8: 16px;--spacing-9: 18px;--spacing-10: 20px;--spacing-12: 24px;--spacing-14: 28px;--spacing-16: 32px;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-base: 12px;--font-size-md: 13px;--font-size-lg: 14px;--font-size-xl: 16px;--font-size-2xl: 18px;--font-size-3xl: 20px;--font-size-4xl: 22px;--font-size-5xl: 24px;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.4;--line-height-relaxed: 1.5;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--width-icon: 24px;--width-icon-sm: 18px;--width-icon-lg: 42px;--width-button-sm: 40px;--width-input-sm: 52px;--width-button-md: 56px;--width-track: 70px;--width-track-lg: 80px;--width-cell: 90px;--width-button-lg: 98px;--width-control: 120px;--width-field: 180px;--width-sidebar-min: 200px;--width-sidebar: 240px;--width-sidebar-max: 280px;--width-panel: 320px;--width-card: 380px;--width-form: 420px;--height-icon: 24px;--height-icon-sm: 18px;--height-button-xs: 22px;--height-button-sm: 34px;--height-cell: 36px;--height-button-md: 38px;--height-player: 70px;--height-track: 80px;--height-header-panel: 20px;--grid-col-min: 240px;--grid-col-max: 1fr;--grid-gap-sm: 6px;--grid-gap-md: 10px;--grid-gap-lg: 12px;--grid-gap-xl: 14px;--z-index-base: 1;--z-index-panel: 2;--z-index-controls: 3;--z-index-sidebar: 5;--z-index-overlay: 10;--z-index-modal: 50;--z-index-header: 1000;--transition-fast: .08s ease;--transition-normal: .12s ease;--transition-smooth: .15s ease;--transition-slow: .2s ease;--transition-transform: transform .08s ease;--transition-colors: background .12s ease, color .12s ease;--transition-border: border-color .12s ease;--transition-all-smooth: border-color .15s ease, box-shadow .15s ease, background .15s ease;--transition-opacity: opacity .15s ease, transform .15s ease;--opacity-disabled: .5;--opacity-muted: .6;--opacity-subtle: .7;--opacity-medium: .75;--opacity-visible: .8;--opacity-bright: .85;--opacity-high: .9;--opacity-higher: .95;--shadow-sm: 0 2px 4px var(--color-shadow-light);--shadow-md: 2px 0 8px var(--color-shadow-default);--shadow-lg: 0 10px 25px var(--color-shadow-glow-success);--shadow-xl: 0 14px 32px var(--color-shadow-glow-success-strong);--shadow-2xl: 0 20px 60px var(--color-shadow-strong);--shadow-modal: 0 25px 50px var(--color-shadow-overlay), 0 0 0 1px var(--color-border-accent);--shadow-inset: inset 0 0 6px var(--color-shadow-medium);--shadow-focus: 0 0 0 1px rgba(59, 130, 246, .6);--shadow-glow-warning: 0 0 6px var(--color-shadow-glow-warning);--font-family-script-heading: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-script-body: "Courier Prime", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-family-script-label: "IBM Plex Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--script-font-size-body: clamp(16px, .95rem + .35vw, 18.7px);--script-font-size-heading: clamp(24px, 1.25rem + 1.2vw, 32px);--script-font-size-label: clamp(14.7px, .9rem + .25vw, 17.3px)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:var(--line-height-relaxed);font-weight:var(--font-weight-normal);color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:var(--font-weight-medium);color:var(--color-link);text-decoration:inherit}a:hover{color:var(--color-link-hover)}body,h1,h2,h3,h4,h5,h6{margin:0;padding:0}@media (prefers-color-scheme: light){:root{color:var(--color-text-dark);background-color:var(--color-text-white)}}