:root{--primary-50:#f0f4ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success-50:#f0fdf4;--success-100:#dcfce7;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--error-50:#fef2f2;--error-100:#fee2e2;--error-500:#ef4444;--error-600:#dc2626;--info-50:#f0f9ff;--info-100:#e0f2fe;--info-500:#0ea5e9;--info-600:#0284c7;--color-background:var(--gray-50);--color-background-alt:#ffffff;--color-surface:#ffffff;--color-surface-hover:var(--gray-100);--color-border:var(--gray-200);--color-border-strong:var(--gray-300);--color-text-primary:var(--gray-900);--color-text-secondary:var(--gray-600);--color-text-tertiary:var(--gray-500);--color-text-inverse:#ffffff;--color-primary:var(--primary-600);--color-primary-hover:var(--primary-700);--color-primary-dark:var(--primary-700);--color-primary-light:var(--primary-50);--color-primary-alpha:rgba(99,102,241,0.1);--card-bg:var(--color-surface);--card-border:var(--color-border);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-tertiary);--border-color:var(--color-border);--color-success:var(--success-500);--color-success-light:var(--success-100);--color-success-dark:var(--success-700);--color-warning:var(--warning-500);--color-warning-light:var(--warning-100);--color-warning-dark:var(--warning-600);--color-error:var(--error-500);--color-error-bg:var(--error-50);--color-error-light:var(--error-100);--color-info:var(--info-500);--color-info-light:var(--info-100);--color-danger:var(--error-500);--color-premium:#a855f7;--color-recall-strong:#68d391;--color-recall-mid:#f6c90e;--color-recall-weak:#fc8181;--color-disabled:var(--gray-200);--color-disabled-text:var(--gray-400);--color-focus-ring:var(--primary-400);--calendar-icon-filter:invert(1);--time-icon-filter:invert(0.4);--color-bg-subtle:var(--color-background);--color-text:var(--color-text-primary);--color-text-muted:var(--color-text-tertiary);--gradient-primary:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);--gradient-primary-light:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);--gradient-hero:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);--gradient-card:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);--gradient-success:linear-gradient(135deg,var(--success-500) 0%,var(--success-600) 100%);--gradient-warning:linear-gradient(135deg,var(--warning-500) 0%,var(--warning-600) 100%);--gradient-error:linear-gradient(135deg,var(--error-500) 0%,var(--error-600) 100%);--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-tile:0 4px 12px rgba(0,0,0,0.08);--font-family-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-family-mono:'JetBrains Mono','Fira Code','SF Mono',Monaco,Consolas,monospace;--font-family-display:'Cormorant Garamond',Georgia,'Times New Roman',serif;--font-family-body:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;--font-display:var(--font-family-display);--font-body:var(--font-family-body);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--ease-standard:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--transition-fast:150ms var(--ease-standard);--transition-normal:250ms var(--ease-standard);--transition-slow:350ms var(--ease-standard);--transition-bounce:300ms var(--ease-spring);--z-base:0;--z-raised:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--z-overlay:1090;--navbar-height:72px;--sidebar-width:280px;--content-max-width:1280px;--content-narrow:800px;--btn-padding-xs:0.25rem 0.5rem;--btn-padding-sm:0.375rem 0.875rem;--btn-padding-md:0.5rem 1.25rem;--btn-padding-lg:0.75rem 1.75rem;--btn-padding-xl:1rem 2.25rem;--btn-font-size-xs:var(--font-size-xs);--btn-font-size-sm:var(--font-size-sm);--btn-font-size-md:var(--font-size-base);--btn-font-size-lg:var(--font-size-lg);--btn-font-size-xl:var(--font-size-xl);--btn-font-weight:var(--font-weight-semibold);--btn-border-radius:var(--radius-md);--btn-transition:var(--transition-fast);--btn-focus-offset:2px;--btn-theatre-primary-hover-bg:var(--theatre-ivory);--btn-theatre-primary-hover-color:var(--theatre-black);--btn-theatre-primary-hover-shadow:0 8px 30px rgba(255,255,255,0.15);--btn-theatre-accent-text:var(--theatre-black);--btn-editorial-radius:var(--radius-md);--btn-editorial-padding-y:1rem;--btn-editorial-padding-x:2rem;--btn-editorial-font:var(--font-body);--btn-editorial-font-size:0.95rem;--btn-editorial-font-weight:500;--btn-editorial-letter-spacing:0.02em;--form-padding-y:var(--space-3);--form-padding-x:var(--space-4);--form-font-size:var(--font-size-base);--form-radius:var(--radius-lg);--form-border:var(--color-border-strong);--form-bg:var(--color-surface);--form-text:var(--color-text-primary);--form-padding-y-sm:var(--space-2);--form-padding-x-sm:var(--space-3);--form-font-size-sm:var(--font-size-sm);--form-padding-y-lg:var(--space-4);--form-padding-x-lg:var(--space-5);--form-font-size-lg:var(--font-size-lg);--theatre-black:#09090b;--theatre-charcoal:#18181b;--theatre-slate:#27272a;--theatre-ash:#3f3f46;--theatre-stone:#52525b;--theatre-silver:#a1a1aa;--theatre-cream:#fafafa;--theatre-warm-white:#f4f4f5;--theatre-ivory:#ffffff;--accent-warm:#b8a07a;--accent-warm-hover:#a08a64;--accent-warm-dark:#8a7454;--accent-warm-soft:rgba(184,160,122,0.15);--border-subtle:rgba(255,255,255,0.06);--border-visible:rgba(255,255,255,0.12);--symbol-primary:var(--theatre-cream);--symbol-muted:var(--theatre-silver);--symbol-accent:var(--accent-warm)}[data-theme="light"]{--theatre-black:#ffffff;--theatre-charcoal:#f8f8f8;--theatre-slate:#f0f0f2;--theatre-ash:#e4e4e7;--theatre-stone:#a1a1aa;--theatre-silver:#71717a;--theatre-cream:#18181b;--theatre-warm-white:#fafafa;--theatre-ivory:#ffffff;--accent-warm:#9a8563;--accent-warm-hover:#8a7454;--accent-warm-dark:#74624a;--accent-warm-soft:rgba(154,133,99,0.12);--border-subtle:rgba(0,0,0,0.04);--border-visible:rgba(0,0,0,0.12);--symbol-primary:var(--theatre-cream);--symbol-muted:var(--theatre-silver);--symbol-accent:var(--accent-warm);--btn-theatre-primary-hover-bg:var(--accent-warm);--btn-theatre-primary-hover-color:var(--btn-theatre-accent-text);--btn-theatre-primary-hover-shadow:var(--shadow-lg);--btn-theatre-accent-text:var(--gray-900)}[data-theme="dark"]{--color-background:var(--gray-900);--color-background-alt:var(--gray-800);--color-surface:var(--gray-800);--color-surface-hover:var(--gray-700);--color-border:var(--gray-700);--color-border-strong:var(--gray-600);--color-text-primary:var(--gray-100);--color-text-secondary:var(--gray-300);--color-text-tertiary:var(--gray-400);--color-text-inverse:var(--gray-900);--color-primary:var(--primary-500);--color-primary-hover:var(--primary-400);--color-primary-light:var(--primary-900);--color-error-bg:rgba(252,129,129,0.1);--color-success-light:rgba(16,185,129,0.15);--color-warning-light:rgba(245,158,11,0.15);--color-info-light:rgba(14,165,233,0.15);--color-disabled:var(--gray-700);--color-disabled-text:var(--gray-500);--calendar-icon-filter:invert(1);--time-icon-filter:invert(1);--shadow-tile:0 4px 12px rgba(0,0,0,0.3);--gradient-card:linear-gradient(145deg,var(--gray-800) 0%,var(--gray-700) 100%)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow-x:hidden;width:100%}body{display:flex;flex-direction:column;min-height:100vh;margin:0;padding:0;background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}body.body--locked{overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--space-4)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-border-strong)}.card-body{padding:var(--space-6)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--color-border)}.card-footer{padding:var(--space-6);border-top:1px solid var(--color-border);background:var(--gradient-card)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input::placeholder{color:var(--color-text-tertiary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.section{padding:var(--space-20) 0}.section-sm{padding:var(--space-12) 0}.section-lg{padding:var(--space-32) 0}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-inverse{color:var(--color-text-inverse)}.past-due-banner{background:var(--accent-warm,#f59e0b);color:#1a1a1a;font-size:0.88rem;z-index:10000;position:relative}.past-due-banner__inner{max-width:1200px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.past-due-banner__text{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.past-due-banner__link{background:none;border:none;color:#1a1a1a;text-decoration:underline;font-weight:600;cursor:pointer;font-size:inherit;padding:0}.past-due-banner__text form{display:inline}.past-due-banner__link:hover{color:#000}.past-due-banner__close{background:none;border:none;color:#1a1a1a;cursor:pointer;padding:4px;font-size:1rem;opacity:0.7}.past-due-banner__close:hover{opacity:1}.loading{opacity:0;transition:opacity var(--transition-slow)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--theatre-black);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity var(--transition-slow)}.loading-content{text-align:center}.loading-logo{font-size:var(--font-size-4xl);color:var(--accent-warm);margin-bottom:var(--space-4)}.loading-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--theatre-cream);margin-bottom:var(--space-2)}.loading-subtitle{color:var(--theatre-silver);margin-bottom:var(--space-6)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top:3px solid var(--accent-warm);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-4)}.loading-progress{width:200px;height:4px;background:var(--border-subtle);border-radius:var(--radius-full);overflow:hidden;margin:0 auto}.loading-bar{height:100%;background:linear-gradient(90deg,var(--accent-warm) 0%,var(--theatre-silver) 100%);border-radius:var(--radius-full);animation:progress 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes progress{0%{width:0%}50%{width:70%}100%{width:100%}}body.loaded{opacity:1}body.loaded .loading-overlay{opacity:0;pointer-events:none}@media (max-width:768px){.container{padding:0}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}@media (max-width:480px){.container{padding:0}.btn-lg{padding:var(--space-3) var(--space-5);font-size:var(--font-size-base)}.btn-xl{padding:var(--space-4) var(--space-6);font-size:var(--font-size-lg)}}html,body{height:100%;margin:0;padding:0}body{display:flex;flex-direction:column;min-height:100vh;background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-content{flex:1;width:100%;background:var(--color-background);display:flex;flex-direction:column;margin:0;padding:0;max-width:none}body{background-color:var(--color-background);color:var(--color-text-primary)}input,textarea,select{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-family-sans);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha);outline:none}[data-theme="dark"] input,[data-theme="dark"] textarea,[data-theme="dark"] select{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme="dark"] .form-control,[data-theme="dark"] .form-control-sm,[data-theme="dark"] .form-control-lg,[data-theme="dark"] .form-select{background-color:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text-primary)!important}[data-theme="dark"] .form-control:focus,[data-theme="dark"] .form-select:focus{background-color:var(--color-surface)!important;border-color:var(--color-primary)!important;color:var(--color-text-primary)!important;box-shadow:0 0 0 3px var(--color-primary-alpha)}.overlay{overflow-y:auto!important;padding:20px!important;align-items:center!important}.overlay-content,.rehearsal-completion-content,.timeout-content{flex-shrink:0!important;margin:auto!important;padding:1.25rem!important;max-height:calc(100vh - 40px)!important;overflow-y:auto!important}.overlay-content h2{font-size:1.125rem!important;margin-bottom:0.5rem!important}.overlay-actions{margin-top:0.5rem!important;padding-top:0.5rem!important;gap:0.5rem!important}.overlay-actions .btn{padding:0.5rem 1rem!important;font-size:0.875rem!important}.rehearsal-options{margin-bottom:0.5rem!important}[data-theme="dark"] .overlay-content,[data-theme="dark"] .rehearsal-completion-content,[data-theme="dark"] .timeout-content{background-color:var(--theatre-charcoal)!important;color:var(--theatre-cream)!important;border:1px solid var(--border-visible)!important}[data-theme="dark"] .overlay-content h2,[data-theme="dark"] .overlay-content h3,[data-theme="dark"] .overlay-content p,[data-theme="dark"] .overlay-content label{color:var(--theatre-cream)!important}[data-theme="light"] .overlay-content,[data-theme="light"] .rehearsal-completion-content,[data-theme="light"] .timeout-content{background-color:var(--theatre-ivory)!important;color:var(--color-text-primary)!important;border:1px solid var(--border-visible)!important}[data-theme="light"] .overlay-content h2,[data-theme="light"] .overlay-content h3,[data-theme="light"] .overlay-content p,[data-theme="light"] .overlay-content label{color:var(--color-text-primary)!important}.option-section{margin-bottom:0.5rem!important}.option-header{padding:0.5rem 0.75rem!important;font-size:0.9rem!important}.option-content{padding:0.625rem!important}.microphone-setup{margin:0.5rem 0!important}.mic-status-container{margin-bottom:0.75rem!important}.mic-status{padding:0.5rem 0.75rem!important;font-size:0.875rem!important}.microphone-selector{margin:0.5rem 0!important}.microphone-selector label{margin-bottom:0.25rem!important;font-size:0.875rem!important}.microphone-selector select,#micSelect{padding:0.5rem!important;margin-bottom:0.5rem!important;background-color:var(--theatre-slate)!important;color:var(--theatre-cream)!important;border:1px solid var(--border-visible)!important;border-radius:0.375rem!important;font-family:var(--font-family-body)!important;font-size:0.875rem!important}[data-theme="light"] .microphone-selector select,[data-theme="light"] #micSelect{background-color:var(--theatre-ivory)!important;color:var(--color-text-primary)!important;border:1px solid var(--border-visible)!important}#testMicButton{padding:0.5rem 1rem!important;font-size:0.875rem!important}.scene-range-setup{padding:0!important}.scene-range-setup label strong,.range-type-selector label strong{font-size:0.875rem!important;margin-bottom:0.25rem!important}.radio-group{gap:0.25rem!important;margin-top:0.25rem!important}.radio-option{padding:0.25rem 0.5rem!important;font-size:0.875rem!important}.scene-range-controls{margin-top:0.5rem!important;padding-top:0.5rem!important}.range-selectors{gap:0.5rem!important;margin-bottom:0.5rem!important}.range-selector{margin-bottom:0!important}.range-selector label{font-size:0.8rem!important;margin-bottom:0.125rem!important}.range-selector select,.scene-selector select,#startFromScene,#endAtScene,.overlay-content select,.option-content select{padding:0.375rem 0.5rem!important;font-size:0.8rem!important;background-color:var(--theatre-slate)!important;color:var(--theatre-cream)!important;border:1px solid var(--border-visible)!important;border-radius:0.375rem!important;font-family:var(--font-family-body)!important}[data-theme="dark"] select option,.overlay-content select option,.option-content select option{background-color:var(--theatre-slate)!important;color:var(--theatre-cream)!important;padding:0.5rem!important}[data-theme="dark"] select option:hover,[data-theme="dark"] select option:checked,.overlay-content select option:hover,.overlay-content select option:checked{background-color:var(--theatre-ash)!important;color:var(--theatre-cream)!important}[data-theme="dark"] select option:disabled{color:var(--color-text-tertiary)!important}[data-theme="light"] .range-selector select,[data-theme="light"] .scene-selector select,[data-theme="light"] #startFromScene,[data-theme="light"] #endAtScene,[data-theme="light"] .overlay-content select,[data-theme="light"] .option-content select{background-color:var(--theatre-ivory)!important;color:var(--color-text-primary)!important;border:1px solid var(--border-visible)!important}[data-theme="light"] select option{background-color:var(--theatre-ivory)!important;color:var(--color-text-primary)!important}[data-theme="light"] select option:hover,[data-theme="light"] select option:checked{background-color:var(--theatre-ash)!important;color:var(--color-text-primary)!important}.range-preview,.position-preview{padding:0.5rem!important;margin-top:0.5rem!important}.preview-info{font-size:0.8rem!important}.specific-scene-controls{margin-top:0.5rem!important;padding-top:0.5rem!important}.scene-selector label{font-size:0.8rem!important;margin-bottom:0.125rem!important}[data-theme="dark"] .option-section{background-color:var(--theatre-slate)!important;border-color:var(--border-visible)!important}[data-theme="dark"] .option-header{background-color:var(--theatre-ash)!important;color:var(--theatre-cream)!important}[data-theme="dark"] .option-header:hover{background-color:var(--theatre-stone)!important}[data-theme="dark"] .option-header.expanded{background-color:var(--accent-warm-soft)!important}[data-theme="dark"] .option-content{background-color:var(--theatre-slate)!important;color:var(--theatre-cream)!important}[data-theme="light"] .option-section{background-color:var(--theatre-charcoal)!important;border-color:var(--border-visible)!important}[data-theme="light"] .option-header{background-color:var(--theatre-ash)!important;color:var(--color-text-primary)!important}[data-theme="light"] .option-header:hover{background-color:var(--gray-300)!important}[data-theme="light"] .option-header.expanded{background-color:var(--accent-warm-soft)!important}[data-theme="light"] .option-content{background-color:var(--theatre-charcoal)!important;color:var(--color-text-primary)!important}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.card,.panel,.modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}table{background-color:var(--color-surface);color:var(--color-text-primary);border-collapse:collapse;width:100%}th,td{border:1px solid var(--color-border);padding:var(--space-3);text-align:left}tr:nth-child(even){background-color:var(--color-surface-hover)}.dropdown-menu,.menu{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.dropdown-item:hover,.menu-item:hover{background-color:var(--color-surface-hover)}.theme-toggle{background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.theme-toggle:hover{background-color:var(--color-surface-hover);transform:scale(1.1)}.theme-toggle:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary)}.theme-toggle .theme-icon{font-size:var(--font-size-lg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}pre,code{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);font-family:var(--font-family-mono)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}::selection{background-color:var(--color-primary);color:var(--color-text-inverse)}:focus{outline-color:var(--color-primary)}.loading-spinner{border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.mobile-menu{background-color:var(--color-surface);border-color:var(--color-border)}}@media print{*{background:white!important;color:black!important}}@media (prefers-contrast:high){:root{--color-border:var(--gray-600);--color-text-tertiary:var(--gray-700)}[data-theme="dark"]{--color-border:var(--gray-500);--color-text-tertiary:var(--gray-300)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.bg-theme-primary{background-color:var(--color-primary)}.bg-theme-secondary{background-color:var(--color-surface)}.text-theme-primary{color:var(--color-text-primary)}.text-theme-secondary{color:var(--color-text-secondary)}.border-theme{border-color:var(--color-border)}.shadow-theme{box-shadow:var(--shadow-md)}.theme-icon-light{display:block}.theme-icon-dark{display:none}[data-theme="dark"] .theme-icon-light{display:none}[data-theme="dark"] .theme-icon-dark{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-weight:var(--btn-font-weight);font-size:var(--btn-font-size-md);text-decoration:none;border:none;border-radius:var(--btn-border-radius);cursor:pointer;transition:all var(--btn-transition);outline:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:var(--btn-focus-offset)}.btn:disabled,.btn[disabled]{background:var(--color-disabled);color:var(--color-disabled-text);cursor:not-allowed;pointer-events:none;box-shadow:none;transform:none}.btn-xs{padding:var(--btn-padding-xs);font-size:var(--btn-font-size-xs);border-radius:var(--radius-sm)}.btn-sm{padding:var(--btn-padding-sm);font-size:var(--btn-font-size-sm);border-radius:var(--radius-sm)}.btn-md{padding:var(--btn-padding-md);font-size:var(--btn-font-size-md)}.btn-lg{padding:var(--btn-padding-lg);font-size:var(--btn-font-size-lg)}.btn-xl{padding:var(--btn-padding-xl);font-size:var(--btn-font-size-xl);border-radius:var(--radius-xl)}.btn-primary{background:var(--gradient-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg);color:var(--color-text-inverse)}.btn-theatre-primary{background:var(--accent-warm);color:var(--btn-theatre-accent-text);box-shadow:var(--shadow-sm)}.btn-theatre-primary:hover:not(:disabled){background:var(--accent-warm-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg);color:var(--btn-theatre-accent-text)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);transform:translateY(-1px);box-shadow:var(--shadow-md);color:var(--color-text-primary)}.btn-outline,.btn-outline-primary{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-outline:hover:not(:disabled),.btn-outline-primary:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary-hover);color:var(--color-primary)}.btn-outline-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-outline-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.btn-ghost{background:transparent;color:var(--color-text-primary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.btn-danger{background:var(--gradient-error);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--shadow-md);color:var(--color-text-inverse)}.btn-success{background:var(--gradient-success);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--shadow-md);color:var(--color-text-inverse)}.btn-warning{background:var(--gradient-warning);color:var(--gray-900);box-shadow:var(--shadow-sm)}.btn-warning:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--shadow-md);color:var(--gray-900)}.btn-info{background:var(--color-info);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-info:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--shadow-md);color:var(--color-text-inverse)}.btn-icon{padding:var(--space-2);aspect-ratio:1;border-radius:var(--radius-md)}.btn-icon.btn-sm{padding:var(--space-1)}.btn-icon.btn-lg{padding:var(--space-3)}.btn-block{width:100%}.form-control{display:block;width:100%;padding:var(--form-padding-y) var(--form-padding-x);border:1px solid var(--form-border);border-radius:var(--form-radius);background:var(--form-bg);color:var(--form-text);font-size:var(--form-font-size);font-family:var(--font-family-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);line-height:var(--line-height-normal)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.form-control::placeholder{color:var(--color-text-tertiary)}.form-control:disabled{background:var(--color-disabled);color:var(--color-disabled-text);cursor:not-allowed}.form-control.is-valid{border-color:var(--color-success);box-shadow:0 0 0 3px rgba(16,185,129,0.12)}.form-control.is-invalid{border-color:var(--color-error);background:var(--color-error-bg);box-shadow:0 0 0 3px rgba(239,68,68,0.12)}.form-control.is-warning{border-color:var(--color-warning);box-shadow:0 0 0 3px rgba(245,158,11,0.12)}.form-control-sm{padding:var(--form-padding-y-sm) var(--form-padding-x-sm);font-size:var(--form-font-size-sm);border-radius:var(--radius-md)}.form-control-lg{padding:var(--form-padding-y-lg) var(--form-padding-x-lg);font-size:var(--form-font-size-lg)}.form-select{display:block;width:100%;padding:var(--form-padding-y) 2.5rem var(--form-padding-y) var(--form-padding-x);border:1px solid var(--form-border);border-radius:var(--form-radius);background:var(--form-bg);color:var(--form-text);font-size:var(--form-font-size);font-family:var(--font-family-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.5em 1.5em;appearance:none}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.form-text{display:block;margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.invalid-feedback{display:block;margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-error)}.valid-feedback{display:block;margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-success)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);z-index:var(--z-modal);max-width:100%;max-height:calc(100vh - var(--space-8));overflow:auto}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:var(--color-primary-alpha);color:var(--color-primary)}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-error{background:var(--color-error-light);color:var(--color-error)}.badge-info{background:var(--color-info-light);color:var(--color-info)}.badge-neutral{background:var(--color-surface-hover);color:var(--color-text-secondary)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid transparent;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.alert-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:0.1em}.alert-body{flex:1}.alert-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.alert-dismiss{flex-shrink:0;background:transparent;border:none;cursor:pointer;color:inherit;opacity:0.6;padding:0;font-size:var(--font-size-lg);line-height:1;transition:opacity var(--transition-fast)}.alert-dismiss:hover{opacity:1}.alert-success{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-dark)}.alert-warning{background:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark)}.alert-error,.alert-danger{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.alert-info{background:var(--color-info-light);border-color:var(--color-info);color:var(--color-info)}.alert-neutral{background:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text-secondary)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none;max-width:22rem;width:calc(100vw - var(--space-12))}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid transparent;box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border);pointer-events:all;animation:toast-in var(--transition-normal) var(--ease-out) both}.toast.toast-exiting{animation:toast-out var(--transition-normal) var(--ease-in) both}@keyframes toast-in{from{opacity:0;transform:translateY(0.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{from{opacity:1;transform:translateY(0);max-height:10rem}to{opacity:0;transform:translateY(0.5rem);max-height:0;padding-block:0;margin:0}}.toast-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:0.1em;font-size:1rem;display:flex;align-items:center}.toast-body{flex:1;min-width:0}.toast-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.toast-message{color:var(--color-text-secondary)}.toast-dismiss{flex-shrink:0;background:transparent;border:none;cursor:pointer;color:var(--color-text-tertiary);padding:0;font-size:var(--font-size-lg);line-height:1;transition:color var(--transition-fast)}.toast-dismiss:hover{color:var(--color-text-primary)}.toast-success{border-left:4px solid var(--color-success);background:var(--color-surface)}.toast-success .toast-icon{color:var(--color-success)}.toast-warning{border-left:4px solid var(--color-warning);background:var(--color-surface)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-error,.toast-danger{border-left:4px solid var(--color-error);background:var(--color-surface)}.toast-error .toast-icon,.toast-danger .toast-icon{color:var(--color-error)}.toast-info{border-left:4px solid var(--color-info);background:var(--color-surface)}.toast-info .toast-icon{color:var(--color-info)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:0.3;border-radius:0 0 var(--radius-lg) var(--radius-lg);animation:toast-progress linear both}@keyframes toast-progress{from{width:100%}to{width:0%}}.toast-container.toast-top-right{top:var(--space-6);right:var(--space-6);bottom:unset}.toast-container.toast-top-left{top:var(--space-6);left:var(--space-6);right:unset;bottom:unset}.toast-container.toast-bottom-left{bottom:var(--space-6);left:var(--space-6);right:unset}.toast-container.toast-top-center{top:var(--space-6);left:50%;right:unset;bottom:unset;transform:translateX(-50%)}.notification-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.notification-banner .notification-text{flex:1}.notification-banner .notification-dismiss{flex-shrink:0;background:transparent;border:none;cursor:pointer;color:inherit;opacity:0.7;padding:var(--space-1);font-size:var(--font-size-base);border-radius:var(--radius-sm);transition:opacity var(--transition-fast)}.notification-banner .notification-dismiss:hover{opacity:1}.notification-banner.notification-success{background:var(--color-success);color:var(--color-text-inverse)}.notification-banner.notification-warning{background:var(--color-warning);color:var(--gray-900)}.notification-banner.notification-error,.notification-banner.notification-danger{background:var(--color-error);color:var(--color-text-inverse)}.notification-banner.notification-info{background:var(--color-info);color:var(--color-text-inverse)}.notification-banner.notification-neutral{background:var(--color-surface-hover);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}@media (max-width:480px){.btn-lg{padding:var(--btn-padding-md);font-size:var(--btn-font-size-md)}.btn-xl{padding:var(--btn-padding-lg);font-size:var(--btn-font-size-lg)}}.hidden{display:none!important}.navbar{--accent-burgundy:#71717a;--accent-burgundy-soft:rgba(113,113,122,0.15);--accent-gold:#e4e4e7;--accent-gold-soft:rgba(228,228,231,0.08);--accent-highlight:#ffffff;--accent-highlight-soft:rgba(255,255,255,0.06);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--transition-fast:0.3s var(--ease-out-expo)}.navbar{background:var(--theatre-black,#09090b);border-bottom:1px solid var(--border-subtle,rgba(255,255,255,0.06));box-shadow:none;position:sticky;top:0;z-index:var(--z-sticky);transition:all var(--transition-normal);width:100%}body[data-authenticated="false"] .navbar-brand{color:var(--theatre-cream);font-family:var(--font-display)}body[data-authenticated="false"] .navbar-brand:hover{color:var(--theatre-silver)}body[data-authenticated="false"] .brand-icon{background:transparent;border:1px solid var(--border-visible);color:var(--symbol-primary)}body[data-authenticated="false"] .brand-name{font-family:var(--font-display);font-weight:400;letter-spacing:0.02em;color:var(--theatre-cream)}body[data-authenticated="false"] .brand-tagline{font-family:var(--font-body);color:var(--theatre-stone);font-size:0.7rem;letter-spacing:0.08em}body[data-authenticated="false"] .mobile-menu-toggle{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-silver)}body[data-authenticated="false"] .mobile-menu-toggle:hover{background:var(--accent-warm-soft);border-color:var(--theatre-silver);color:var(--theatre-cream)}body[data-authenticated="false"] .mobile-menu{background:var(--theatre-charcoal)}body[data-authenticated="false"] .mobile-menu-header{border-bottom:1px solid var(--border-subtle)}body[data-authenticated="false"] .mobile-nav-link{color:var(--theatre-cream);font-family:var(--font-body);font-weight:var(--font-weight-medium);letter-spacing:0.02em}body[data-authenticated="false"] .mobile-nav-link:hover{background:var(--accent-warm-soft);color:var(--theatre-cream)}body[data-authenticated="false"] .mobile-nav-link.active{background:var(--accent-warm-soft);color:var(--theatre-cream)}body[data-authenticated="false"] .mobile-nav-link-icon{color:var(--theatre-stone)}body[data-authenticated="false"] .mobile-nav-link:hover .mobile-nav-link-icon,body[data-authenticated="false"] .mobile-nav-link.active .mobile-nav-link-icon{color:var(--accent-warm)}body[data-authenticated="false"] .mobile-nav-link-arrow{color:var(--theatre-ash)}body[data-authenticated="false"] .mobile-nav-link:hover .mobile-nav-link-arrow{color:var(--theatre-silver)}body[data-authenticated="false"] .mobile-actions{border-top:1px solid var(--border-subtle)}body[data-authenticated="false"] .mobile-actions .btn-ghost,body[data-authenticated="false"] .mobile-actions .btn-primary{display:flex;align-items:center;justify-content:center;padding:var(--btn-editorial-padding-y) var(--btn-editorial-padding-x);font-family:var(--btn-editorial-font);font-size:var(--btn-editorial-font-size);font-weight:var(--btn-editorial-font-weight);letter-spacing:var(--btn-editorial-letter-spacing);border-radius:var(--btn-editorial-radius);transition:all 0.3s var(--ease-out-expo);text-decoration:none}body[data-authenticated="false"] .mobile-actions .btn-ghost{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-silver)}body[data-authenticated="false"] .mobile-actions .btn-ghost:hover{border-color:var(--theatre-silver);color:var(--theatre-cream);background:transparent;transform:translateY(-2px)}body[data-authenticated="false"] .mobile-actions .btn-primary{background:var(--theatre-cream);color:var(--theatre-black);border:none}body[data-authenticated="false"] .mobile-actions .btn-primary:hover{transform:translateY(-2px);opacity:0.92;box-shadow:0 8px 28px rgba(0,0,0,0.35)}body[data-page="home"] .navbar{background:var(--theatre-black);border-bottom:1px solid var(--border-subtle);box-shadow:none}body[data-page="home"] .navbar-brand{color:var(--theatre-cream)}body[data-page="home"] .navbar-brand:hover{color:var(--theatre-silver)}body[data-page="home"] .brand-icon{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-cream)}body[data-page="home"] .brand-name{font-family:var(--font-display);font-weight:400;letter-spacing:0.02em;color:var(--theatre-cream)}body[data-page="home"] .brand-tagline{font-family:var(--font-body);color:var(--theatre-stone);font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase}body[data-page="home"] .nav-link{font-family:var(--btn-editorial-font);color:var(--theatre-silver);font-size:var(--btn-editorial-font-size);font-weight:var(--btn-editorial-font-weight);letter-spacing:var(--btn-editorial-letter-spacing);padding:var(--space-2) var(--space-4);border-radius:var(--btn-editorial-radius);transition:all 0.3s var(--ease-out-expo)}body[data-page="home"] .nav-link:hover{color:var(--theatre-cream);background:var(--accent-gold-soft)}body[data-page="home"] .nav-link.active{color:var(--theatre-cream);background:var(--accent-gold-soft)}body[data-page="home"] .nav-link.active::after{background:var(--theatre-cream)}body[data-page="home"] .theme-toggle{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-silver)}body[data-page="home"] .theme-toggle:hover{background:var(--accent-gold-soft);border-color:var(--theatre-silver);color:var(--theatre-cream)}body[data-page="home"] .user-menu-trigger{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-cream)}body[data-page="home"] .user-menu-trigger:hover{background:var(--accent-gold-soft);border-color:var(--theatre-silver)}body[data-page="home"] .user-avatar{background:var(--theatre-cream);color:var(--theatre-black)}body[data-page="home"] .user-name{color:var(--theatre-cream)}body[data-page="home"] .user-role{color:var(--theatre-stone)}body[data-page="home"] .user-menu-dropdown{background:var(--theatre-charcoal);border:1px solid var(--border-visible);box-shadow:0 20px 60px rgba(0,0,0,0.5)}body[data-page="home"] .dropdown-item{color:var(--theatre-cream);border-radius:var(--btn-editorial-radius)}body[data-page="home"] .dropdown-item:hover{background:var(--accent-gold-soft);color:var(--theatre-cream)}body[data-page="home"] .dropdown-item i{color:var(--theatre-stone)}body[data-page="home"] .dropdown-item:hover i{color:var(--theatre-cream)}body[data-page="home"] .dropdown-divider{background:var(--border-subtle)}body[data-page="home"] .guest-actions .btn-ghost{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-silver);font-family:var(--btn-editorial-font);font-size:var(--btn-editorial-font-size);font-weight:var(--btn-editorial-font-weight);letter-spacing:var(--btn-editorial-letter-spacing);padding:var(--btn-editorial-padding-y) var(--btn-editorial-padding-x);border-radius:var(--btn-editorial-radius)}body[data-page="home"] .guest-actions .btn-ghost:hover{background:var(--accent-gold-soft);border-color:var(--theatre-silver);color:var(--theatre-cream);transform:none}body[data-page="home"] .guest-actions .btn-primary{background:var(--theatre-cream);color:var(--theatre-black);font-family:var(--btn-editorial-font);font-size:var(--btn-editorial-font-size);font-weight:var(--btn-editorial-font-weight);letter-spacing:var(--btn-editorial-letter-spacing);padding:var(--btn-editorial-padding-y) var(--btn-editorial-padding-x);border:none;border-radius:var(--btn-editorial-radius);box-shadow:none}body[data-page="home"] .guest-actions .btn-primary:hover{background:var(--btn-theatre-primary-hover-bg);color:var(--btn-theatre-primary-hover-color);border:none;transform:translateY(-1px);box-shadow:var(--btn-theatre-primary-hover-shadow)}body[data-page="home"] .mobile-menu-toggle{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-silver)}body[data-page="home"] .mobile-menu-toggle:hover{background:var(--accent-gold-soft);border-color:var(--theatre-silver);color:var(--theatre-cream)}body[data-page="home"] .mobile-menu{background:var(--theatre-charcoal)}body[data-page="home"] .mobile-menu-header{border-bottom:1px solid var(--border-subtle)}body[data-page="home"] .mobile-nav-link{color:var(--theatre-cream);font-family:var(--font-body)}body[data-page="home"] .mobile-nav-link:hover{background:var(--accent-gold-soft);color:var(--theatre-cream)}body[data-page="home"] .mobile-nav-link-icon{color:var(--theatre-stone)}body[data-page="home"] .mobile-nav-link:hover .mobile-nav-link-icon{color:var(--accent-warm)}body[data-page="home"] .mobile-actions{border-top:1px solid var(--border-subtle)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .navbar,body[data-authenticated="true"] .navbar{background:var(--theatre-black);border-bottom:1px solid var(--border-subtle);box-shadow:none}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .navbar-brand,body[data-authenticated="true"] .navbar-brand{color:var(--theatre-cream)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .navbar-brand:hover,body[data-authenticated="true"] .navbar-brand:hover{color:var(--theatre-silver)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .brand-icon,body[data-authenticated="true"] .brand-icon{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-cream)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .brand-name,body[data-authenticated="true"] .brand-name{font-family:var(--font-display);font-weight:400;letter-spacing:0.02em;color:var(--theatre-cream)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .brand-tagline,body[data-authenticated="true"] .brand-tagline{font-family:var(--font-body);color:var(--theatre-stone);font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .nav-link,body[data-authenticated="true"] .nav-link{font-family:var(--btn-editorial-font);color:var(--theatre-silver);font-size:var(--btn-editorial-font-size);font-weight:var(--btn-editorial-font-weight);letter-spacing:var(--btn-editorial-letter-spacing);padding:var(--space-2) var(--space-4);border-radius:var(--btn-editorial-radius);transition:all 0.3s var(--ease-out-expo)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .nav-link:hover,body[data-authenticated="true"] .nav-link:hover{color:var(--theatre-cream);background:var(--accent-gold-soft)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .nav-link.active,body[data-authenticated="true"] .nav-link.active{color:var(--theatre-cream);background:var(--accent-gold-soft)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .theme-toggle,body[data-authenticated="true"] .theme-toggle{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-silver)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .theme-toggle:hover,body[data-authenticated="true"] .theme-toggle:hover{background:var(--accent-gold-soft);border-color:var(--theatre-silver);color:var(--theatre-cream)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .user-menu-trigger,body[data-authenticated="true"] .user-menu-trigger{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-cream)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .user-menu-trigger:hover,body[data-authenticated="true"] .user-menu-trigger:hover{background:var(--accent-gold-soft);border-color:var(--theatre-silver)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .user-avatar,body[data-authenticated="true"] .user-avatar{background:var(--theatre-cream);color:var(--theatre-black)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .user-name,body[data-authenticated="true"] .user-name{color:var(--theatre-cream)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .user-role,body[data-authenticated="true"] .user-role{color:var(--theatre-stone)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .user-menu-dropdown,body[data-authenticated="true"] .user-menu-dropdown{background:var(--theatre-charcoal);border:1px solid var(--border-visible);box-shadow:0 20px 60px rgba(0,0,0,0.5)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .dropdown-item,body[data-authenticated="true"] .dropdown-item{color:var(--theatre-cream);border-radius:var(--btn-editorial-radius)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .dropdown-item:hover,body[data-authenticated="true"] .dropdown-item:hover{background:var(--accent-gold-soft);color:var(--theatre-cream)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .dropdown-item i,body[data-authenticated="true"] .dropdown-item i{color:var(--theatre-stone)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .dropdown-item:hover i,body[data-authenticated="true"] .dropdown-item:hover i{color:var(--theatre-cream)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .dropdown-divider,body[data-authenticated="true"] .dropdown-divider{background:var(--border-subtle)}body[data-page="login"] .guest-actions .btn-ghost,body[data-page="register"] .guest-actions .btn-ghost{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-silver);font-family:var(--btn-editorial-font);font-size:var(--btn-editorial-font-size);font-weight:var(--btn-editorial-font-weight);letter-spacing:var(--btn-editorial-letter-spacing);padding:var(--btn-editorial-padding-y) var(--btn-editorial-padding-x);border-radius:var(--btn-editorial-radius)}body[data-page="login"] .guest-actions .btn-ghost:hover,body[data-page="register"] .guest-actions .btn-ghost:hover{background:var(--accent-gold-soft);border-color:var(--theatre-silver);color:var(--theatre-cream);transform:none}body[data-page="login"] .guest-actions .btn-primary,body[data-page="register"] .guest-actions .btn-primary{background:var(--theatre-cream);color:var(--theatre-black);font-family:var(--btn-editorial-font);font-size:var(--btn-editorial-font-size);font-weight:var(--btn-editorial-font-weight);letter-spacing:var(--btn-editorial-letter-spacing);padding:var(--btn-editorial-padding-y) var(--btn-editorial-padding-x);border:none;border-radius:var(--btn-editorial-radius);box-shadow:none}body[data-page="login"] .guest-actions .btn-primary:hover,body[data-page="register"] .guest-actions .btn-primary:hover{background:var(--btn-theatre-primary-hover-bg);color:var(--btn-theatre-primary-hover-color);border:none;transform:translateY(-1px);box-shadow:var(--btn-theatre-primary-hover-shadow)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .mobile-menu-toggle,body[data-authenticated="true"] .mobile-menu-toggle{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-silver)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .mobile-menu-toggle:hover,body[data-authenticated="true"] .mobile-menu-toggle:hover{background:var(--accent-gold-soft);border-color:var(--theatre-silver);color:var(--theatre-cream)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .mobile-menu,body[data-authenticated="true"] .mobile-menu{background:var(--theatre-charcoal)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .mobile-menu-header,body[data-authenticated="true"] .mobile-menu-header{border-bottom:1px solid var(--border-subtle)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .mobile-nav-link,body[data-authenticated="true"] .mobile-nav-link{color:var(--theatre-cream);font-family:var(--font-body)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .mobile-nav-link:hover,body[data-authenticated="true"] .mobile-nav-link:hover{background:var(--accent-gold-soft);color:var(--theatre-cream)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .mobile-nav-link-icon,body[data-authenticated="true"] .mobile-nav-link-icon{color:var(--theatre-stone)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .mobile-nav-link:hover .mobile-nav-link-icon,body[data-authenticated="true"] .mobile-nav-link:hover .mobile-nav-link-icon{color:var(--accent-warm)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .mobile-actions,body[data-authenticated="true"] .mobile-actions{border-top:1px solid var(--border-subtle)}.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);width:100%;max-width:100%;margin:0 auto}.navbar-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);transition:color var(--transition-fast)}.navbar-brand:hover{color:var(--symbol-muted)}.brand-icon{width:40px;height:40px;background:transparent;border:1px solid var(--border-visible);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--symbol-primary);font-size:var(--font-size-lg)}.brand-text{display:flex;flex-direction:column;gap:var(--space-1)}.brand-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1}.brand-tagline{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-normal)}.navbar-menu{display:flex;align-items:center;gap:var(--space-8)}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.nav-link:hover{color:var(--color-primary);background:var(--color-primary-light)}.nav-link.active{color:var(--color-primary);background:var(--color-primary-light)}.nav-link.active::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:4px;height:4px;background:var(--color-primary);border-radius:50%}.navbar-actions{display:flex;align-items:center;gap:var(--space-4)}.theme-toggle{width:40px;height:40px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary)}.theme-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-primary);transform:scale(1.05)}.theme-icon{font-size:var(--font-size-base);transition:transform var(--transition-fast)}.theme-toggle:hover .theme-icon{transform:rotate(15deg)}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;color:var(--color-text-primary)}.user-menu-trigger:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.user-avatar{width:32px;height:32px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.user-info{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:1}.user-role{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:1}.user-menu-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;left:auto;min-width:220px;max-width:min(320px,90vw);max-height:min(70vh,480px);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-2);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);z-index:var(--z-dropdown)}.user-menu.open .user-menu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);white-space:nowrap;width:100%;box-sizing:border-box}.dropdown-item:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.dropdown-item i{width:16px;min-width:16px;color:var(--color-text-tertiary)}.dropdown-divider{height:1px;background:var(--color-border);margin:var(--space-2) 0}.guest-actions{display:flex;align-items:center;gap:var(--space-4)}.guest-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);text-decoration:none;position:relative;overflow:hidden}.guest-actions .btn-ghost{color:var(--color-text-primary);background:transparent;border:1px solid var(--color-border)}.guest-actions .btn-ghost:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-1px)}.guest-actions .btn-ghost:hover i{color:var(--color-text-inverse)}.guest-actions .btn-primary{background:var(--gradient-primary);color:var(--color-text-inverse);border:none;box-shadow:var(--shadow-sm)}.guest-actions .btn-primary:hover{background:var(--color-surface);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:var(--shadow-lg);border:1px solid var(--color-primary)}.guest-actions .btn-primary:hover i{color:var(--color-text-primary)}.guest-actions .btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.guest-actions .btn i{font-size:var(--font-size-base);transition:color var(--transition-fast)}.mobile-menu-toggle{display:none;width:40px;height:40px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-lg);align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary)}.mobile-menu-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-primary)}.mobile-menu{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-surface);flex-direction:column;gap:0;padding:0;overflow-y:auto;overscroll-behavior:contain;z-index:var(--z-modal);transform:translateY(-100%);visibility:hidden;pointer-events:none;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),visibility 0s 0.4s}.mobile-menu.open{transform:translateY(0);visibility:visible;pointer-events:auto;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),visibility 0s 0s}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.mobile-menu-brand{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:400;letter-spacing:0.04em;color:var(--theatre-cream);text-decoration:none}.mobile-menu-brand i{color:var(--accent-warm);font-size:var(--font-size-lg)}.mobile-menu-spotlight{height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent-warm) 25%,var(--accent-warm) 75%,transparent 100%);opacity:0.5;flex-shrink:0}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;background:transparent;border:1px solid var(--border-visible);border-radius:var(--radius-lg);color:var(--theatre-silver);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.mobile-menu-close:hover{background:var(--accent-warm-soft);border-color:var(--accent-warm);color:var(--theatre-cream)}.mobile-menu-nav{display:flex;flex-direction:column;padding:var(--space-4) var(--space-4);gap:var(--space-1);flex:1}@keyframes mobileNavSlideIn{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}.mobile-menu.open .mobile-menu-nav .mobile-nav-link:nth-child(1){animation:mobileNavSlideIn 0.35s cubic-bezier(0.4,0,0.2,1) 0.18s both}.mobile-menu.open .mobile-menu-nav .mobile-nav-link:nth-child(2){animation:mobileNavSlideIn 0.35s cubic-bezier(0.4,0,0.2,1) 0.23s both}.mobile-menu.open .mobile-menu-nav .mobile-nav-link:nth-child(3){animation:mobileNavSlideIn 0.35s cubic-bezier(0.4,0,0.2,1) 0.28s both}.mobile-menu.open .mobile-menu-nav .mobile-nav-link:nth-child(4){animation:mobileNavSlideIn 0.35s cubic-bezier(0.4,0,0.2,1) 0.33s both}.mobile-menu.open .mobile-actions{animation:mobileNavSlideIn 0.35s cubic-bezier(0.4,0,0.2,1) 0.38s both}.mobile-nav-link{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);padding:var(--space-4) var(--space-4);border-radius:var(--radius-lg);transition:background var(--transition-fast),color var(--transition-fast)}.mobile-nav-link:hover{background:var(--color-surface-hover);color:var(--color-primary)}.mobile-nav-link-icon{width:20px;min-width:20px;text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.mobile-nav-link-arrow{margin-left:auto;color:var(--color-text-tertiary);font-size:var(--font-size-xs);transition:transform var(--transition-fast),color var(--transition-fast)}.mobile-nav-link:hover .mobile-nav-link-icon,.mobile-nav-link.active .mobile-nav-link-icon{color:var(--color-primary)}.mobile-nav-link:hover .mobile-nav-link-arrow{transform:translateX(4px);color:var(--color-text-secondary)}.mobile-nav-link.active{color:var(--color-primary);background:var(--color-primary-light)}.mobile-actions{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-8);border-top:1px solid var(--color-border);margin-top:auto}.notification-badge{position:relative}.notification-badge::after{content:'';position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--color-error);border:2px solid var(--color-surface);border-radius:50%}.messages{position:fixed;top:var(--space-6);right:var(--space-6);z-index:var(--z-toast,1080);max-width:400px;width:100%}.message{display:flex;align-items:flex-start;gap:var(--space-3,12px);padding:var(--space-4,16px);margin-bottom:var(--space-3,12px);background:var(--color-surface,#18181b);border:1px solid rgba(184,160,122,0.15);border-radius:var(--radius-xl,16px);box-shadow:0 12px 32px rgba(0,0,0,0.35),0 0 0 1px rgba(255,255,255,0.03);animation:slideInRight 0.35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(12px)}.message::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 2px 2px 0}.message-success::before{background:#10b981}.message-warning::before{background:#f59e0b}.message-error::before{background:#ef4444}.message-info::before{background:#b8a07a}.message-icon{font-size:var(--font-size-lg,18px);margin-top:1px}.message-success .message-icon{color:var(--color-success)}.message-warning .message-icon{color:var(--color-warning)}.message-error .message-icon{color:var(--color-error)}.message-info .message-icon{color:var(--symbol-accent)}.message-content{flex:1;color:var(--color-text-primary,#fafafa);font-size:var(--font-size-sm,14px);line-height:var(--line-height-relaxed,1.6)}.message-close{background:none;border:none;color:var(--color-text-tertiary,#71717a);cursor:pointer;padding:4px;margin-top:-2px;border-radius:4px;transition:color 0.15s ease,background 0.15s ease;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center}.message-close:hover{color:var(--color-text-primary,#fafafa);background:rgba(255,255,255,0.06)}[data-theme="light"] .message{background:#ffffff;border-color:rgba(154,133,99,0.15);box-shadow:0 12px 32px rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.04)}[data-theme="light"] .message-info::before{background:var(--symbol-accent)}[data-theme="light"] .message-info .message-icon{color:var(--symbol-accent)}[data-theme="light"] .message-content{color:#18181b}[data-theme="light"] .message-close{color:#71717a}[data-theme="light"] .message-close:hover{color:#18181b;background:rgba(0,0,0,0.05)}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (min-width:1400px){.navbar-container{padding:var(--space-4) var(--space-8)}}@media (min-width:1600px){.navbar-container{padding:var(--space-4) var(--space-10)}}@media (max-width:768px){.navbar-container{padding:var(--space-3) var(--space-4)}.navbar-menu{display:none}.mobile-menu-toggle{display:none}body[data-authenticated="true"] .mobile-menu-toggle{display:none!important}.user-menu-dropdown{right:0;left:auto}.guest-actions{display:none}.brand-tagline{display:none}.user-name{display:none}.messages{top:var(--space-4);right:var(--space-4);left:var(--space-4);max-width:none}}@media (max-width:480px){.navbar-actions{gap:var(--space-2)}.theme-toggle{width:36px;height:36px}.user-menu-trigger{padding:var(--space-2)}.user-avatar{width:28px;height:28px}}.dropdown-item-form{margin:0;padding:0}.dropdown-item-form button.dropdown-item{width:100%;text-align:left;background:none;border:none;padding:var(--space-3) var(--space-4);color:var(--color-text);display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);cursor:pointer;transition:background-color 0.2s;white-space:nowrap;box-sizing:border-box}.dropdown-item-form button.dropdown-item:hover{background-color:var(--color-bg-hover);color:var(--color-primary)}.dropdown-item-form button.dropdown-item i{width:16px;text-align:center;color:var(--color-text-muted)}[data-theme="dark"] .navbar{background:var(--theatre-black);border-bottom:1px solid var(--border-subtle);box-shadow:none}[data-theme="dark"] .navbar-brand{color:var(--theatre-cream)}[data-theme="dark"] .navbar-brand:hover{color:var(--theatre-silver)}[data-theme="dark"] .brand-icon{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-cream)}[data-theme="dark"] .brand-name{font-family:var(--font-display);font-weight:400;letter-spacing:0.02em;color:var(--theatre-cream)}[data-theme="dark"] .brand-tagline{font-family:var(--font-body);color:var(--theatre-stone)}[data-theme="dark"] .nav-link{color:var(--theatre-silver);font-family:var(--btn-editorial-font);font-size:var(--btn-editorial-font-size);font-weight:var(--btn-editorial-font-weight);letter-spacing:var(--btn-editorial-letter-spacing);padding:var(--space-2) var(--space-4);border-radius:var(--btn-editorial-radius)}[data-theme="dark"] .nav-link:hover{color:var(--theatre-cream);background:var(--accent-gold-soft)}[data-theme="dark"] .nav-link.active{color:var(--theatre-cream);background:var(--accent-gold-soft)}[data-theme="dark"] .theme-toggle{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-silver)}[data-theme="dark"] .theme-toggle:hover{background:var(--accent-gold-soft);border-color:var(--theatre-silver);color:var(--theatre-cream)}[data-theme="dark"] .user-menu-trigger{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-cream)}[data-theme="dark"] .user-menu-trigger:hover{background:var(--accent-gold-soft);border-color:var(--theatre-silver)}[data-theme="dark"] .user-avatar{background:var(--theatre-cream);color:var(--theatre-black)}[data-theme="dark"] .user-name{color:var(--theatre-cream)}[data-theme="dark"] .user-role{color:var(--theatre-stone)}[data-theme="dark"] .user-menu-dropdown{background:var(--theatre-charcoal);border:1px solid var(--border-visible);box-shadow:0 20px 60px rgba(0,0,0,0.5)}[data-theme="dark"] .dropdown-item{color:var(--theatre-cream)}[data-theme="dark"] .dropdown-item:hover{background:var(--accent-gold-soft);color:var(--theatre-cream)}[data-theme="dark"] .dropdown-item i{color:var(--theatre-stone)}[data-theme="dark"] .dropdown-item:hover i{color:var(--theatre-cream)}[data-theme="dark"] .dropdown-divider{background:var(--border-subtle)}[data-theme="dark"] .guest-actions .btn-ghost{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-silver);font-family:var(--btn-editorial-font);font-size:var(--btn-editorial-font-size);font-weight:var(--btn-editorial-font-weight);letter-spacing:var(--btn-editorial-letter-spacing);padding:var(--btn-editorial-padding-y) var(--btn-editorial-padding-x);border-radius:var(--btn-editorial-radius)}[data-theme="dark"] .guest-actions .btn-ghost:hover{background:var(--accent-gold-soft);border-color:var(--theatre-silver);color:var(--theatre-cream)}[data-theme="dark"] .guest-actions .btn-primary{background:var(--theatre-cream);color:var(--theatre-black);border:none;font-family:var(--btn-editorial-font);font-size:var(--btn-editorial-font-size);font-weight:var(--btn-editorial-font-weight);letter-spacing:var(--btn-editorial-letter-spacing);padding:var(--btn-editorial-padding-y) var(--btn-editorial-padding-x);border-radius:var(--btn-editorial-radius)}[data-theme="dark"] .guest-actions .btn-primary:hover{background:var(--btn-theatre-primary-hover-bg);color:var(--btn-theatre-primary-hover-color);box-shadow:var(--btn-theatre-primary-hover-shadow)}[data-theme="dark"] .mobile-menu-toggle{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-silver)}[data-theme="dark"] .mobile-menu-toggle:hover{background:var(--accent-gold-soft);border-color:var(--theatre-silver);color:var(--theatre-cream)}[data-theme="dark"] .mobile-menu{background:var(--theatre-charcoal)}[data-theme="dark"] .mobile-menu-header{border-bottom:1px solid var(--border-subtle)}[data-theme="dark"] .mobile-menu-brand{color:var(--theatre-cream)}[data-theme="dark"] .mobile-nav-link{color:var(--theatre-cream)}[data-theme="dark"] .mobile-nav-link:hover{background:var(--accent-gold-soft);color:var(--theatre-cream)}[data-theme="dark"] .mobile-nav-link-icon{color:var(--theatre-stone)}[data-theme="dark"] .mobile-nav-link:hover .mobile-nav-link-icon{color:var(--accent-warm)}[data-theme="dark"] .mobile-actions{border-top:1px solid var(--border-subtle)}[data-theme="dark"] .dropdown-item-form button.dropdown-item{color:var(--theatre-cream)}[data-theme="dark"] .dropdown-item-form button.dropdown-item:hover{background:var(--accent-gold-soft);color:var(--theatre-cream)}[data-theme="dark"] .dropdown-item-form button.dropdown-item i{color:var(--theatre-stone)}[data-theme="light"] .navbar{background:var(--theatre-black);border-bottom:1px solid var(--border-subtle);box-shadow:none}[data-theme="light"] .navbar .navbar-brand{color:var(--theatre-cream)}[data-theme="light"] .navbar .navbar-brand:hover{color:var(--theatre-silver)}[data-theme="light"] .navbar .brand-icon{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-cream)}[data-theme="light"] .navbar .brand-name{font-family:var(--font-display);font-weight:400;letter-spacing:0.02em;color:var(--theatre-cream)}[data-theme="light"] .navbar .brand-tagline{font-family:var(--font-body);color:var(--theatre-stone)}[data-theme="light"] .navbar .nav-link{color:var(--theatre-silver);font-family:var(--btn-editorial-font);font-size:var(--btn-editorial-font-size);font-weight:var(--btn-editorial-font-weight);letter-spacing:var(--btn-editorial-letter-spacing);padding:var(--space-2) var(--space-4);border-radius:var(--btn-editorial-radius)}[data-theme="light"] .navbar .nav-link:hover{color:var(--theatre-cream);background:var(--accent-gold-soft)}[data-theme="light"] .navbar .nav-link.active{color:var(--theatre-cream);background:var(--accent-gold-soft)}[data-theme="light"] .navbar .theme-toggle{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-silver)}[data-theme="light"] .navbar .theme-toggle:hover{background:var(--accent-gold-soft);border-color:var(--theatre-silver);color:var(--theatre-cream)}[data-theme="light"] .navbar .user-menu-trigger{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-cream)}[data-theme="light"] .navbar .user-menu-trigger:hover{background:var(--accent-gold-soft);border-color:var(--theatre-silver)}[data-theme="light"] .navbar .user-avatar{background:var(--theatre-cream);color:var(--theatre-black)}[data-theme="light"] .navbar .user-name{color:var(--theatre-cream)}[data-theme="light"] .navbar .user-role{color:var(--theatre-stone)}[data-theme="light"] .navbar .user-menu-dropdown{background:var(--theatre-charcoal);border:1px solid var(--border-visible);box-shadow:0 20px 60px rgba(0,0,0,0.5)}[data-theme="light"] .navbar .dropdown-item{color:var(--theatre-cream)}[data-theme="light"] .navbar .dropdown-item:hover{background:var(--accent-gold-soft);color:var(--theatre-cream)}[data-theme="light"] .navbar .dropdown-item i{color:var(--theatre-stone)}[data-theme="light"] .navbar .dropdown-item:hover i{color:var(--theatre-cream)}[data-theme="light"] .navbar .dropdown-divider{background:var(--border-subtle)}[data-theme="light"] .navbar .guest-actions .btn-ghost{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-silver);font-family:var(--btn-editorial-font);font-size:var(--btn-editorial-font-size);font-weight:var(--btn-editorial-font-weight);letter-spacing:var(--btn-editorial-letter-spacing);padding:var(--btn-editorial-padding-y) var(--btn-editorial-padding-x);border-radius:var(--btn-editorial-radius)}[data-theme="light"] .navbar .guest-actions .btn-ghost:hover{background:var(--accent-gold-soft);border-color:var(--theatre-silver);color:var(--theatre-cream)}[data-theme="light"] .navbar .guest-actions .btn-primary{background:var(--theatre-cream);color:var(--theatre-black);border:none;font-family:var(--btn-editorial-font);font-size:var(--btn-editorial-font-size);font-weight:var(--btn-editorial-font-weight);letter-spacing:var(--btn-editorial-letter-spacing);padding:var(--btn-editorial-padding-y) var(--btn-editorial-padding-x);border-radius:var(--btn-editorial-radius)}[data-theme="light"] .navbar .guest-actions .btn-primary:hover{background:var(--btn-theatre-primary-hover-bg);color:var(--btn-theatre-primary-hover-color);box-shadow:var(--btn-theatre-primary-hover-shadow)}[data-theme="light"] .navbar .mobile-menu-toggle{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-silver)}[data-theme="light"] .navbar .mobile-menu-toggle:hover{background:var(--accent-gold-soft);border-color:var(--theatre-silver);color:var(--theatre-cream)}[data-theme="light"] .navbar .mobile-menu{background:var(--theatre-charcoal)}[data-theme="light"] .navbar .mobile-menu-header{border-bottom:1px solid var(--border-subtle)}[data-theme="light"] .navbar .mobile-menu-brand{color:var(--theatre-cream)}[data-theme="light"] .navbar .mobile-nav-link{color:var(--theatre-cream)}[data-theme="light"] .navbar .mobile-nav-link:hover{background:var(--accent-gold-soft);color:var(--theatre-cream)}[data-theme="light"] .navbar .mobile-nav-link-icon{color:var(--theatre-stone)}[data-theme="light"] .navbar .mobile-nav-link:hover .mobile-nav-link-icon{color:var(--accent-warm)}[data-theme="light"] .navbar .mobile-actions{border-top:1px solid var(--border-subtle)}[data-theme="light"] .navbar .dropdown-item-form button.dropdown-item{color:var(--theatre-cream)}[data-theme="light"] .navbar .dropdown-item-form button.dropdown-item:hover{background:var(--accent-gold-soft);color:var(--theatre-cream)}[data-theme="light"] .navbar .dropdown-item-form button.dropdown-item i{color:var(--theatre-stone)}@media (min-width:1400px){.navbar-container{padding:var(--space-4) var(--space-8)}}@media (min-width:1600px){.navbar-container{padding:var(--space-4) var(--space-10)}}@media (max-width:768px){.navbar-container{padding:var(--space-3) var(--space-4)}.navbar-menu{display:none}.mobile-menu-toggle{display:none}body[data-authenticated="true"] .mobile-menu-toggle{display:none!important}.user-menu-dropdown{right:0;left:auto}.guest-actions{display:none}.brand-tagline{display:none}.user-name{display:none}.messages{top:var(--space-4);right:var(--space-4);left:var(--space-4);max-width:none}}@media (max-width:480px){.navbar-actions{gap:var(--space-2)}.theme-toggle{width:36px;height:36px}.user-menu-trigger{padding:var(--space-2)}.user-avatar{width:28px;height:28px}}.footer{background:var(--theatre-black,#09090b);border-top:1px solid var(--border-subtle,rgba(255,255,255,0.06));width:100%;padding:48px 0;margin-top:auto}.footer .container{width:100%;margin:0 auto;padding:0 32px}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;gap:64px;margin-bottom:48px}.footer-brand{display:flex;align-items:center;gap:var(--space-3);width:300px}.footer-brand .brand-icon{width:48px;height:48px;background:transparent;border:1px solid var(--border-visible);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--symbol-primary);font-size:var(--font-size-xl)}.footer-brand .brand-text{display:flex;flex-direction:column;gap:var(--space-1)}.footer-brand .brand-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.footer-brand .brand-tagline{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-normal)}.footer-nav-section{display:flex;justify-content:flex-end;width:calc(100% - 400px)}.footer-nav-group{min-width:200px}.footer-nav-group h4{font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text);margin:0 0 24px 0}.footer-nav{display:flex;flex-direction:column;gap:16px}.footer-nav a{color:var(--color-text-muted);text-decoration:none;font-size:16px;line-height:1.5;transition:color 0.2s;white-space:nowrap}.footer-nav a:hover{color:var(--symbol-accent)}.footer-nav i{width:16px;margin-right:8px}.footer-bottom{padding-top:24px;border-top:1px solid var(--color-border);text-align:center}.footer-bottom p{font-size:16px;color:var(--color-text-muted);margin:0}.footer{--ease-out-expo:cubic-bezier(0.16,1,0.3,1)}body[data-page="home"] .footer{background:var(--theatre-black);border-top:1px solid var(--border-subtle)}body[data-page="home"] .footer .container{max-width:1100px}body[data-page="home"] .footer-brand .brand-icon{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-cream);border-radius:0.5rem}body[data-page="home"] .footer-brand .brand-name{font-family:var(--font-display);font-weight:400;letter-spacing:0.02em;color:var(--theatre-cream)}body[data-page="home"] .footer-brand .brand-tagline{font-family:var(--font-body);color:var(--theatre-stone);font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase}body[data-page="home"] .footer-nav-group h4{font-family:var(--font-display);font-weight:500;color:var(--theatre-cream);font-size:1.1rem;letter-spacing:0.05em;text-transform:uppercase}body[data-page="home"] .footer-nav a{font-family:var(--font-body);color:var(--theatre-silver);font-size:0.9rem;transition:all 0.3s var(--ease-out-expo)}body[data-page="home"] .footer-nav a:hover{color:var(--theatre-cream);transform:translateX(4px)}body[data-page="home"] .footer-bottom{border-top:1px solid var(--border-subtle)}body[data-page="home"] .footer-bottom p{font-family:var(--font-body);color:var(--theatre-stone);font-size:0.85rem}body[data-page="home"] .footer-bottom a{color:var(--theatre-silver);transition:color 0.3s var(--ease-out-expo)}body[data-page="home"] .footer-bottom a:hover{color:var(--theatre-cream)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .footer,body[data-authenticated="true"] .footer{background:var(--theatre-black);border-top:1px solid var(--border-subtle)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .footer .container,body[data-authenticated="true"] .footer .container{max-width:1100px}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .footer-brand .brand-icon,body[data-authenticated="true"] .footer-brand .brand-icon{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-cream);border-radius:0.5rem}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .footer-brand .brand-name,body[data-authenticated="true"] .footer-brand .brand-name{font-family:var(--font-display);font-weight:400;letter-spacing:0.02em;color:var(--theatre-cream)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .footer-brand .brand-tagline,body[data-authenticated="true"] .footer-brand .brand-tagline{font-family:var(--font-body);color:var(--theatre-stone);font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .footer-nav-group h4,body[data-authenticated="true"] .footer-nav-group h4{font-family:var(--font-display);font-weight:500;color:var(--theatre-cream);font-size:1.1rem;letter-spacing:0.05em;text-transform:uppercase}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .footer-nav a,body[data-authenticated="true"] .footer-nav a{font-family:var(--font-body);color:var(--theatre-silver);font-size:0.9rem;transition:all 0.3s var(--ease-out-expo)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .footer-nav a:hover,body[data-authenticated="true"] .footer-nav a:hover{color:var(--theatre-cream);transform:translateX(4px)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .footer-bottom,body[data-authenticated="true"] .footer-bottom{border-top:1px solid var(--border-subtle)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .footer-bottom p,body[data-authenticated="true"] .footer-bottom p{font-family:var(--font-body);color:var(--theatre-stone);font-size:0.85rem}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .footer-bottom a,body[data-authenticated="true"] .footer-bottom a{color:var(--theatre-silver);transition:color 0.3s var(--ease-out-expo)}body[data-page]:not([data-page="home"]):not([data-page="landing"]) .footer-bottom a:hover,body[data-authenticated="true"] .footer-bottom a:hover{color:var(--theatre-cream)}@media (max-width:768px){.footer{padding:48px 0}.footer-content{flex-direction:column;align-items:center;text-align:center;gap:48px}.footer-brand{justify-content:center;width:100%}.footer-nav-section{width:100%;justify-content:center}.footer-nav-group{width:100%;text-align:center}.footer-nav a{white-space:normal}}@media (max-width:480px){.footer{padding:40px 0}.footer .container{padding:0 24px}.footer-content{gap:40px}.footer-brand{justify-content:center;width:100%}}[data-theme="dark"] .footer{background:var(--theatre-black);border-top:1px solid var(--border-subtle)}[data-theme="dark"] .footer .container{max-width:1100px}[data-theme="dark"] .footer-brand .brand-icon{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-cream);border-radius:0.5rem}[data-theme="dark"] .footer-brand .brand-name{font-family:var(--font-display);font-weight:400;letter-spacing:0.02em;color:var(--theatre-cream)}[data-theme="dark"] .footer-brand .brand-tagline{font-family:var(--font-body);color:var(--theatre-stone);font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase}[data-theme="dark"] .footer-nav-group h4{font-family:var(--font-display);font-weight:500;color:var(--theatre-cream);font-size:1.1rem;letter-spacing:0.05em;text-transform:uppercase}[data-theme="dark"] .footer-nav a{font-family:var(--font-body);color:var(--theatre-silver);font-size:0.9rem;transition:all 0.3s var(--ease-out-expo)}[data-theme="dark"] .footer-nav a:hover{color:var(--theatre-cream);transform:translateX(4px)}[data-theme="dark"] .footer-bottom{border-top:1px solid var(--border-subtle)}[data-theme="dark"] .footer-bottom p{font-family:var(--font-body);color:var(--theatre-stone);font-size:0.85rem}[data-theme="dark"] .footer-bottom a{color:var(--theatre-silver);transition:color 0.3s var(--ease-out-expo)}[data-theme="dark"] .footer-bottom a:hover{color:var(--theatre-cream)}[data-theme="light"] .footer{background:var(--theatre-ivory);border-top:1px solid var(--border-subtle)}[data-theme="light"] .footer .container{max-width:1100px}[data-theme="light"] .footer-brand .brand-icon{background:transparent;border:1px solid var(--border-visible);color:var(--theatre-cream);border-radius:0.5rem}[data-theme="light"] .footer-brand .brand-name{font-family:var(--font-display);font-weight:400;letter-spacing:0.02em;color:var(--theatre-cream)}[data-theme="light"] .footer-brand .brand-tagline{font-family:var(--font-body);color:var(--theatre-stone);font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase}[data-theme="light"] .footer-nav-group h4{font-family:var(--font-display);font-weight:500;color:var(--theatre-cream);font-size:1.1rem;letter-spacing:0.05em;text-transform:uppercase}[data-theme="light"] .footer-nav a{font-family:var(--font-body);color:var(--theatre-silver);font-size:0.9rem;transition:all 0.3s var(--ease-out-expo)}[data-theme="light"] .footer-nav a:hover{color:var(--theatre-cream);transform:translateX(4px)}[data-theme="light"] .footer-bottom{border-top:1px solid var(--border-subtle)}[data-theme="light"] .footer-bottom p{font-family:var(--font-body);color:var(--theatre-stone);font-size:0.85rem}[data-theme="light"] .footer-bottom a{color:var(--theatre-silver);transition:color 0.3s var(--ease-out-expo)}[data-theme="light"] .footer-bottom a:hover{color:var(--theatre-cream)}.intro-tour-overlay{position:fixed;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:2000;pointer-events:none}.intro-tour-overlay[hidden]{display:none!important}.intro-tour-card{background:var(--color-surface,#fff);color:var(--color-text-primary,#111);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg,10px);width:min(560px,92vw);box-shadow:var(--shadow-lg,0 10px 30px rgba(0,0,0,0.2));display:flex;flex-direction:column;z-index:2002;pointer-events:auto}.intro-tour-card.intro-floating{position:absolute}.intro-tour-card.pos-bottom::after,.intro-tour-card.pos-top::after{content:"";position:absolute;left:24px;border:8px solid transparent}.intro-tour-card.pos-bottom::after{top:-16px;border-bottom-color:var(--color-surface,#fff)}.intro-tour-card.pos-top::after{bottom:-16px;border-top-color:var(--color-surface,#fff)}.intro-tour-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border,#e5e7eb)}.intro-tour-title{font-weight:700;font-size:1.05rem}.intro-tour-body{padding:16px}.intro-tour-content{font-size:1rem;line-height:1.5}.intro-tour-progress{display:flex;gap:6px;margin-top:12px}.intro-dot{width:8px;height:8px;border-radius:999px;background:var(--color-border,#d1d5db)}.intro-dot.active{background:var(--color-primary,#463cd2)}.intro-tour-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--color-border,#e5e7eb)}.intro-tour-dontshow{display:flex;align-items:center;gap:8px;font-size:.9rem;opacity:.9}.intro-tour-highlight{outline:3px solid var(--color-primary,#463cd2);outline-offset:2px;border-radius:var(--radius-md,8px);transition:outline-color .15s ease}.intro-tour-actions .btn{min-width:96px}@media (max-width:480px){.intro-tour-card{width:calc(100vw - 24px)}}.intro-backdrop{position:absolute;inset:0;z-index:2001;pointer-events:none}.intro-backdrop .seg{position:absolute;background:rgba(0,0,0,0.45);pointer-events:auto}.intro-backdrop.hidden .seg{display:none}