.sync-overlay{position:fixed;inset:0;background:var(--theme-overlay-modal, rgba(0, 0, 0, .95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:syncFadeIn .3s ease}@keyframes syncFadeIn{0%{opacity:0}to{opacity:1}}.sync-overlay-content{text-align:center;padding:40px;min-width:400px;max-width:500px}.sync-message{font-family:Courier New,monospace;font-size:24px;color:var(--theme-primary, #00d4ff);text-shadow:0 0 10px rgba(var(--theme-primary-rgb, 0, 212, 255),.8),0 0 20px rgba(var(--theme-primary-rgb, 0, 212, 255),.4);margin-bottom:30px;font-weight:700;letter-spacing:2px;animation:syncPulse 2s ease-in-out infinite}.sync-cursor{display:inline-block;color:var(--theme-primary, #00d4ff);margin-left:8px;text-shadow:0 0 10px rgba(var(--theme-primary-rgb, 0, 212, 255),.8),0 0 20px rgba(var(--theme-primary-rgb, 0, 212, 255),.4)}.sync-cursor-hidden{visibility:hidden}@keyframes syncPulse{0%,to{opacity:1;text-shadow:0 0 10px rgba(var(--theme-primary-rgb, 0, 212, 255),.8),0 0 20px rgba(var(--theme-primary-rgb, 0, 212, 255),.4)}50%{opacity:.7;text-shadow:0 0 5px rgba(var(--theme-primary-rgb, 0, 212, 255),.6),0 0 10px rgba(var(--theme-primary-rgb, 0, 212, 255),.3)}}.sync-meter{width:100%;height:30px;background:rgba(var(--theme-primary-rgb, 0, 212, 255),.1);border:3px solid rgba(var(--theme-primary-rgb, 0, 212, 255),.5);border-radius:6px;overflow:hidden;position:relative;box-shadow:0 0 20px rgba(var(--theme-primary-rgb, 0, 212, 255),.3),inset 0 0 20px #00000080}.sync-meter-fill{height:100%;background:linear-gradient(90deg,rgba(var(--theme-primary-rgb, 0, 212, 255),.6),rgba(var(--theme-primary-rgb, 0, 212, 255),.8),rgba(var(--theme-primary-rgb, 0, 212, 255),.6));background-size:200% 100%;animation:syncMeterShine 2s linear infinite;transition:width .5s ease;box-shadow:0 0 15px rgba(var(--theme-primary-rgb, 0, 212, 255),.8),inset 0 0 10px rgba(var(--theme-primary-rgb, 0, 212, 255),.4);position:relative}.sync-meter-marquee{background:linear-gradient(90deg,rgba(var(--theme-primary-rgb, 0, 212, 255),0),rgba(var(--theme-primary-rgb, 0, 212, 255),.3) 20%,rgba(var(--theme-primary-rgb, 0, 212, 255),.8),rgba(var(--theme-primary-rgb, 0, 212, 255),.3) 80%,rgba(var(--theme-primary-rgb, 0, 212, 255),0));background-size:50% 100%;animation:syncMeterMarquee 1.5s linear infinite;box-shadow:0 0 20px rgba(var(--theme-primary-rgb, 0, 212, 255),.6),inset 0 0 15px rgba(var(--theme-primary-rgb, 0, 212, 255),.3)}@keyframes syncMeterShine{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes syncMeterMarquee{0%{background-position:-50% 0}to{background-position:150% 0}}.sync-meter:before{content:"";position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000026 50%);background-size:100% 4px;pointer-events:none;z-index:1}.sync-progress-text{font-family:Courier New,monospace;font-size:14px;color:rgba(var(--theme-primary-rgb, 0, 212, 255),.8);margin-top:15px;letter-spacing:1px;text-shadow:0 0 5px rgba(var(--theme-primary-rgb, 0, 212, 255),.5)}.sync-error-content{max-width:600px;padding:40px}.sync-error-message{font-family:system-ui,-apple-system,sans-serif;color:var(--theme-text, #fff);text-align:left;line-height:1.6}.sync-error-message p{margin-bottom:20px;font-size:16px}.sync-error-message a{color:var(--theme-primary, #00d4ff);text-decoration:none;transition:color .2s}.sync-error-message a:hover{color:rgba(var(--theme-primary-rgb, 0, 212, 255),.8);text-decoration:underline}.sync-error-details{width:100%;padding:15px;margin:15px 0;background:#0000004d;border:2px solid rgba(var(--theme-primary-rgb, 0, 212, 255),.3);border-radius:6px;color:var(--theme-text, #fff);font-family:Courier New,monospace;font-size:12px;resize:vertical;min-height:100px}.sync-error-details:focus{outline:none;border-color:rgba(var(--theme-primary-rgb, 0, 212, 255),.6)}.sync-error-apology{margin-top:20px;font-style:italic;color:rgba(var(--theme-text-rgb, 255, 255, 255),.8)}.sync-error-continue{margin-top:25px;padding:12px 40px;font-size:16px;font-weight:600;background:var(--theme-primary, #00d4ff);color:var(--theme-bg, #000);border:none;border-radius:6px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(var(--theme-primary-rgb, 0, 212, 255),.3)}.sync-error-continue:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--theme-primary-rgb, 0, 212, 255),.5)}.sync-error-continue:active{transform:translateY(0)}@media(max-width:768px){.sync-overlay-content{min-width:90%;padding:30px}.sync-message{font-size:20px}.sync-meter{height:25px}.sync-error-content{padding:25px;max-width:90%}.sync-error-message p{font-size:14px}.sync-error-details{font-size:11px}}.connection-banner{position:fixed;top:0;left:0;right:0;padding:.5rem 1rem;z-index:10;transition:background-color .3s ease}.connection-banner.disconnected{background:linear-gradient(135deg,#ef4444f2,#b91c1cf2)}.connection-banner.banned{background:repeating-linear-gradient(135deg,#b91c1cf2,#b91c1cf2 10px,#ef4444f2 10px 20px)}.connection-banner.suspended{background:repeating-linear-gradient(135deg,#ca8a04f2,#ca8a04f2 10px,#f59e0bf2 10px 20px)}.connection-banner.connecting,.connection-banner.reconnecting{background:linear-gradient(135deg,#f59e0bf2,#d97706f2)}.connection-banner-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.connection-indicator{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1.5s ease-in-out infinite}.connection-message{color:#fff;font-size:.875rem;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner-container.fullscreen{position:fixed;inset:0;background:#1a1a2ef2;z-index:9999}.loading-spinner{width:48px;height:48px;border:4px solid rgba(79,172,254,.2);border-top-color:#4facfe;border-radius:50%;animation:spin 1s linear infinite}.loading-message{margin-top:1rem;color:#a0a0a0;font-size:.95rem}@keyframes spin{to{transform:rotate(360deg)}}.startup-card-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.startup-card{background:#000000f2;border:3px solid rgba(0,255,65,.6);border-radius:12px;padding:40px 50px;min-width:500px;max-width:700px;box-shadow:0 0 30px #00ff4180,inset 0 0 40px #00ff4114;position:relative}.startup-card:before{content:"";position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000026 50%);background-size:100% 4px;pointer-events:none;border-radius:12px;z-index:1}.startup-card:after{content:"";position:absolute;inset:0;background:#00ff4108;pointer-events:none;border-radius:12px;z-index:2}.startup-card-content{position:relative;z-index:3;font-family:Courier New,monospace;font-size:16px;color:#00ff41;text-shadow:0 0 5px rgba(0,255,65,.8),0 0 10px rgba(0,255,65,.4);line-height:1.8;letter-spacing:.5px}.startup-logo{text-align:center;margin-bottom:24px}.terminal-logo{max-width:200px;height:auto;filter:drop-shadow(0 0 15px rgba(0,255,65,.6));opacity:.9}.startup-line{margin-bottom:.5rem;white-space:pre-wrap}.startup-line-bold{font-weight:700;text-shadow:0 0 8px rgba(0,255,65,1),0 0 15px rgba(0,255,65,.6)}.startup-button,.startup-card .google-sso-button{display:inline-block;background:#ffff0026;border:2px solid rgba(255,255,0,.7);color:#ff0;padding:6px 16px;font-family:Courier New,monospace;font-size:14px;font-weight:700;cursor:pointer;text-shadow:0 0 8px rgba(255,255,0,.9),0 0 15px rgba(255,255,0,.5);box-shadow:0 0 10px #ff06;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.startup-button:hover,.startup-card .google-sso-button:hover{background:#ffff0040;border-color:#ffff00e6;box-shadow:0 0 20px #ffff00b3;text-shadow:0 0 10px rgba(255,255,0,1),0 0 20px rgba(255,255,0,.6)}.startup-button:disabled,.startup-card .google-sso-button:disabled{opacity:.5;cursor:not-allowed}.startup-cursor{display:inline-block;color:#00ff41;margin-left:4px}.cursor-hidden{visibility:hidden}.auth-progress-container{margin-top:20px;margin-bottom:10px}.auth-progress-bar{width:100%;height:20px;background:#00ff411a;border:2px solid rgba(0,255,65,.4);border-radius:4px;overflow:hidden;position:relative}.auth-progress-fill{height:100%;background:linear-gradient(90deg,#00ff414d,#00ff4199);transition:width .5s ease;box-shadow:0 0 10px #00ff4199}.auth-progress-text{text-align:right;font-size:14px;margin-top:5px;color:#00ff41cc}@keyframes flicker{0%,to{opacity:1}50%{opacity:.95}}.startup-card-content{animation:flicker 4s infinite}.terminal-output{max-height:400px;overflow-y:auto;overflow-x:hidden;padding-right:10px;margin-bottom:1rem}.terminal-output::-webkit-scrollbar{width:12px}.terminal-output::-webkit-scrollbar-track{background:#00ff410d;border:1px solid rgba(0,255,65,.2);border-radius:4px}.terminal-output::-webkit-scrollbar-thumb{background:#00ff414d;border-radius:4px;border:2px solid rgba(0,0,0,.3)}.terminal-output::-webkit-scrollbar-thumb:hover{background:#00ff4180;box-shadow:0 0 10px #00ff4166}.terminal-output{scrollbar-width:thin;scrollbar-color:rgba(0,255,65,.3) rgba(0,255,65,.05)}@media(max-width:768px){.startup-card{min-width:90%;padding:30px}.startup-card-content{font-size:14px}.terminal-output{max-height:300px}}.landing-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:2rem}.landing-content{text-align:center;max-width:500px}.landing-title{font-size:3rem;margin-bottom:1rem}.gradient-text{background:linear-gradient(90deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-subtitle{font-size:1.25rem;color:#a0a0a0;margin-bottom:2.5rem}.landing-cta{margin-bottom:1.5rem}.google-sso-button{padding:.875rem 2rem;font-size:1rem;font-weight:600;color:#1a1a2e;background:linear-gradient(90deg,#4facfe,#00f2fe);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.google-sso-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4facfe4d}.google-sso-button:active{transform:translateY(0)}.google-sso-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.landing-help-text{font-size:.9rem;color:#fc0;margin:1rem 0;padding:.75rem;background:#ffcc001a;border:1px solid rgba(255,204,0,.3);border-radius:6px}.landing-note{font-size:.875rem;color:#666}@media(max-width:480px){.landing-title{font-size:2.25rem}.landing-subtitle{font-size:1rem}}.access-denied-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.access-denied-card{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:2px solid #ff0000;border-radius:12px;padding:40px;max-width:700px;width:90%;box-shadow:0 0 40px #ff00004d,inset 0 0 20px #ff00001a}.access-denied-content{color:red;font-family:Courier New,monospace;font-size:14px;line-height:1.8}.access-denied-logo{text-align:center;margin-bottom:30px}.access-denied-logo .terminal-logo{width:80px;height:80px;filter:drop-shadow(0 0 10px rgba(255,0,0,.5))}.access-denied-message{margin-bottom:20px}.access-denied-title{text-align:center;font-size:24px;font-weight:700;letter-spacing:2px;margin-bottom:30px;text-transform:uppercase;animation:pulse-red 2s ease-in-out infinite}.access-denied-body{margin-bottom:20px;text-align:left}.access-denied-email{font-weight:700;text-decoration:underline}.access-denied-cursor{display:inline-block;margin-left:5px;animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes pulse-red{0%,to{text-shadow:0 0 10px rgba(255,0,0,.5)}50%{text-shadow:0 0 20px rgba(255,0,0,.8)}}.warning-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-radius:8px;background:#ffad332e;border:1px solid rgba(255,173,51,.45);color:#f5f5f5;font-size:14px;margin:12px 16px}.warning-banner__message{flex:1}.warning-banner__dismiss{background:transparent;border:1px solid rgba(255,255,255,.4);color:inherit;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:12px}.warning-banner__dismiss:hover{border-color:#fffc}:root{--theme-primary: #00d4ff;--theme-primary-dark: #00a8cc;--theme-primary-light: #00ffff;--theme-primary-rgb: 0, 212, 255;--theme-secondary: #ff006e;--theme-secondary-dark: #cc0058;--theme-secondary-light: #ff3388;--theme-secondary-rgb: 255, 0, 110;--theme-accent-purple: #8338ec;--theme-accent-purple-rgb: 131, 56, 236;--theme-accent-orange: #fb5607;--theme-accent-orange-rgb: 251, 86, 7;--theme-accent-yellow: #ffbe0b;--theme-accent-yellow-rgb: 255, 190, 11;--theme-accent-green: #00ff88;--theme-accent-green-rgb: 0, 255, 136;--theme-accent-pink: #f093fb;--theme-accent-pink-rgb: 240, 147, 251;--theme-tint-05: .05;--theme-tint-08: .08;--theme-tint-10: .1;--theme-tint-15: .15;--theme-tint-20: .2;--theme-tint-30: .3;--theme-tint-50: .5;--theme-overlay-light: rgba(0, 0, 0, .4);--theme-overlay-medium: rgba(0, 0, 0, .5);--theme-overlay-dark: rgba(0, 0, 0, .6);--theme-overlay-modal: rgba(0, 0, 0, .85);--theme-bg-primary: #0d1117;--theme-bg-secondary: #161b22;--theme-bg-tertiary: #0a0e27;--theme-bg-card: #1a1f3a;--theme-bg-overlay: rgba(0, 0, 0, .3);--theme-bg-elevated: rgba(255, 255, 255, .05);--theme-text-primary: #c9d1d9;--theme-text-secondary: #8b949e;--theme-text-muted: #6e7681;--theme-text-bright: #e8e8e8;--theme-border-color: rgba(255, 255, 255, .1);--theme-border-accent: #00d4ff;--theme-border-glow: 0 0 10px rgba(0, 212, 255, .5);--theme-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--theme-shadow-md: 0 4px 15px rgba(0, 0, 0, .4);--theme-shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--theme-glow-cyan: 0 0 20px rgba(0, 212, 255, .5);--theme-glow-pink: 0 0 20px rgba(255, 0, 110, .5);--theme-glow-purple: 0 0 15px rgba(131, 56, 236, .6);--theme-glow-orange: 0 0 15px rgba(251, 86, 7, .6);--theme-glow-green: 0 0 10px rgba(0, 255, 136, .8);--theme-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--theme-gradient-cyan: linear-gradient(135deg, #00d4ff 0%, #00ffff 100%);--theme-gradient-pink: linear-gradient(135deg, #ff006e 0%, #ff6b6b 100%);--theme-gradient-scrollbar: linear-gradient(180deg, #00d4ff 0%, #8338ec 100%);--theme-gradient-bg: linear-gradient(180deg, #0d1117 0%, #161b22 100%)}body{background:var(--theme-bg-primary);background-image:var(--theme-gradient-bg);color:var(--theme-text-primary)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.blinking-cursor{display:inline-block;width:8px;height:16px;background-color:var(--theme-primary);margin-left:2px;animation:blink 1s infinite;vertical-align:text-bottom}@keyframes flash-red{0%,50%{opacity:1}51%,to{opacity:.3}}.flashing-red{animation:flash-red .5s infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--theme-bg-primary);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--theme-gradient-scrollbar);border-radius:10px;box-shadow:0 0 10px #00d4ff80}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0ff,#a855f7);box-shadow:0 0 15px #00d4ffcc}*{scrollbar-width:thin;scrollbar-color:var(--theme-primary) var(--theme-bg-primary)}.card,.panel,.section{background:var(--theme-bg-card);border:1px solid var(--theme-border-color);border-radius:12px;box-shadow:var(--theme-shadow-md)}.card:hover,.panel:hover{border-color:var(--theme-primary);box-shadow:var(--theme-glow-cyan)}.button-primary,button.primary{background:var(--theme-primary);color:var(--theme-bg-primary);border:none;font-weight:700;box-shadow:var(--theme-glow-cyan);transition:all .3s ease}.button-primary:hover,button.primary:hover{background:var(--theme-primary-light);box-shadow:0 0 25px #00d4ffb3;transform:translateY(-2px)}.button-secondary,button.secondary{background:var(--theme-accent-purple);color:#fff;border:none;box-shadow:var(--theme-glow-purple)}.button-accent,button.accent{background:var(--theme-secondary);color:#fff;border:none;box-shadow:var(--theme-glow-pink)}.gradient-text{background:var(--theme-gradient-cyan);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-primary{background:var(--theme-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-pink{background:var(--theme-gradient-pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-spinner{border-color:var(--theme-border-color);border-top-color:var(--theme-primary)}.status-online,.status-connected{color:var(--theme-accent-green)}.status-offline,.status-disconnected{color:var(--theme-secondary)}.status-connecting,.status-warning{color:var(--theme-accent-yellow)}.status-dot{box-shadow:var(--theme-glow-green)}.status-dot.offline{box-shadow:var(--theme-glow-pink)}input,textarea,select{background:var(--theme-bg-primary);border:2px solid var(--theme-border-color);color:var(--theme-text-primary);caret-color:var(--theme-primary);transition:all .2s ease}input:focus,textarea:focus,select:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px #00d4ff1a,var(--theme-border-glow);outline:none}input::placeholder,textarea::placeholder{color:var(--theme-text-muted)}a{color:var(--theme-primary);transition:color .2s ease}a:hover{color:var(--theme-primary-light);text-shadow:0 0 10px rgba(0,212,255,.5)}header,.header{background:var(--theme-bg-secondary);border-bottom:2px solid var(--theme-primary);box-shadow:0 4px 20px #00d4ff4d}.chat-container,.message-container{background:var(--theme-bg-card);border:1px solid var(--theme-primary);border-radius:12px;box-shadow:0 8px 32px #00d4ff33}.message-bubble.error{box-shadow:0 2px 8px #ff006e26}.sidebar{background:var(--theme-bg-tertiary);border-right:2px solid var(--theme-bg-card)}.icon-button,.action-icon{background:var(--theme-bg-elevated);border:1px solid var(--theme-border-color);border-radius:50%;transition:all .3s ease}.icon-button:hover,.action-icon:hover{border-color:var(--theme-primary);box-shadow:var(--theme-glow-cyan);transform:translateY(-2px)}.avatar{border:3px solid var(--theme-primary);box-shadow:var(--theme-glow-cyan)}.avatar:hover{box-shadow:0 0 25px #00d4ffb3}footer,.footer,.status-bar{background:var(--theme-bg-tertiary);border-top:2px solid var(--theme-bg-card)}.companion-setup-overlay,.companion-switcher-overlay,.user-settings-overlay,.modal-overlay{background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.companion-setup-modal,.user-settings-modal,.user-settings-panel,.modal-content{background:var(--theme-bg-secondary);border-left:2px solid var(--theme-primary);box-shadow:0 0 50px #00d4ff4d}.companion-setup-header,.user-settings-header,.user-settings-main-tabs,.modal-header{background:var(--theme-bg-tertiary);border-bottom:2px solid var(--theme-primary)}.companion-setup-header h2,.user-settings-header h2,.user-settings-title,.modal-header h2{color:var(--theme-primary);text-shadow:0 0 10px rgba(0,212,255,.5)}.companion-setup-close-btn,.user-settings-close-btn,.user-settings-close,.modal-close-btn{background:var(--theme-bg-elevated);border:1px solid var(--theme-border-color);color:var(--theme-text-muted)}.companion-setup-close-btn:hover,.user-settings-close-btn:hover,.user-settings-close:hover,.modal-close-btn:hover{background:#ff006e1a;border-color:var(--theme-secondary);color:var(--theme-secondary);box-shadow:var(--theme-glow-pink)}.tab-navigation,.user-settings-main-tabs,.tab-buttons{background:var(--theme-bg-tertiary);border-bottom:2px solid rgba(0,212,255,.3)}.tab-btn,.tab-button,.main-tab{background:transparent;border:none;border-bottom:3px solid transparent;color:var(--theme-text-secondary);transition:all .2s ease}.tab-btn:hover,.tab-button:hover,.main-tab:hover{background:#00d4ff14;color:var(--theme-text-primary)}.tab-btn.active,.tab-button.active,.main-tab.active{background:#00d4ff1f;border-bottom-color:var(--theme-primary);color:var(--theme-primary);text-shadow:0 0 8px rgba(0,212,255,.4)}.companion-setup-field input,.companion-setup-field textarea,.companion-setup-field select,.user-settings-field input,.user-settings-field textarea,.user-settings-field select{background:var(--theme-bg-primary);border:2px solid var(--theme-border-color);color:var(--theme-text-primary)}.companion-setup-field input:focus,.companion-setup-field textarea:focus,.companion-setup-field select:focus,.user-settings-field input:focus,.user-settings-field textarea:focus,.user-settings-field select:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px #00d4ff1a,var(--theme-border-glow)}.user-settings-content{background:var(--theme-bg-primary)}.tab-description{color:var(--theme-text-secondary)}.sub-tabs{border-bottom:1px solid var(--theme-border-color)}.sub-tab{background:var(--theme-bg-card);border:1px solid var(--theme-border-color);color:var(--theme-text-secondary)}.sub-tab:hover:not(.disabled){border-color:var(--theme-primary);color:var(--theme-text-primary)}.sub-tab.active{background:#00d4ff26;border-color:var(--theme-primary);color:var(--theme-primary)}.sub-sub-tab{border:1px solid var(--theme-border-color);color:var(--theme-text-muted)}.sub-sub-tab:hover{border-color:var(--theme-primary);color:var(--theme-text-secondary)}.sub-sub-tab.active{background:#00d4ff1a;border-color:var(--theme-primary);color:var(--theme-primary)}.form-group label{color:var(--theme-text-primary)}.form-group input,.form-group select,.form-group textarea{background:var(--theme-bg-primary);border:2px solid var(--theme-border-color);color:var(--theme-text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px #00d4ff1a,var(--theme-border-glow)}.helper-text{color:var(--theme-text-muted)}.credit-charge-display{background:linear-gradient(135deg,rgba(var(--theme-primary-rgb),.1),rgba(var(--theme-secondary-rgb),.05));border:1px solid rgba(var(--theme-primary-rgb),.3);box-shadow:0 2px 8px #0003,0 0 15px rgba(var(--theme-primary-rgb),.15)}.credit-charge-label{color:var(--theme-text-secondary)}.credit-charge-value{color:var(--theme-primary);text-shadow:0 0 10px rgba(var(--theme-primary-rgb),.5)}.companion-setup-field label,.user-settings-field label{color:var(--theme-text-secondary)}.required{color:var(--theme-secondary)}.companion-setup-save-btn,.user-settings-save-btn,.companion-setup-upload-btn,.btn-primary{background:var(--theme-primary);color:var(--theme-bg-primary);border:none;font-weight:700;box-shadow:var(--theme-glow-cyan)}.companion-setup-save-btn:hover,.user-settings-save-btn:hover,.companion-setup-upload-btn:hover,.btn-primary:hover{background:var(--theme-primary-light);box-shadow:0 0 25px #00d4ffb3}.companion-setup-cancel-btn,.user-settings-cancel-btn,.companion-setup-reset-btn,.btn-secondary{background:var(--theme-bg-elevated);border:1px solid var(--theme-border-color);color:var(--theme-text-secondary)}.companion-setup-cancel-btn:hover,.user-settings-cancel-btn:hover,.companion-setup-reset-btn:hover,.btn-secondary:hover{background:#00d4ff1a;border-color:var(--theme-primary);color:var(--theme-primary)}.btn-toggle{background:var(--theme-bg-card);border:1px solid var(--theme-border-color);color:var(--theme-text-secondary)}.btn-toggle:hover{border-color:var(--theme-primary)}.btn-toggle.active{background:#00d4ff1a;border-color:var(--theme-primary);color:var(--theme-primary)}.btn-danger{background:var(--theme-secondary);color:#fff;border:none}.btn-danger:hover{box-shadow:0 0 20px #ff006e80}.range-input input[type=range]{background:var(--theme-bg-tertiary)}.range-input input[type=range]::-webkit-slider-thumb{background:var(--theme-primary);box-shadow:var(--theme-glow-cyan)}.range-input .range-value{background:var(--theme-bg-card);color:var(--theme-primary)}.companion-setup-warning-box{background:#ffbe0b1a;border:1px solid rgba(255,190,11,.3);box-shadow:0 0 10px #ffbe0b33}.companion-setup-warning-box strong{color:var(--theme-accent-yellow)}.companion-setup-section-note{color:var(--theme-text-secondary)}.companion-setup-section-note strong{color:var(--theme-primary)}.companion-setup-notice-box{background:rgba(var(--theme-primary-rgb),.1);border:1px solid rgba(var(--theme-primary-rgb),.3);box-shadow:0 0 10px rgba(var(--theme-primary-rgb),.2)}.companion-setup-notice-box p{color:var(--theme-text-secondary)}.companion-setup-notice-box strong,.companion-setup-enable-link{color:var(--theme-primary)}.companion-setup-enable-link:hover{color:var(--theme-secondary);text-shadow:0 0 10px var(--theme-secondary)}.user-settings-info-box{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);box-shadow:0 0 10px #00d4ff33}.companion-setup-section{background:var(--theme-bg-card);border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:20px;box-shadow:0 4px 15px #0000004d}.companion-setup-section-title{color:var(--theme-primary);border-bottom:1px solid rgba(0,212,255,.3);text-shadow:0 0 8px rgba(0,212,255,.3)}.companion-setup-field-row{background:var(--theme-bg-tertiary);border:1px solid var(--theme-border-color)}.companion-setup-footer{background:var(--theme-bg-tertiary);border-top:2px solid var(--theme-primary)}.companion-setup-photo-preview{background:var(--theme-bg-tertiary);border:2px dashed rgba(0,212,255,.3)}.companion-setup-photo-placeholder{color:var(--theme-text-muted)}.companion-setup-field input[type=range]{background:var(--theme-bg-tertiary)}.companion-setup-field input[type=range]::-webkit-slider-thumb{background:var(--theme-primary);box-shadow:var(--theme-glow-cyan)}.companion-setup-field input[type=range]::-moz-range-thumb{background:var(--theme-primary);box-shadow:var(--theme-glow-cyan)}.companion-setup-slider-labels,.companion-setup-field-note{color:var(--theme-text-muted)}.companion-switcher-modal{background:var(--theme-bg-secondary);border:2px solid var(--theme-primary);border-radius:20px;box-shadow:0 0 50px #00d4ff4d}.companion-switcher-header{background:var(--theme-bg-tertiary);border-bottom:2px solid var(--theme-primary)}.companion-switcher-header h2{color:var(--theme-primary);text-shadow:0 0 10px rgba(0,212,255,.5)}.companion-switcher-close-btn{background:var(--theme-bg-elevated);border:1px solid var(--theme-border-color);color:var(--theme-text-muted)}.companion-switcher-close-btn:hover{background:#ff006e1a;border-color:var(--theme-secondary);color:var(--theme-secondary);box-shadow:var(--theme-glow-pink)}.companion-switcher-card{background:var(--theme-bg-card);border:2px solid rgba(0,212,255,.3);box-shadow:0 4px 15px #0006;transition:all .3s ease}.companion-switcher-card:hover{border-color:var(--theme-primary);box-shadow:var(--theme-glow-cyan),0 8px 25px #00000080;transform:translateY(-4px)}.companion-switcher-card.active{border-color:var(--theme-accent-green);background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,var(--theme-bg-card) 100%);box-shadow:var(--theme-glow-green),0 4px 15px #0006}.companion-switcher-last-message{background:var(--theme-bg-tertiary);border:1px solid var(--theme-border-color)}.companion-switcher-avatar{border:3px solid var(--theme-border-color)}.companion-switcher-card:hover .companion-switcher-avatar{border-color:var(--theme-primary);box-shadow:var(--theme-glow-cyan)}.companion-switcher-name{color:var(--theme-text-bright)}.companion-switcher-type{color:var(--theme-text-muted)}.companion-switcher-active-badge{background:var(--theme-accent-green);color:var(--theme-bg-primary);box-shadow:var(--theme-glow-green)}.companion-switcher-create-btn{background:var(--theme-primary);color:var(--theme-bg-primary);border:none;font-weight:700;box-shadow:var(--theme-glow-cyan)}.companion-switcher-create-btn:hover{background:var(--theme-primary-light);box-shadow:0 0 25px #00d4ffb3}.myai-branch{background:var(--theme-bg-primary);color:var(--theme-text-primary)}.myai-loading{color:var(--theme-text-secondary)}.myai-sidebar{background:var(--theme-bg-secondary);border-right:1px solid var(--theme-border-color)}.sidebar-icon{color:var(--theme-text-secondary)}.sidebar-icon:hover{background:rgba(var(--theme-primary-rgb),.1);color:var(--theme-primary)}.sidebar-dropdown{background:var(--theme-bg-card);border:1px solid var(--theme-primary);box-shadow:var(--theme-shadow-lg)}.sidebar-dropdown button{color:var(--theme-text-primary)}.sidebar-dropdown button:hover:not(:disabled){background:rgba(var(--theme-primary-rgb),.1);color:var(--theme-primary)}.dropdown-section{border-bottom-color:var(--theme-border-color)}.dropdown-header{color:var(--theme-text-muted)}.sidebar-info{color:var(--theme-text-secondary)}.subscription-name{color:var(--theme-primary)}.credits-label{color:var(--theme-text-muted)}.credits-value{color:var(--theme-text-primary)}.add-icon{background:var(--theme-primary)!important;color:var(--theme-bg-primary)!important}.add-icon:hover{background:var(--theme-primary-light)!important;box-shadow:var(--theme-glow-cyan)}.avatar-overlay{border:3px solid var(--theme-primary);box-shadow:var(--theme-glow-cyan);background:var(--theme-bg-tertiary)}.avatar-overlay:hover{box-shadow:0 0 30px rgba(var(--theme-primary-rgb),.7)}.avatar-placeholder{color:var(--theme-primary);background:linear-gradient(135deg,rgba(var(--theme-primary-rgb),.2),#0ff3)}.avatar-settings-btn{background:var(--theme-overlay-light);border:1px solid rgba(255,255,255,.15);color:#ffffff80}.avatar-settings-btn:hover{background:var(--theme-overlay-dark);border-color:var(--theme-primary);color:var(--theme-primary)}.companion-name-header{color:var(--theme-text-primary)}.header-note{color:var(--theme-text-muted)}.user-avatar-container{border:2px solid var(--theme-accent-purple);box-shadow:0 0 10px rgba(var(--theme-accent-purple-rgb),.3)}.user-avatar-container:hover{box-shadow:0 0 20px rgba(var(--theme-accent-purple-rgb),.5)}.exit-panel-overlay{background:var(--theme-overlay-medium)}.exit-panel{background:var(--theme-bg-secondary);border-right:2px solid var(--theme-primary);box-shadow:5px 0 30px #00000080}.exit-panel-header{border-bottom-color:var(--theme-border-color);background:var(--theme-bg-tertiary)}.exit-panel-title{color:var(--theme-primary)}.exit-panel-close{border-color:var(--theme-border-color);color:var(--theme-text-muted)}.exit-panel-close:hover{background:rgba(var(--theme-secondary-rgb),.1);border-color:var(--theme-secondary);color:var(--theme-secondary)}.exit-panel-tabs{border-bottom-color:var(--theme-border-color)}.exit-tab{color:var(--theme-text-secondary)}.exit-tab:hover{background:rgba(var(--theme-primary-rgb),.05);color:var(--theme-text-primary)}.exit-tab.active{color:var(--theme-primary);border-bottom-color:var(--theme-primary);background:rgba(var(--theme-primary-rgb),.1)}.companion-filter{background:var(--theme-bg-card)}.companion-filter span{color:var(--theme-text-muted)}.companion-filter label{color:var(--theme-text-secondary)}.companion-filter input[type=radio]{accent-color:var(--theme-primary)}.companion-card{background:var(--theme-bg-card);border:1px solid var(--theme-border-color)}.companion-card:hover{border-color:var(--theme-primary);box-shadow:0 0 15px rgba(var(--theme-primary-rgb),.2)}.companion-card.active{border-color:var(--theme-accent-green);background:linear-gradient(135deg,rgba(var(--theme-accent-green-rgb),.1),var(--theme-bg-card))}.companion-card-avatar{background:var(--theme-bg-tertiary);border:2px solid var(--theme-primary);color:var(--theme-primary)}.companion-card-name{color:var(--theme-text-primary)}.companion-card-type{color:var(--theme-text-muted)}.companion-card-message{color:var(--theme-text-secondary)}.companion-card-time{color:var(--theme-text-muted)}.create-note{color:var(--theme-text-secondary)}.create-form label{color:var(--theme-text-primary)}.create-form input{background:var(--theme-bg-primary);border:2px solid var(--theme-border-color);color:var(--theme-text-primary)}.create-form input:focus{border-color:var(--theme-primary)}.create-btn{background:var(--theme-primary);color:var(--theme-bg-primary)}.create-btn:hover:not(:disabled){background:var(--theme-primary-light);box-shadow:var(--theme-glow-cyan)}.creative-note{color:var(--theme-text-secondary)}.creative-btn{background:var(--theme-accent-purple);color:#fff;box-shadow:var(--theme-glow-purple)}.creative-btn:hover{box-shadow:0 0 25px rgba(var(--theme-accent-purple-rgb),.7)}.creative-hint{background:rgba(var(--theme-primary-rgb),.1);border:1px solid rgba(var(--theme-primary-rgb),.3);color:var(--theme-text-secondary)}.creative-hint strong{color:var(--theme-primary)}.chat-container{background:var(--theme-bg-primary);background-image:radial-gradient(circle at 20% 50%,rgba(var(--theme-primary-rgb),.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(var(--theme-accent-purple-rgb),.03) 0%,transparent 50%)}.message-bubble{box-shadow:var(--theme-shadow-sm)}.sender-name.user-name{color:var(--theme-accent-purple)}.sender-name.companion-name{color:var(--theme-primary)}.message-time{color:var(--theme-text-muted)}.message-text{color:var(--theme-text-primary)}.message-metadata{color:var(--theme-text-muted)}.response-time,.token-count{color:var(--theme-accent-green)}.typing-indicator span{background:var(--theme-primary);box-shadow:0 0 5px rgba(var(--theme-primary-rgb),.5)}.chat-input-container{background:var(--theme-bg-secondary);border-top:1px solid var(--theme-border-color)}.input-add-btn{color:var(--theme-primary);border:2px solid var(--theme-primary)}.input-add-btn:hover{background:rgba(var(--theme-primary-rgb),.1);box-shadow:var(--theme-glow-cyan)}.chat-input{color:var(--theme-text-primary);background:var(--theme-bg-primary);border:2px solid var(--theme-border-color);caret-color:var(--theme-primary)}.chat-input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 2px rgba(var(--theme-primary-rgb),.1)}.chat-input::placeholder{color:var(--theme-text-muted)}.send-btn{color:var(--theme-bg-primary);background:var(--theme-primary);box-shadow:0 0 15px rgba(var(--theme-primary-rgb),.4)}.send-btn:hover:not(:disabled){background:var(--theme-primary-light);box-shadow:0 0 25px rgba(var(--theme-primary-rgb),.6)}.char-count{color:var(--theme-text-muted)}.modal-overlay{background:var(--theme-overlay-modal)}.modal-content{background:var(--theme-bg-secondary);border:2px solid var(--theme-primary);box-shadow:0 0 50px rgba(var(--theme-primary-rgb),.3)}.modal-content h2{color:var(--theme-primary)}.modal-content button{color:var(--theme-bg-primary);background:var(--theme-primary)}.modal-content button:hover{background:var(--theme-primary-light)}.user-panel-overlay{background:var(--theme-overlay-medium)}.user-panel{background:var(--theme-bg-secondary);border-left:2px solid var(--theme-accent-purple);box-shadow:-5px 0 30px #00000080}.user-panel-header{border-bottom-color:var(--theme-border-color);background:var(--theme-bg-tertiary)}.user-panel-title{color:var(--theme-accent-purple)}.user-panel-close{border-color:var(--theme-border-color);color:var(--theme-text-muted)}.user-panel-close:hover{background:rgba(var(--theme-accent-purple-rgb),.1);border-color:var(--theme-accent-purple);color:var(--theme-accent-purple)}.user-panel-tabs{border-bottom-color:var(--theme-border-color)}.user-tab{color:var(--theme-text-secondary)}.user-tab:hover{background:rgba(var(--theme-accent-purple-rgb),.05);color:var(--theme-text-primary)}.user-tab.active{color:var(--theme-accent-purple);border-bottom-color:var(--theme-accent-purple);background:rgba(var(--theme-accent-purple-rgb),.1)}.subscription-status{color:var(--theme-text-primary)}.subscription-status strong{color:var(--theme-accent-purple)}.subscription-details{background:var(--theme-bg-card)}.subscription-details p{color:var(--theme-text-secondary)}.subscription-details strong,.subscription-benefits p{color:var(--theme-text-primary)}.subscription-benefits ul{color:var(--theme-text-secondary)}.subscription-upgrade{background:rgba(var(--theme-accent-purple-rgb),.1);border:1px solid rgba(var(--theme-accent-purple-rgb),.3)}.subscription-upgrade p{color:var(--theme-text-primary)}.upgrade-note{color:var(--theme-text-secondary)!important}.upgrade-btn{background:var(--theme-accent-purple);color:#fff;box-shadow:var(--theme-glow-purple)}.upgrade-btn:hover{box-shadow:0 0 25px rgba(var(--theme-accent-purple-rgb),.7)}.subscription-other p{color:var(--theme-text-primary)}.cancel-btn{color:var(--theme-secondary);border:1px solid var(--theme-secondary)}.cancel-btn:hover{background:rgba(var(--theme-secondary-rgb),.1)}.subscription-note{color:var(--theme-text-muted);background:var(--theme-bg-card)}.subscription-note strong{color:var(--theme-primary)}.credits-status{color:var(--theme-text-primary)}.credits-status strong{color:var(--theme-accent-green)}.credits-info{color:var(--theme-text-secondary)}.purchase-btn{background:var(--theme-accent-green);color:var(--theme-bg-primary);box-shadow:0 0 15px rgba(var(--theme-accent-green-rgb),.4)}.purchase-btn:hover{box-shadow:0 0 25px rgba(var(--theme-accent-green-rgb),.6)}.purchase-note{color:var(--theme-text-muted)}.credits-note{color:var(--theme-text-muted);background:var(--theme-bg-card)}.credits-note strong{color:var(--theme-primary)}.logout-info{color:var(--theme-text-secondary)}.logout-btn{background:var(--theme-secondary);color:#fff;box-shadow:0 0 15px rgba(var(--theme-secondary-rgb),.4)}.logout-btn:hover{box-shadow:0 0 25px rgba(var(--theme-secondary-rgb),.6)}.add-dropdown{background:var(--theme-bg-secondary);border:1px solid var(--theme-border-color);box-shadow:var(--theme-shadow-md)}.add-dropdown .dropdown-section:not(:last-child){border-bottom-color:var(--theme-border-color)}.add-dropdown .dropdown-header{color:var(--theme-text-muted)}.add-dropdown button{color:var(--theme-text-primary)}.add-dropdown button:hover{background:rgba(var(--theme-primary-rgb),.1);color:var(--theme-primary)}.warning-box{background:rgba(var(--theme-accent-yellow-rgb),.1);border:1px solid rgba(var(--theme-accent-yellow-rgb),.3);color:var(--theme-text-secondary)}.range-container input[type=range]{background:var(--theme-bg-card)}.range-container input[type=range]::-webkit-slider-thumb{background:var(--theme-accent-purple);box-shadow:0 0 10px rgba(var(--theme-accent-purple-rgb),.5)}.range-value{color:var(--theme-accent-purple)}.go-creative-btn{background:var(--theme-accent-purple);color:#fff;box-shadow:0 0 15px rgba(var(--theme-accent-purple-rgb),.4)}.go-creative-btn:hover{box-shadow:0 0 25px rgba(var(--theme-accent-purple-rgb),.6)}.help-icon{color:var(--theme-text-muted)}.section-description{color:var(--theme-text-secondary)}.account-branch{background:var(--theme-gradient-bg);color:var(--theme-text-bright)}.account-header{border-bottom:1px solid var(--theme-border-color)}.account-header h1{background:linear-gradient(90deg,var(--theme-accent-green),#38f9d7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.account-loading{color:var(--theme-text-secondary)}.settings-section{background:var(--theme-bg-elevated);border:1px solid var(--theme-border-color)}.settings-section h2{color:var(--theme-primary);border-bottom-color:var(--theme-border-color)}.setting-row label{color:var(--theme-text-secondary)}.setting-row input[type=text]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--theme-text-bright)}.setting-row input[type=text]:focus{border-color:var(--theme-primary)}.setting-value{color:var(--theme-text-bright)}.save-btn{color:var(--theme-bg-tertiary);background:linear-gradient(90deg,var(--theme-accent-green),#38f9d7)}.save-btn:hover:not(:disabled){box-shadow:0 8px 20px rgba(var(--theme-accent-green-rgb),.3)}.logout-btn{color:var(--theme-secondary);border:1px solid var(--theme-secondary)}.logout-btn:hover{background:rgba(var(--theme-secondary-rgb),.1)}.creative-branch{background:var(--theme-gradient-bg);color:var(--theme-text-bright)}.creative-header{border-bottom:1px solid var(--theme-border-color)}.creative-header h1{background:linear-gradient(90deg,var(--theme-accent-pink),#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.generate-btn{color:var(--theme-bg-tertiary);background:linear-gradient(90deg,var(--theme-accent-pink),#f5576c)}.generate-btn:hover:not(:disabled){box-shadow:0 8px 20px rgba(var(--theme-accent-pink-rgb),.3)}.creative-loading,.creative-empty{color:var(--theme-text-secondary)}.image-card{background:var(--theme-bg-elevated);border:1px solid var(--theme-border-color)}.image-card:hover{border-color:rgba(var(--theme-accent-pink-rgb),.5)}.connection-banner.disconnected{background:linear-gradient(90deg,rgba(var(--theme-secondary-rgb),.95),#b91c1cf2)}.connection-banner.reconnecting{background:linear-gradient(90deg,rgba(var(--theme-accent-yellow-rgb),.95),#d97706f2)}.connection-banner .indicator{background:#fff}.error-boundary{background:rgba(var(--theme-secondary-rgb),.1)}.error-boundary h1{color:var(--theme-secondary)}.error-boundary p{color:var(--theme-text-secondary)}.error-boundary button{background:var(--theme-secondary);color:#fff}.error-boundary button:hover{background:var(--theme-secondary-dark)}.loading-spinner-fullscreen{background:rgba(var(--theme-bg-tertiary),.95)}.loading-spinner{border:3px solid rgba(var(--theme-primary-rgb),.2);border-top-color:var(--theme-primary)}.loading-message{color:var(--theme-text-secondary)}.app-loader{background:var(--theme-gradient-bg)}.app-loader-title{color:var(--theme-primary);text-shadow:0 0 20px rgba(var(--theme-primary-rgb),.3)}.app-loader-subtitle{color:var(--theme-text-secondary)}.app-loader-progress{background:var(--theme-bg-card)}.app-loader-progress-bar{background:var(--theme-primary);box-shadow:0 0 10px rgba(var(--theme-primary-rgb),.5)}.crsein-section{background:var(--theme-bg-card);border:1px solid rgba(var(--theme-accent-green-rgb),.3)}.crsein-icon{color:var(--theme-accent-green)}.crsein-title{color:var(--theme-text-primary)}.crsein-status{color:var(--theme-text-secondary)}.capability-row{background:var(--theme-bg-tertiary)}.capability-label{color:var(--theme-text-secondary)}.capability-btn{background:var(--theme-bg-elevated);border:1px solid var(--theme-border-color);color:var(--theme-text-secondary)}.capability-btn.active{background:var(--theme-accent-green);border-color:var(--theme-accent-green);color:var(--theme-bg-primary);box-shadow:0 0 10px rgba(var(--theme-accent-green-rgb),.4)}.capability-btn.active:hover{box-shadow:0 0 15px rgba(var(--theme-accent-green-rgb),.6);transform:translateY(-1px)}.capability-btn:disabled{background:var(--theme-bg-elevated);border-color:var(--theme-border-color);color:var(--theme-text-muted)}.companion-slots-section{background:var(--theme-bg-card);border:1px solid rgba(var(--theme-primary-rgb),.2)}.slots-title{color:var(--theme-primary)}.slots-info{color:var(--theme-text-secondary)}.slots-bar-container{background:var(--theme-bg-tertiary)}.slots-bar-fill{background:linear-gradient(90deg,var(--theme-primary),var(--theme-accent-purple));box-shadow:0 0 10px rgba(var(--theme-primary-rgb),.5)}.slots-count{color:var(--theme-text-secondary)}.slots-hint{color:var(--theme-text-muted)}.purchase-slots-btn{background:var(--theme-accent-green);color:var(--theme-bg-primary);box-shadow:0 0 15px rgba(var(--theme-accent-green-rgb),.4)}.purchase-slots-btn:hover{box-shadow:0 0 25px rgba(var(--theme-accent-green-rgb),.6);transform:translateY(-2px)}.unlock-code-input{background:var(--theme-bg-primary);border:2px solid var(--theme-border-color);color:var(--theme-text-primary)}.btn-change-code{background:var(--theme-bg-elevated);border:1px solid var(--theme-border-color);color:var(--theme-text-secondary)}.btn-change-code:hover{background:rgba(var(--theme-primary-rgb),.1);border-color:var(--theme-primary);color:var(--theme-primary)}.code-change-overlay{background:var(--theme-overlay-modal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.code-change-modal{background:var(--theme-bg-secondary);border:2px solid var(--theme-primary);box-shadow:0 0 50px rgba(var(--theme-primary-rgb),.3)}.code-modal-header{background:var(--theme-bg-tertiary);border-bottom-color:var(--theme-border-color)}.code-modal-header h3{color:var(--theme-primary)}.code-modal-close{background:var(--theme-bg-elevated);border:1px solid var(--theme-border-color);color:var(--theme-text-muted)}.code-modal-close:hover{background:rgba(var(--theme-secondary-rgb),.1);border-color:var(--theme-secondary);color:var(--theme-secondary)}.code-modal-content{background:var(--theme-bg-primary)}.code-modal-description{color:var(--theme-text-secondary)}.code-modal-actions{background:var(--theme-bg-tertiary);border-top-color:var(--theme-border-color)}.code-error{background:rgba(var(--theme-secondary-rgb),.1);border:1px solid var(--theme-secondary);color:var(--theme-secondary)}.storage-section{background:var(--theme-bg-card);border:1px solid var(--theme-border-color)}.storage-section-title{color:var(--theme-text-primary)}.storage-stats{color:var(--theme-primary)}.browser-label{color:var(--theme-text-primary)}.browser-name{color:var(--theme-primary)}.storage-meter{background:rgba(var(--theme-primary-rgb),.15)}.meter-fill{background:var(--theme-primary)}.storage-note{color:var(--theme-text-muted);background:rgba(var(--theme-primary-rgb),.05);border-left:3px solid var(--theme-primary)}.storage-description{color:var(--theme-text-secondary)}.storage-recommendation{color:var(--theme-text-primary);background:rgba(var(--theme-primary-rgb),.1);border:1px solid rgba(var(--theme-primary-rgb),.3)}.storage-alert-info{color:var(--theme-text-secondary);background:rgba(var(--theme-primary-rgb),.05);border:1px solid rgba(var(--theme-primary-rgb),.2)}.test-scenario-dropdown{background:rgba(var(--theme-primary-rgb),.15);color:var(--theme-text-primary);border:1px solid rgba(var(--theme-primary-rgb),.3)}.test-scenario-dropdown:hover{background:rgba(var(--theme-primary-rgb),.25);border-color:var(--theme-primary)}.test-scenario-dropdown option{background:var(--theme-bg-secondary);color:var(--theme-text-primary)}.effect-layer{position:fixed;inset:0;pointer-events:none;z-index:9000;opacity:0;transition:opacity .5s ease}.effect-layer.visible{opacity:1}.effect-layer.preview{z-index:9990}.effect-layer.intensity-subtle.visible{opacity:.25}.effect-layer.intensity-default.visible{opacity:.5}.effect-layer.intensity-moderate.visible{opacity:.75}.effect-layer.intensity-intense.visible,.effect-layer.intensity-full.visible{opacity:1}.effect-layer.intensity-minimal.visible{opacity:.25}.effect-container{position:absolute;inset:0;overflow:hidden}.particle{position:absolute;pointer-events:none}@keyframes fall{0%{transform:translateY(-10px) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@keyframes rise{0%{transform:translateY(100vh);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10px);opacity:0}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(20px)}}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-10px) translate(5px)}50%{transform:translateY(0) translate(10px)}75%{transform:translateY(10px) translate(5px)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.7}75%{opacity:.9}}@keyframes glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.cyberpunk-lightning{pointer-events:none}.lightning-bolt{position:absolute;top:0;height:50vh;animation:lightning-strike .3s ease-out forwards}.lightning-bolt svg{width:100%;height:100%}.lightning-main{filter:drop-shadow(0 0 10px var(--theme-primary, #00d4ff)) drop-shadow(0 0 20px var(--theme-primary, #00d4ff)) drop-shadow(0 0 40px var(--theme-secondary, #ff00ff));animation:lightning-glow .15s ease-in-out 2}.lightning-branch{filter:drop-shadow(0 0 5px var(--theme-primary, #00d4ff));opacity:.7}.lightning-flash-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,212,255,.1) 0%,transparent 30%);animation:flash-fade .3s ease-out forwards}@keyframes lightning-strike{0%{opacity:0;transform:scaleY(0);transform-origin:top}20%{opacity:1;transform:scaleY(1)}to{opacity:0}}@keyframes lightning-glow{0%,to{filter:drop-shadow(0 0 10px var(--theme-primary, #00d4ff)) drop-shadow(0 0 20px var(--theme-primary, #00d4ff))}50%{filter:drop-shadow(0 0 20px var(--theme-primary, #00d4ff)) drop-shadow(0 0 40px var(--theme-primary, #00d4ff)) drop-shadow(0 0 60px var(--theme-secondary, #ff00ff))}}@keyframes flash-fade{0%{opacity:.3}to{opacity:0}}.cyberpunk-neon-dust{pointer-events:none}.neon-particle{position:absolute;border-radius:50%;animation:neon-float 15s ease-in-out infinite}.neon-particle.primary{background:var(--theme-primary, #00d4ff);box-shadow:0 0 6px var(--theme-primary, #00d4ff),0 0 12px var(--theme-primary, #00d4ff)}.neon-particle.secondary{background:var(--theme-secondary, #ff00ff);box-shadow:0 0 6px var(--theme-secondary, #ff00ff),0 0 12px var(--theme-secondary, #ff00ff)}@keyframes neon-float{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(30px,-20px) scale(1.2);opacity:.8}50%{transform:translate(-20px,30px) scale(.8);opacity:.5}75%{transform:translate(20px,20px) scale(1.1);opacity:.7}}.cyberpunk-rain-splash{pointer-events:none}.rain-drop{position:absolute;top:-20px;width:1px;height:20px;background:linear-gradient(to bottom,transparent,var(--theme-primary, #00d4ff));animation:rain-fall .8s linear infinite;opacity:.6}.splash-zone{position:absolute;bottom:0;left:0;right:0;height:20px}.rain-splash{position:absolute;bottom:5px;width:10px;height:10px;animation:splash-effect .4s ease-out forwards}.rain-splash:before,.rain-splash:after{content:"";position:absolute;width:2px;height:6px;background:var(--theme-primary, #00d4ff);border-radius:50%;box-shadow:0 0 4px var(--theme-primary, #00d4ff)}.rain-splash:before{transform:rotate(-30deg);left:0}.rain-splash:after{transform:rotate(30deg);right:0}@keyframes rain-fall{0%{transform:translateY(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(100vh);opacity:0}}@keyframes splash-effect{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}.cyberpunk-crt-glow{pointer-events:none}.scanlines{position:absolute;top:0;left:0;right:0;height:60px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px);opacity:.15;animation:scanline-move 8s linear infinite}.crt-glow-pulse{position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(ellipse at top right,rgba(0,212,255,.08) 0%,transparent 70%);animation:glow-pulse 4s ease-in-out infinite}.screen-flicker{position:absolute;inset:0;background:transparent;animation:screen-flicker-anim .1s infinite;opacity:.01}.crt-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 75%,rgba(0,0,0,.1) 100%)}@keyframes scanline-move{0%{background-position:0 0}to{background-position:0 100px}}@keyframes glow-pulse{0%,to{opacity:.2}50%{opacity:.4}}@keyframes screen-flicker-anim{0%,to{background:transparent}50%{background:#ffffff03}}.cyberpunk-hologram-flicker{pointer-events:none}.hologram-edge{position:absolute;background:linear-gradient(90deg,transparent,var(--theme-primary, #00d4ff),transparent);opacity:.3;animation:edge-pulse 3s ease-in-out infinite}.hologram-edge.top{top:0;left:0;right:0;height:2px}.hologram-edge.bottom{bottom:0;left:0;right:0;height:2px}.hologram-edge.left{top:0;left:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--theme-primary, #00d4ff),transparent)}.hologram-edge.right{top:0;right:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--theme-secondary, #ff00ff),transparent)}.glitch-line{position:absolute;background:var(--theme-primary, #00d4ff);animation:glitch-flash .15s ease-out forwards}.glitch-line.horizontal{left:0;height:2px;box-shadow:0 0 10px var(--theme-primary, #00d4ff),2px 0 0 var(--theme-secondary, #ff00ff),-2px 0 #0f0}.glitch-line.vertical{top:0;width:2px;box-shadow:0 0 10px var(--theme-primary, #00d4ff),0 2px 0 var(--theme-secondary, #ff00ff),0 -2px #0f0}.chromatic-aberration{position:absolute;inset:0;animation:chromatic-shift 5s ease-in-out infinite;opacity:.05}@keyframes edge-pulse{0%,to{opacity:.2}50%{opacity:.5}}@keyframes glitch-flash{0%{opacity:1;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(1.5)}to{opacity:0;transform:scaleX(.5)}}@keyframes chromatic-shift{0%,to{box-shadow:-2px 0 #ff00001a,2px 0 #00ffff1a}50%{box-shadow:2px 0 #ff00001a,-2px 0 #00ffff1a}}.witcher-sign-cast{pointer-events:none}.witcher-sign{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;opacity:0;animation:sign-appear 2s ease-out forwards;filter:drop-shadow(0 0 20px #4a7c59) drop-shadow(0 0 40px #4a7c59)}.sign-circle{position:absolute;top:50%;left:50%;width:150px;height:150px;transform:translate(-50%,-50%);border:3px solid #4a7c59;border-radius:50%;opacity:0;animation:circle-expand 2s ease-out forwards}.sign-glow{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(74,124,89,.3) 0%,transparent 70%);opacity:0;animation:glow-pulse 2s ease-out forwards}@keyframes sign-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes circle-expand{0%{opacity:0;width:50px;height:50px}30%{opacity:.8}to{opacity:0;width:300px;height:300px}}@keyframes glow-pulse{0%,to{opacity:0}50%{opacity:1}}.alchemy-bubbles{pointer-events:none}.alchemy-bubble{position:absolute;bottom:-20px;border-radius:50%;opacity:.7;animation:bubble-rise ease-out infinite;box-shadow:0 0 10px currentColor,inset 0 0 5px #ffffff4d}.toxic-mist{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,rgba(74,124,89,.3),transparent);animation:mist-pulse 3s ease-in-out infinite}@keyframes bubble-rise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.7}90%{opacity:.5}to{transform:translateY(-100vh) scale(.5);opacity:0}}@keyframes mist-pulse{0%,to{opacity:.3;height:100px}50%{opacity:.5;height:150px}}.sword-gleam{pointer-events:none}.sword-slash{position:absolute;top:30%;left:20%;width:60%;height:4px;background:linear-gradient(90deg,transparent,#d4dfe8,#a8b5c4,#d4dfe8,transparent);transform:rotate(-15deg);opacity:0;animation:slash-appear .8s ease-out forwards;filter:blur(1px);box-shadow:0 0 20px #d4dfe8,0 0 40px #a8b5c4}.sword-spark{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;opacity:0;animation:spark-fly .6s ease-out forwards}.spark-1{top:35%;left:50%;animation-delay:.2s}.spark-2{top:30%;left:55%;animation-delay:.25s}.spark-3{top:40%;left:48%;animation-delay:.3s}.silver-shine{position:absolute;inset:0;background:radial-gradient(ellipse at 40% 35%,rgba(212,223,232,.2) 0%,transparent 50%);opacity:0;animation:shine-flash .8s ease-out forwards}@keyframes slash-appear{0%{opacity:0;transform:rotate(-15deg) scaleX(0)}30%{opacity:1;transform:rotate(-15deg) scaleX(1)}to{opacity:0;transform:rotate(-15deg) scaleX(1.2)}}@keyframes spark-fly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx, 30px),var(--dy, -20px)) scale(0)}}@keyframes shine-flash{0%,to{opacity:0}30%{opacity:1}}.monster-eyes{pointer-events:none}.eye-pair{position:absolute;display:flex;opacity:0;animation:eyes-appear 3s ease-in-out forwards}.monster-eye{border-radius:50%;background:var(--eye-color, #ff4444);box-shadow:0 0 10px var(--eye-color, #ff4444),0 0 20px var(--eye-color, #ff4444);animation:eye-glow .5s ease-in-out infinite alternate}@keyframes eyes-appear{0%{opacity:0}20%{opacity:1}30%{opacity:.3}40%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes eye-glow{0%{filter:brightness(.8)}to{filter:brightness(1.2)}}.medallion-vibrate{pointer-events:none}.medallion{position:absolute;top:20%;right:10%;font-size:50px;opacity:0;animation:medallion-shake 2.5s ease-in-out forwards;filter:drop-shadow(0 0 10px #a8b5c4)}.vibration-ring{position:absolute;top:20%;right:10%;width:60px;height:60px;border:2px solid #a8b5c4;border-radius:50%;opacity:0;transform:translate(10px,10px)}.ring-1{animation:ring-expand 2.5s ease-out .3s forwards}.ring-2{animation:ring-expand 2.5s ease-out .6s forwards}.ring-3{animation:ring-expand 2.5s ease-out .9s forwards}.danger-pulse{position:absolute;inset:0;background:radial-gradient(circle at 90% 25%,rgba(139,79,90,.2) 0%,transparent 30%);opacity:0;animation:danger-flash 2.5s ease-in-out forwards}@keyframes medallion-shake{0%{opacity:0;transform:rotate(0)}10%{opacity:1}15%,25%,35%,45%,55%,65%{transform:rotate(-5deg)}20%,30%,40%,50%,60%{transform:rotate(5deg)}70%{transform:rotate(0);opacity:1}to{opacity:0}}@keyframes ring-expand{0%{opacity:0;width:60px;height:60px}30%{opacity:.6}to{opacity:0;width:200px;height:200px;transform:translate(-60px,-60px)}}@keyframes danger-flash{0%,to{opacity:0}20%,40%,60%{opacity:.5}30%,50%{opacity:0}}.darkages-torch-flicker{pointer-events:none}.torch-light{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,140,60,.3) 0%,rgba(255,100,0,.1) 40%,transparent 70%);filter:blur(20px);animation:torch-flicker 3s ease-in-out infinite;transform:translate(-50%,-50%)}@keyframes torch-flicker{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}10%{opacity:.7;transform:translate(-50%,-50%) scale(1.05)}20%{opacity:.5;transform:translate(-50%,-50%) scale(.95)}30%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}40%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.03)}60%{opacity:.5;transform:translate(-50%,-50%) scale(.98)}70%{opacity:.75;transform:translate(-50%,-50%) scale(1.07)}80%{opacity:.65;transform:translate(-50%,-50%) scale(1.02)}90%{opacity:.55;transform:translate(-50%,-50%) scale(.96)}}.darkages-drift-ash{pointer-events:none;overflow:hidden}.ash-particle{position:absolute;bottom:-10px;background:#8c827866;border-radius:50%;animation:ash-drift 15s linear infinite;filter:blur(1px)}@keyframes ash-drift{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:.6}50%{opacity:.4}90%{opacity:.2}to{transform:translate(var(--drift-x),-100vh) rotate(360deg);opacity:0}}.darkages-parchment-burn{pointer-events:none}.burn-edge{position:absolute;background:linear-gradient(90deg,transparent 0%,rgba(80,50,30,.3) 30%,rgba(40,25,15,.5) 50%,rgba(80,50,30,.3) 70%,transparent 100%);animation:burn-pulse 3s ease-in-out infinite}.burn-top{top:0;left:0;right:0;height:8px}.burn-bottom{bottom:0;left:0;right:0;height:8px}.burn-left{left:0;top:0;bottom:0;width:8px;background:linear-gradient(180deg,transparent 0%,rgba(80,50,30,.3) 30%,rgba(40,25,15,.5) 50%,rgba(80,50,30,.3) 70%,transparent 100%)}.burn-right{right:0;top:0;bottom:0;width:8px;background:linear-gradient(180deg,transparent 0%,rgba(80,50,30,.3) 30%,rgba(40,25,15,.5) 50%,rgba(80,50,30,.3) 70%,transparent 100%)}.burn-corner{position:absolute;width:20px;height:20px;background:radial-gradient(circle,rgba(40,25,15,.6) 0%,transparent 70%)}.burn-top-left{top:0;left:0}.burn-top-right{top:0;right:0}.burn-bottom-left{bottom:0;left:0}.burn-bottom-right{bottom:0;right:0}.ember-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,100,0,.02) 0%,transparent 60%);animation:ember-pulse 4s ease-in-out infinite alternate}@keyframes burn-pulse{0%,to{opacity:.6}50%{opacity:.9}}@keyframes ember-pulse{0%{opacity:.3}to{opacity:.6}}.darkages-candle-glow{pointer-events:none}.candle-light{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,200,100,.2) 0%,rgba(255,160,60,.15) 30%,rgba(255,140,40,.08) 50%,transparent 70%);filter:blur(30px);animation:candle-pulse 3s ease-in-out infinite;transform:translate(-50%,-50%)}@keyframes candle-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}15%{opacity:.6;transform:translate(-50%,-50%) scale(1.05)}30%{opacity:.55;transform:translate(-50%,-50%) scale(1.02)}45%{opacity:.65;transform:translate(-50%,-50%) scale(1.08)}60%{opacity:.5;transform:translate(-50%,-50%) scale(.98)}75%{opacity:.6;transform:translate(-50%,-50%) scale(1.03)}90%{opacity:.55;transform:translate(-50%,-50%) scale(1.01)}}.darkages-embers{pointer-events:none;overflow:hidden}.ember-particle{position:absolute;bottom:-10px;background:radial-gradient(circle,rgba(255,140,40,calc(var(--brightness, 1) * .9)) 0%,rgba(255,100,0,calc(var(--brightness, 1) * .6)) 40%,transparent 70%);border-radius:50%;animation:ember-rise 10s ease-out infinite;filter:blur(1px);box-shadow:0 0 4px rgba(255,100,0,calc(var(--brightness, 1) * .8)),0 0 8px rgba(255,100,0,calc(var(--brightness, 1) * .4))}@keyframes ember-rise{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:calc(var(--brightness, 1) * .9)}40%{opacity:calc(var(--brightness, 1) * .7)}70%{opacity:calc(var(--brightness, 1) * .4)}90%{opacity:calc(var(--brightness, 1) * .1)}to{transform:translate(var(--drift-x),-100vh) rotate(180deg);opacity:0}}.cottoncandy-pastel-sparkles{pointer-events:none}.sparkle{position:absolute;border-radius:50%;animation:sparkle-twinkle 3s ease-in-out infinite;filter:blur(.5px)}.sparkle-pink{background:radial-gradient(circle,rgba(255,182,193,.9) 0%,transparent 70%);box-shadow:0 0 6px #ffb6c1cc,0 0 12px #ffb6c166}.sparkle-blue{background:radial-gradient(circle,rgba(173,216,230,.9) 0%,transparent 70%);box-shadow:0 0 6px #add8e6cc,0 0 12px #add8e666}.sparkle-purple{background:radial-gradient(circle,rgba(221,160,221,.9) 0%,transparent 70%);box-shadow:0 0 6px #dda0ddcc,0 0 12px #dda0dd66}.sparkle-yellow{background:radial-gradient(circle,rgba(255,255,200,.9) 0%,transparent 70%);box-shadow:0 0 6px #ffffc8cc,0 0 12px #ffffc866}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.cottoncandy-soft-clouds{pointer-events:none;overflow:hidden}.soft-cloud{position:absolute;left:-100px;background:radial-gradient(ellipse,rgba(255,192,203,.6) 0%,rgba(255,182,193,.4) 30%,rgba(255,200,220,.2) 60%,transparent 100%);border-radius:50%;animation:cloud-drift 40s linear infinite;filter:blur(25px)}.soft-cloud:before{content:"";position:absolute;top:30%;left:20%;width:60%;height:70%;background:radial-gradient(ellipse,rgba(173,216,230,.4) 0%,transparent 70%);border-radius:50%;filter:blur(15px)}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 200px))}}.cottoncandy-confetti{pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-20px;border-radius:3px;animation:confetti-fall 6s ease-in infinite}.confetti-pink{background:linear-gradient(135deg,#ffb6c1,pink)}.confetti-blue{background:linear-gradient(135deg,#add8e6,#b0e0e6)}.confetti-purple{background:linear-gradient(135deg,plum,#e6a8d7)}.confetti-mint{background:linear-gradient(135deg,#b2f2bb,#a7f0ba)}.confetti-yellow{background:linear-gradient(135deg,#fffacd,#ffc)}@keyframes confetti-fall{0%{transform:translateY(0) rotate(var(--initial-rotation)) scale(1);opacity:0}10%{opacity:1}90%{opacity:.7}to{transform:translateY(100vh) rotate(calc(var(--initial-rotation) + 720deg)) scale(.5);opacity:0}}.cottoncandy-bubble-drift{pointer-events:none;overflow:hidden}.bubble{position:absolute;bottom:-50px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff4d,#ffc0cb33,#add8e626 60%,#dda0dd1a);border:1px solid rgba(255,255,255,.3);animation:bubble-float 12s ease-in-out infinite}.bubble-shine{position:absolute;top:20%;left:20%;width:30%;height:30%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);border-radius:50%;filter:blur(2px)}@keyframes bubble-float{0%{transform:translate(0) scale(.8);opacity:0}10%{opacity:.8}50%{opacity:.6}90%{opacity:.2}to{transform:translate(var(--drift-x),-110vh) scale(1.2);opacity:0}}.cottoncandy-rainbow-streak{pointer-events:none}.rainbow-arc{position:absolute;height:40px;background:linear-gradient(90deg,transparent 0%,rgba(255,182,193,.4) 10%,rgba(255,218,185,.4) 25%,rgba(255,255,200,.4) 40%,rgba(173,216,230,.4) 55%,rgba(221,160,221,.4) 70%,rgba(255,192,203,.4) 85%,transparent 100%);border-radius:50px;filter:blur(10px);animation:rainbow-appear 4s ease-in-out infinite;opacity:0}@keyframes rainbow-appear{0%,to{opacity:0;transform:scale(.8) translateY(0)}20%{opacity:.6;transform:scale(1) translateY(-10px)}80%{opacity:.6;transform:scale(1) translateY(-10px)}}.fallout-crt-jitter{pointer-events:none}.crt-distortion{position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(0deg,transparent 0%,rgba(18,16,16,.05) 50%,transparent 100%);animation:crt-jitter .2s steps(2) infinite}.crt-static{position:absolute;top:0;left:0;right:0;height:100px;background-image:repeating-linear-gradient(0deg,transparent 0px,rgba(255,255,255,.02) 1px,transparent 2px);animation:static-flicker .1s steps(3) infinite;opacity:.15}.crt-displacement{position:absolute;top:0;left:0;width:150px;height:150px;background:radial-gradient(ellipse at top left,rgba(0,255,0,.03) 0%,transparent 70%);animation:displacement-shift 3s ease-in-out infinite}@keyframes crt-jitter{0%,to{transform:translate(0) skew(0)}25%{transform:translate(-.5px) skew(-.1deg)}50%{transform:translate(.25px) skew(.05deg)}75%{transform:translate(-.25px) skew(-.05deg)}}@keyframes static-flicker{0%,to{opacity:.15}50%{opacity:.08}}@keyframes displacement-shift{0%,to{transform:translate(0);opacity:.15}50%{transform:translate(1px);opacity:.25}}.fallout-dust-storm{pointer-events:none;overflow:hidden}.dust-particle{position:absolute;left:-10px;background:#8b776599;border-radius:50%;animation:dust-blow 8s linear infinite;filter:blur(1px)}@keyframes dust-blow{0%{transform:translate(0) translateY(0)}to{transform:translate(calc(100vw + 20px)) translateY(calc(Math.random() * 40px - 20px))}}.fallout-geiger-flicker{pointer-events:none}.radiation-pulse{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(0,255,0,.15) 0%,rgba(0,200,0,.08) 40%,transparent 70%);animation:geiger-flash 3s ease-in-out infinite;filter:blur(8px);transform:translate(-50%,-50%)}@keyframes geiger-flash{0%,90%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}2%,4%,6%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}3%,5%{opacity:0;transform:translate(-50%,-50%) scale(1)}}.fallout-warning-flash{pointer-events:none}.warning-light{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,180,0,.4) 0%,rgba(255,140,0,.2) 40%,transparent 70%);animation:warning-pulse 3s ease-in-out infinite;filter:blur(15px);transform:translate(-50%,-50%)}@keyframes warning-pulse{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}10%,30%{opacity:.9;transform:translate(-50%,-50%) scale(1.1)}20%,40%{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%,90%{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.fallout-terminal-scan{pointer-events:none;overflow:hidden}.scan-line{position:absolute;top:-3px;left:0;right:0;height:3px;background:linear-gradient(180deg,transparent 0%,rgba(0,255,100,.8) 50%,transparent 100%);box-shadow:0 0 10px #00ff6499,0 0 20px #00ff644d;animation:scan-move 4s linear infinite}.scan-afterglow{position:absolute;top:-10px;left:0;right:0;height:10px;background:linear-gradient(180deg,transparent 0%,rgba(0,255,100,.2) 70%,transparent 100%);filter:blur(5px);animation:scan-move 4s linear infinite}@keyframes scan-move{0%{transform:translateY(0);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translateY(100vh);opacity:0}}.synthwave-grid-lines{pointer-events:none;overflow:hidden}.grid-perspective{position:absolute;bottom:0;left:0;right:0;height:60%;transform:perspective(600px) rotateX(60deg);transform-origin:bottom center}.grid-line{position:absolute;background:linear-gradient(90deg,transparent 0%,var(--theme-primary, #ff00ff) 50%,transparent 100%);animation:grid-flow 3s ease-in-out infinite}.grid-line.horizontal{left:0;right:0;height:2px;box-shadow:0 0 8px var(--theme-primary, #ff00ff)}.grid-line.vertical{top:0;bottom:0;width:2px;box-shadow:0 0 8px var(--theme-accent, #00ffff);background:linear-gradient(180deg,transparent 0%,var(--theme-accent, #00ffff) 50%,transparent 100%)}@keyframes grid-flow{0%,to{opacity:.4;filter:brightness(.8)}50%{opacity:.8;filter:brightness(1.2)}}.synthwave-sun-glow{pointer-events:none}.sun-container{position:absolute;bottom:15%;left:50%;transform:translate(-50%);width:200px;height:200px}.sun-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;background:linear-gradient(180deg,#f0f,#ff6b00,#f0a);box-shadow:0 0 40px #f0f,0 0 80px #ff6b00,inset 0 0 20px #ffffff4d;animation:sun-pulse 2.5s ease-in-out infinite}.sun-glow-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:.6}.glow-1{width:120px;height:120px;background:radial-gradient(circle,rgba(255,0,255,.4) 0%,transparent 70%);animation:glow-pulse 2.5s ease-in-out infinite}.glow-2{width:160px;height:160px;background:radial-gradient(circle,rgba(255,107,0,.3) 0%,transparent 70%);animation:glow-pulse 2.5s ease-in-out infinite .3s}.glow-3{width:200px;height:200px;background:radial-gradient(circle,rgba(255,0,170,.2) 0%,transparent 70%);animation:glow-pulse 2.5s ease-in-out infinite .6s}.horizon-glow{position:absolute;bottom:-100px;left:50%;transform:translate(-50%);width:400px;height:100px;background:linear-gradient(180deg,rgba(255,0,255,.3) 0%,rgba(255,107,0,.2) 50%,transparent 100%);filter:blur(20px);animation:horizon-pulse 3s ease-in-out infinite}@keyframes sun-pulse{0%,to{transform:translate(-50%,-50%) scale(1);filter:brightness(1)}50%{transform:translate(-50%,-50%) scale(1.05);filter:brightness(1.2)}}@keyframes glow-pulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes horizon-pulse{0%,to{opacity:.5}50%{opacity:.8}}.synthwave-laser-lines{pointer-events:none;overflow:hidden}.laser-beam{position:absolute;left:-100%;width:200%;height:3px;opacity:0;animation:laser-shoot 3s ease-out infinite;transform-origin:center center}.laser-beam:before{content:"";position:absolute;top:50%;left:0;right:0;height:100%;transform:translateY(-50%);filter:blur(4px)}.laser-beam.primary{background:linear-gradient(90deg,transparent 0%,var(--theme-primary, #ff00ff) 30%,var(--theme-primary, #ff00ff) 70%,transparent 100%);box-shadow:0 0 15px var(--theme-primary, #ff00ff),0 0 30px var(--theme-primary, #ff00ff)}.laser-beam.secondary{background:linear-gradient(90deg,transparent 0%,var(--theme-secondary, #00ffff) 30%,var(--theme-secondary, #00ffff) 70%,transparent 100%);box-shadow:0 0 15px var(--theme-secondary, #00ffff),0 0 30px var(--theme-secondary, #00ffff)}.laser-beam.accent{background:linear-gradient(90deg,transparent 0%,var(--theme-accent, #ff6b00) 30%,var(--theme-accent, #ff6b00) 70%,transparent 100%);box-shadow:0 0 15px var(--theme-accent, #ff6b00),0 0 30px var(--theme-accent, #ff6b00)}@keyframes laser-shoot{0%{left:-100%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.synthwave-vapor-haze{pointer-events:none;overflow:hidden}.vapor-cloud{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,0,255,.15) 0%,rgba(0,255,255,.1) 40%,transparent 70%);filter:blur(40px);animation:vapor-drift 15s ease-in-out infinite;opacity:.6}.vapor-cloud:nth-child(2n){background:radial-gradient(circle,rgba(0,255,255,.15) 0%,rgba(255,0,255,.1) 40%,transparent 70%)}.vapor-cloud:nth-child(3n){background:radial-gradient(circle,rgba(255,107,0,.12) 0%,rgba(255,0,170,.08) 40%,transparent 70%)}@keyframes vapor-drift{0%,to{transform:translate(0) scale(1);opacity:.4}25%{transform:translate(60px,-40px) scale(1.1);opacity:.6}50%{transform:translate(-30px,50px) scale(.9);opacity:.5}75%{transform:translate(40px,30px) scale(1.05);opacity:.7}}.synthwave-retro-stars{pointer-events:none}.retro-star{position:absolute;animation:star-twinkle 3s ease-in-out infinite}.retro-star.circle{border-radius:50%;background:linear-gradient(135deg,var(--theme-primary, #ff00ff) 0%,var(--theme-secondary, #00ffff) 100%);box-shadow:0 0 8px var(--theme-primary, #ff00ff),0 0 12px var(--theme-secondary, #00ffff)}.retro-star.diamond{transform:rotate(45deg);background:linear-gradient(135deg,var(--theme-accent, #ff6b00) 0%,var(--theme-primary, #ff00ff) 100%);box-shadow:0 0 10px var(--theme-accent, #ff6b00),0 0 15px var(--theme-primary, #ff00ff)}.retro-star.diamond:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:2px;background:#fffc;box-shadow:0 0 4px #fff9}.retro-star.diamond:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:150%;background:#fffc;box-shadow:0 0 4px #fff9}@keyframes star-twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.zelda-fairy-lights{pointer-events:none}.fairy{position:absolute;width:12px;height:12px;animation:fairy-float 10s ease-in-out infinite}.fairy-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fffc;animation:fairy-pulse 1.5s ease-in-out infinite}.fairy-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;opacity:.6;animation:glow-pulse 2s ease-in-out infinite}.fairy.blue .fairy-glow{background:radial-gradient(circle,rgba(100,200,255,.6) 0%,transparent 70%)}.fairy.green .fairy-glow{background:radial-gradient(circle,rgba(100,255,150,.6) 0%,transparent 70%)}.fairy.pink .fairy-glow{background:radial-gradient(circle,rgba(255,150,200,.6) 0%,transparent 70%)}.fairy-trail{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;opacity:.3;filter:blur(8px)}.fairy.blue .fairy-trail{background:radial-gradient(circle,rgba(100,200,255,.4) 0%,transparent 60%)}.fairy.green .fairy-trail{background:radial-gradient(circle,rgba(100,255,150,.4) 0%,transparent 60%)}.fairy.pink .fairy-trail{background:radial-gradient(circle,rgba(255,150,200,.4) 0%,transparent 60%)}@keyframes fairy-float{0%,to{transform:translate(0)}25%{transform:translate(40px,-30px)}50%{transform:translate(-30px,40px)}75%{transform:translate(30px,20px)}}@keyframes fairy-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.4);opacity:1}}@keyframes glow-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.zelda-leaf-drift{pointer-events:none;overflow:hidden}.leaf{position:absolute;top:-20px;background:linear-gradient(135deg,#64b450cc,#3c8c28cc,#50a03ccc);clip-path:polygon(50% 0%,100% 40%,80% 100%,20% 100%,0% 40%);animation:leaf-fall 20s linear infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.leaf:nth-child(3n){background:linear-gradient(135deg,#8c6428cc,#64461ecc,#785523cc)}.leaf:nth-child(5n){background:linear-gradient(135deg,#b48c3ccc,#8c6428cc,#a07832cc)}@keyframes leaf-fall{0%{top:-20px;transform:translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;transform:translate(var(--sway-distance, 0px)) rotate(360deg);opacity:0}}.zelda-glyph-runes{pointer-events:none}.rune{position:absolute;color:var(--theme-accent, #4a9eff);font-family:serif;font-weight:700;text-shadow:0 0 10px var(--theme-accent, #4a9eff),0 0 20px var(--theme-accent, #4a9eff),0 0 30px rgba(74,158,255,.5);animation:rune-appear 4s ease-in-out infinite;opacity:0}.rune:nth-child(2n){color:var(--theme-primary, #1e7b3e);text-shadow:0 0 10px var(--theme-primary, #1e7b3e),0 0 20px var(--theme-primary, #1e7b3e),0 0 30px rgba(30,123,62,.5)}.rune:nth-child(3n){color:var(--theme-secondary, #ffd700);text-shadow:0 0 10px var(--theme-secondary, #ffd700),0 0 20px var(--theme-secondary, #ffd700),0 0 30px rgba(255,215,0,.5)}@keyframes rune-appear{0%,to{opacity:0;transform:scale(.5) rotate(0)}20%{opacity:.8;transform:scale(1) rotate(180deg)}80%{opacity:.8;transform:scale(1) rotate(360deg)}}.zelda-soft-wind{pointer-events:none;overflow:hidden}.wind-wave{position:absolute;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);animation:wind-sweep 8s ease-in-out infinite}.wave-1{animation-delay:0s}.wave-2{animation-delay:2.5s;background:linear-gradient(90deg,transparent 0%,rgba(180,220,255,.04) 50%,transparent 100%)}.wave-3{animation-delay:5s;background:linear-gradient(90deg,transparent 0%,rgba(200,255,220,.03) 50%,transparent 100%)}.wind-particles{position:absolute;top:0;left:0;width:100%;height:100%}.wind-particle{position:absolute;width:3px;height:1px;background:#ffffff4d;border-radius:50%;animation:particle-drift 6s linear infinite}@keyframes wind-sweep{0%{left:-100%;opacity:0}25%{opacity:1}75%{opacity:1}to{left:100%;opacity:0}}@keyframes particle-drift{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translate(100vw) translateY(-20px);opacity:0}}.zelda-sword-spark{pointer-events:none}.spark-burst{position:absolute;width:40px;height:40px;animation:spark-burst-anim 3s ease-out infinite;opacity:0}.spark-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--theme-secondary, #ffd700);box-shadow:0 0 10px var(--theme-secondary, #ffd700),0 0 20px var(--theme-secondary, #ffd700)}.spark-line{position:absolute;top:50%;left:50%;width:20px;height:2px;background:linear-gradient(90deg,var(--theme-secondary, #ffd700) 0%,transparent 100%);box-shadow:0 0 4px var(--theme-secondary, #ffd700);transform-origin:left center}.line-1{transform:translate(-50%,-50%) rotate(0)}.line-2{transform:translate(-50%,-50%) rotate(120deg)}.line-3{transform:translate(-50%,-50%) rotate(240deg)}@keyframes spark-burst-anim{0%{opacity:0;transform:scale(0)}10%{opacity:1;transform:scale(1)}30%{opacity:.8;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}.arcade-pixel-rain{pointer-events:none;overflow:hidden}.pixel{position:absolute;top:-20px;image-rendering:pixelated;animation:pixel-fall 3s linear infinite;box-shadow:0 0 4px currentColor}.pixel.red{background:red;color:red}.pixel.blue{background:#00f;color:#00f}.pixel.yellow{background:#ff0;color:#ff0}.pixel.green{background:#0f0;color:#0f0}.pixel.magenta{background:#f0f;color:#f0f}@keyframes pixel-fall{0%{top:-20px;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.arcade-high-score{pointer-events:none}.high-score-text{position:absolute;top:5%;left:50%;transform:translate(-50%);font-family:Courier New,monospace;font-size:24px;font-weight:700;letter-spacing:4px;color:var(--theme-primary, #ffff00);text-shadow:0 0 10px var(--theme-primary, #ffff00),0 0 20px var(--theme-primary, #ffff00),2px 2px 0 rgba(0,0,0,.5);animation:high-score-flash 2s ease-in-out infinite;image-rendering:pixelated}.score-underline{position:absolute;top:calc(5% + 32px);left:50%;transform:translate(-50%);width:200px;height:4px;background:var(--theme-accent, #ff00ff);box-shadow:0 0 8px var(--theme-accent, #ff00ff);animation:underline-pulse 2s ease-in-out infinite}@keyframes high-score-flash{0%,to{opacity:1;text-shadow:0 0 10px var(--theme-primary, #ffff00),0 0 20px var(--theme-primary, #ffff00),2px 2px 0 rgba(0,0,0,.5)}50%{opacity:.6;text-shadow:0 0 20px var(--theme-primary, #ffff00),0 0 40px var(--theme-primary, #ffff00),2px 2px 0 rgba(0,0,0,.5)}}@keyframes underline-pulse{0%,to{opacity:.8;transform:translate(-50%) scaleX(1)}50%{opacity:1;transform:translate(-50%) scaleX(1.1)}}.arcade-coin-insert{pointer-events:none}.coin{position:absolute;top:10%;right:5%;width:40px;height:40px;animation:coin-drop 3s ease-in infinite;opacity:0}.coin-face{position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,gold,#ffed4e,gold,#ffb700,gold);box-shadow:0 0 10px #ffd70099,inset -5px -5px 10px #0000004d,inset 5px 5px 10px #ffffff4d;border:2px solid #ffb700}.coin-shimmer{position:absolute;top:20%;left:20%;width:60%;height:60%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8) 0%,rgba(255,255,255,.3) 40%,transparent 70%);animation:shimmer 2s ease-in-out infinite}@keyframes coin-drop{0%{top:10%;opacity:0;transform:scale(.5) rotateY(0)}20%{opacity:1;transform:scale(1) rotateY(180deg)}80%{opacity:1}to{top:30%;opacity:0;transform:scale(.8) rotateY(720deg)}}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}.arcade-joystick-wiggle{pointer-events:none;animation:screen-wiggle 4s ease-in-out infinite}.screen-shake-overlay{position:absolute;inset:0;background:transparent}@keyframes screen-wiggle{0%,to{transform:translate(0)}10%{transform:translate(-1px,1px)}20%{transform:translate(1px,-1px)}30%{transform:translate(-1px,-1px)}40%{transform:translate(1px,1px)}50%{transform:translate(-1px)}60%{transform:translate(1px)}70%{transform:translateY(-1px)}80%{transform:translateY(1px)}90%{transform:translate(-1px,1px)}}.arcade-rainbow-border{pointer-events:none}.rainbow-edge{position:absolute;animation:rainbow-cycle 3s linear infinite}.edge-top{top:0;left:0;right:0;height:4px}.edge-bottom{bottom:0;left:0;right:0;height:4px;animation-delay:1.5s}.edge-left{left:0;top:0;bottom:0;width:4px;animation-delay:.75s}.edge-right{right:0;top:0;bottom:0;width:4px;animation-delay:2.25s}.rainbow-corner{position:absolute;width:12px;height:12px;animation:rainbow-cycle 3s linear infinite}.corner-tl{top:0;left:0;animation-delay:0s}.corner-tr{top:0;right:0;animation-delay:.75s}.corner-br{bottom:0;right:0;animation-delay:1.5s}.corner-bl{bottom:0;left:0;animation-delay:2.25s}@keyframes rainbow-cycle{0%{background:red;box-shadow:0 0 10px red}16.67%{background:#ff7f00;box-shadow:0 0 10px #ff7f00}33.33%{background:#ff0;box-shadow:0 0 10px #ff0}50%{background:#0f0;box-shadow:0 0 10px #0f0}66.67%{background:#00f;box-shadow:0 0 10px #00f}83.33%{background:#8b00ff;box-shadow:0 0 10px #8b00ff}to{background:red;box-shadow:0 0 10px red}}.superman-cape-flow{pointer-events:none;overflow:hidden}.cape-ribbon{position:absolute;right:-100px;width:200px;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(220,20,60,.3) 30%,rgba(220,20,60,.5) 50%,rgba(220,20,60,.3) 70%,transparent 100%);filter:blur(20px);animation:cape-wave 4s ease-in-out infinite;transform-origin:right center}.ribbon-1{animation-delay:0s}.ribbon-2{animation-delay:1.3s;background:linear-gradient(90deg,transparent 0%,rgba(178,34,34,.3) 30%,rgba(178,34,34,.5) 50%,rgba(178,34,34,.3) 70%,transparent 100%)}.ribbon-3{animation-delay:2.6s;background:linear-gradient(90deg,transparent 0%,rgba(139,0,0,.2) 30%,rgba(139,0,0,.4) 50%,rgba(139,0,0,.2) 70%,transparent 100%)}.cape-shadow{position:absolute;right:0;top:0;bottom:0;width:150px;background:linear-gradient(90deg,transparent 0%,rgba(220,20,60,.1) 100%);animation:shadow-pulse 4s ease-in-out infinite}@keyframes cape-wave{0%,to{transform:translate(0) scaleY(1);opacity:.6}50%{transform:translate(-80px) scaleY(1.2);opacity:1}}@keyframes shadow-pulse{0%,to{opacity:.3}50%{opacity:.6}}.superman-sun-burst{pointer-events:none}.sun-core{position:absolute;top:10%;right:10%;width:100px;height:100px}.sun-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.8) 0%,rgba(255,215,0,.4) 40%,transparent 70%);box-shadow:0 0 30px #ffd70099,0 0 60px #ffd70066;animation:sun-glow-pulse 3s ease-in-out infinite}.sun-ray{position:absolute;top:50%;left:50%;width:80px;height:4px;background:linear-gradient(90deg,rgba(255,215,0,.8) 0%,rgba(255,215,0,.3) 70%,transparent 100%);transform-origin:left center;animation:ray-pulse 3s ease-in-out infinite;box-shadow:0 0 8px #ffd70099}@keyframes sun-glow-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}@keyframes ray-pulse{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.3)}}.superman-speed-lines{pointer-events:none;overflow:hidden}.speed-line{position:absolute;left:-100%;width:200%;background:linear-gradient(90deg,transparent 0%,rgba(0,120,215,.3) 30%,rgba(220,20,60,.4) 50%,rgba(255,215,0,.3) 70%,transparent 100%);animation:speed-dash 1s linear infinite;opacity:.7;filter:blur(1px)}.speed-line:nth-child(2n){background:linear-gradient(90deg,transparent 0%,rgba(220,20,60,.4) 30%,rgba(0,120,215,.3) 50%,rgba(255,215,0,.2) 70%,transparent 100%)}.speed-line:nth-child(3n){background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.3) 30%,rgba(220,20,60,.3) 50%,rgba(0,120,215,.2) 70%,transparent 100%)}@keyframes speed-dash{0%{left:-100%;opacity:0}20%{opacity:.7}80%{opacity:.7}to{left:100%;opacity:0}}.superman-crystal-glow{pointer-events:none}.crystal{position:absolute;animation:crystal-pulse 4s ease-in-out infinite}.crystal-facet{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:linear-gradient(135deg,#add8e699,#87cefa66,#6495ed4d);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.facet-1{transform:translate(-50%,-50%) rotate(0)}.facet-2{transform:translate(-50%,-50%) rotate(45deg);opacity:.7}.crystal-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle,rgba(135,206,250,.4) 0%,rgba(173,216,230,.2) 40%,transparent 70%);border-radius:50%;animation:glow-pulse 4s ease-in-out infinite}@keyframes crystal-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes glow-pulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.superman-heroic-flare{pointer-events:none}.flare-source{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,215,0,.8) 30%,rgba(255,215,0,.4) 60%,transparent 100%);box-shadow:0 0 40px #fffc,0 0 80px #ffd70099;animation:flare-pulse 3s ease-in-out infinite}.flare-beam{position:absolute;top:20%;left:50%;width:400px;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);transform-origin:left center;animation:beam-rotate 3s ease-in-out infinite;filter:blur(2px)}.beam-1{transform:translate(-50%,-50%) rotate(0)}.beam-2{transform:translate(-50%,-50%) rotate(90deg);animation-delay:.3s}.beam-3{transform:translate(-50%,-50%) rotate(45deg);animation-delay:.6s}.beam-4{transform:translate(-50%,-50%) rotate(135deg);animation-delay:.9s}.flare-halo{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(255,215,0,.4);animation:halo-expand 3s ease-out infinite}.halo-1{width:60px;height:60px;animation-delay:0s}.halo-2{width:80px;height:80px;animation-delay:1s}.halo-3{width:100px;height:100px;animation-delay:2s}@keyframes flare-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}@keyframes beam-rotate{0%,to{opacity:.4}50%{opacity:.8}}@keyframes halo-expand{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{opacity:.6}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.midnight-rose-petal-fall{pointer-events:none}.rose-petal{position:absolute;top:-30px;border-radius:80% 0;opacity:.7;animation:petal-fall ease-in-out infinite;box-shadow:0 2px 8px #c55a7d4d;transform-origin:center}.rose-petal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:80% 0;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent)}@keyframes petal-fall{0%{transform:translateY(0) rotate(var(--rotation)) translate(0);opacity:0}10%{opacity:.7}90%{opacity:.4}to{transform:translateY(100vh) rotate(calc(var(--rotation) + 360deg)) translate(var(--sway));opacity:0}}.midnight-rose-soft-glow{pointer-events:none}.glow-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;animation:glow-pulse 4s ease-in-out infinite}.glow-orb-1{top:10%;left:15%;width:300px;height:300px;background:radial-gradient(circle,#c55a7d,transparent);animation-delay:0s}.glow-orb-2{top:60%;right:20%;width:250px;height:250px;background:radial-gradient(circle,#d4a574,transparent);animation-delay:1.3s}.glow-orb-3{bottom:20%;left:40%;width:280px;height:280px;background:radial-gradient(circle,#e899b6,transparent);animation-delay:2.6s}.ambient-warmth{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(197,90,125,.05),transparent);animation:warmth-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.12;transform:scale(1)}50%{opacity:.18;transform:scale(1.15)}}@keyframes warmth-pulse{0%,to{opacity:.3}50%{opacity:.5}}.midnight-rose-silk-wave{pointer-events:none}.silk-layer{position:absolute;bottom:0;left:0;right:0;height:40%;opacity:.08;animation:silk-wave 3.5s ease-in-out infinite}.silk-layer-1{background:linear-gradient(to top,rgba(197,90,125,.4),transparent);animation-delay:0s}.silk-layer-2{background:linear-gradient(to top,rgba(212,165,116,.3),transparent);animation-delay:1.2s;height:35%}.silk-layer-3{background:linear-gradient(to top,rgba(232,153,182,.3),transparent);animation-delay:2.4s;height:30%}.silk-layer:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:silk-shimmer 4s linear infinite}@keyframes silk-wave{0%,to{transform:translateY(0) scaleY(1);opacity:.08}50%{transform:translateY(-10px) scaleY(1.1);opacity:.12}}@keyframes silk-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.midnight-rose-starlight{pointer-events:none}.star-point{position:absolute;background:radial-gradient(circle,#f4c5d6,#d4779b);border-radius:50%;opacity:0;animation:star-twinkle ease-in-out infinite;box-shadow:0 0 4px #f4c5d699,0 0 8px #d4779b4d}.star-point:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:1px;background:linear-gradient(90deg,transparent,rgba(244,197,214,.6),transparent)}.star-point:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);width:200%;height:1px;background:linear-gradient(90deg,transparent,rgba(244,197,214,.6),transparent)}@keyframes star-twinkle{0%,to{opacity:0;transform:scale(.8)}50%{opacity:var(--max-opacity);transform:scale(1.2)}}.midnight-rose-perfume-mist{pointer-events:none}.mist-cloud{position:absolute;border-radius:50%;background:radial-gradient(ellipse at center,rgba(197,90,125,.15),rgba(232,153,182,.1),transparent);filter:blur(30px);opacity:0;animation:mist-drift ease-in-out infinite}.mist-cloud:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;border-radius:50%;background:radial-gradient(circle,rgba(244,197,214,.2),transparent);animation:mist-expand 4s ease-in-out infinite}@keyframes mist-drift{0%{opacity:0;transform:translate(0) translateY(0)}20%{opacity:.4}80%{opacity:.3}to{opacity:0;transform:translate(var(--drift)) translateY(-20px)}}@keyframes mist-expand{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.candlelit-flame-flicker{pointer-events:none}.candle-flame{position:absolute;border-radius:50%/60% 60% 40% 40%;background:radial-gradient(ellipse at center bottom,#ffaa33 0%,#ff6b35 40%,#d4a574 70%,transparent 100%);opacity:.6;filter:blur(8px);animation:flame-flicker ease-in-out infinite;box-shadow:0 0 20px #ffaa3380,0 0 40px #ff6b354d,0 -10px 30px #d4a57433}.candle-flame:before{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%);width:40%;height:40%;border-radius:50%;background:radial-gradient(circle,#fff5e6,transparent);filter:blur(4px)}@keyframes flame-flicker{0%,to{transform:scaleY(1) scaleX(1);opacity:calc(.6 * var(--intensity))}25%{transform:scaleY(1.1) scaleX(.95) translate(-2px);opacity:calc(.7 * var(--intensity))}50%{transform:scaleY(.95) scaleX(1.05);opacity:calc(.55 * var(--intensity))}75%{transform:scaleY(1.05) scaleX(.98) translate(2px);opacity:calc(.65 * var(--intensity))}}.candlelit-warm-glow{pointer-events:none}.warm-orb{position:absolute;border-radius:50%;filter:blur(50px);opacity:.2;animation:warm-pulse 3s ease-in-out infinite}.warm-orb-1{bottom:15%;left:20%;width:200px;height:200px;background:radial-gradient(circle,#ffaa33,transparent);animation-delay:0s}.warm-orb-2{bottom:20%;right:25%;width:180px;height:180px;background:radial-gradient(circle,#ff6b35,transparent);animation-delay:.75s}.warm-orb-3{bottom:30%;left:50%;width:220px;height:220px;background:radial-gradient(circle,#d4a574,transparent);animation-delay:1.5s}.warm-orb-4{bottom:10%;left:60%;width:190px;height:190px;background:radial-gradient(circle,#c67b5c,transparent);animation-delay:2.25s}.ambient-light{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(255,170,51,.08),transparent);animation:ambient-pulse 4s ease-in-out infinite}@keyframes warm-pulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.1)}}@keyframes ambient-pulse{0%,to{opacity:.3}50%{opacity:.5}}.candlelit-smoke-curl{pointer-events:none}.smoke-wisp{position:absolute;bottom:0;width:30px;height:100px;opacity:0;animation:smoke-rise ease-out infinite}.smoke-wisp:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:40px;background:radial-gradient(ellipse at center,rgba(169,169,169,.3),rgba(169,169,169,.1),transparent);filter:blur(8px);border-radius:50%}.smoke-wisp:after{content:"";position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:25px;height:50px;background:radial-gradient(ellipse at center,rgba(169,169,169,.2),transparent);filter:blur(10px);border-radius:50%}@keyframes smoke-rise{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:.4}50%{opacity:.3;transform:translateY(-30vh) translate(calc(var(--curl) * .5)) rotate(10deg)}90%{opacity:.1}to{transform:translateY(-60vh) translate(var(--curl)) rotate(20deg);opacity:0}}.candlelit-shadow-dance{pointer-events:none}.dancing-shadow{position:absolute;bottom:0;height:80%;background:linear-gradient(to top,rgba(20,20,20,.15),rgba(20,20,20,.08),transparent);opacity:.5;filter:blur(15px);animation:shadow-sway ease-in-out infinite;transform-origin:bottom center}.dancing-shadow:before{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(40,30,20,.2),transparent);filter:blur(10px)}@keyframes shadow-sway{0%,to{transform:translate(0) scaleX(1) skew(0);opacity:.4}25%{transform:translate(var(--offset)) scaleX(1.05) skew(2deg);opacity:.5}50%{transform:translate(0) scaleX(.95) skew(0);opacity:.35}75%{transform:translate(calc(var(--offset) * -1)) scaleX(1.02) skew(-2deg);opacity:.45}}.candlelit-wax-drip{pointer-events:none}.wax-drip{position:absolute;top:20%;height:0;background:linear-gradient(to bottom,wheat,#daa520,#c67b5c);border-radius:0 0 50% 50%;opacity:0;animation:wax-drop ease-in infinite;box-shadow:inset 0 2px 4px #ffffff4d,0 2px 4px #c67b5c4d}.wax-drip:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:150%;height:8px;background:radial-gradient(ellipse at center,rgba(245,222,179,.8),transparent);border-radius:50%}.wax-drip:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:120%;height:4px;background:radial-gradient(ellipse at center,rgba(198,123,92,.9),transparent);border-radius:50%}@keyframes wax-drop{0%{height:0;opacity:0}5%{opacity:.7}50%{height:var(--drip-height);opacity:.8}90%{height:var(--drip-height);opacity:.6}to{height:var(--drip-height);opacity:0}}.library-lamp-glow{pointer-events:none}.lamp-glow-orb{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(34,139,34,.3) 0%,transparent 70%);animation:lamp-pulse 3s ease-in-out infinite}.lamp-glow-orb.top-left{top:20px;left:80px;animation-delay:0s}.lamp-glow-orb.top-right{top:20px;right:80px;animation-delay:1.5s}.lamp-glow-radiance{position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,rgba(34,139,34,.05) 0%,transparent 100%);animation:radiance-shimmer 4s ease-in-out infinite}@keyframes lamp-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}@keyframes radiance-shimmer{0%,to{opacity:.3}50%{opacity:.5}}.library-dust-motes{pointer-events:none}.dust-mote{position:absolute;border-radius:50%;background:#fff6;box-shadow:0 0 2px #ffffff4d;animation:mote-float 12s ease-in-out infinite}@keyframes mote-float{0%,to{transform:translate(0);opacity:.2}25%{transform:translate(10px,-30px);opacity:.6}50%{transform:translate(-5px,-60px);opacity:.4}75%{transform:translate(15px,-90px);opacity:.7}}.library-page-flip{pointer-events:none}.page-corner{position:absolute;bottom:40px;right:40px;width:80px;height:80px;overflow:hidden;opacity:.3}.page-turn{position:absolute;bottom:0;right:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 50%,rgba(222,184,135,.6) 50%,rgba(222,184,135,.8) 55%,transparent 55%);transform-origin:bottom right;animation:page-flip 4s ease-in-out infinite}@keyframes page-flip{0%,85%{transform:rotate(0);opacity:0}90%{transform:rotate(-15deg);opacity:1}95%{transform:rotate(-25deg);opacity:1}to{transform:rotate(0);opacity:0}}.library-clock-tick{pointer-events:none}.tick-pulse{position:absolute;top:30px;left:50%;transform:translate(-50%);width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(139,69,19,.2) 0%,transparent 70%);animation:clock-tick 2s steps(1,end) infinite}@keyframes clock-tick{0%,to{opacity:0;transform:translate(-50%) scale(.8)}5%{opacity:.3;transform:translate(-50%) scale(1)}10%{opacity:0;transform:translate(-50%) scale(.8)}}.library-wood-creak{pointer-events:none}.wood-grain-shift{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to right,transparent 0%,rgba(139,69,19,.02) 50%,transparent 100%);animation:wood-settle 3.5s ease-in-out infinite}@keyframes wood-settle{0%,to{transform:translate(0) skew(0);opacity:0}50%{transform:translate(2px) skew(.1deg);opacity:.5}}.studyhall-focus-pulse{pointer-events:none}.focus-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;border:2px solid rgba(70,130,180,.3);animation:focus-expand 3s ease-out infinite}.focus-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,rgba(70,130,180,.4) 0%,transparent 70%);animation:focus-breathe 3s ease-in-out infinite}@keyframes focus-expand{0%{transform:translate(-50%,-50%) scale(.5);opacity:.6}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes focus-breathe{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.studyhall-light-beam{pointer-events:none}.light-beam{position:absolute;top:0;left:30%;width:150px;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.15) 0%,rgba(255,255,255,.05) 50%,transparent 100%);transform:skew(-5deg);animation:beam-sway 4s ease-in-out infinite}.light-beam-2{position:absolute;top:0;right:30%;width:120px;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.12) 0%,rgba(255,255,255,.04) 50%,transparent 100%);transform:skew(5deg);animation:beam-sway 4s ease-in-out infinite reverse}@keyframes beam-sway{0%,to{opacity:.6;transform:translate(0) skew(-5deg)}50%{opacity:.8;transform:translate(10px) skew(-3deg)}}.studyhall-pencil-scratch{pointer-events:none}.scratch-line{position:absolute;bottom:100px;right:150px;width:0;height:1px;background:#6464644d;animation:scratch-write 2.5s ease-out infinite}.scratch-line.line-1{bottom:100px;animation-delay:0s}.scratch-line.line-2{bottom:110px;animation-delay:.8s}.scratch-line.line-3{bottom:120px;animation-delay:1.6s}@keyframes scratch-write{0%{width:0;opacity:0}10%{opacity:.6}50%{width:60px;opacity:.6}to{width:60px;opacity:0}}.studyhall-notification-dim{pointer-events:none}.dim-overlay{position:absolute;inset:0;background:#0000001a;animation:notification-dim 4s ease-in-out infinite}@keyframes notification-dim{0%,90%{opacity:0}95%{opacity:1}to{opacity:0}}.studyhall-progress-glow{pointer-events:none}.progress-bar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:200px;height:4px;background:#64646433;border-radius:2px;overflow:hidden}.progress-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(to right,#32cd3299,#32cd32cc);box-shadow:0 0 8px #32cd3299;border-radius:2px;animation:progress-advance 3s ease-in-out infinite}@keyframes progress-advance{0%{width:0%;opacity:0}50%{width:75%;opacity:1}to{width:100%;opacity:0}}.ivyleague-ivy-grow{pointer-events:none}.ivy-vine{position:absolute;width:2px;background:linear-gradient(to bottom,#228b2266,#228b2233);animation:ivy-grow 3s ease-out infinite}.ivy-vine.top-left-vine{top:0;left:20px;height:0;transform-origin:top}.ivy-vine.top-right-vine{top:0;right:20px;height:0;transform-origin:top;animation-delay:.5s}.ivy-vine.bottom-left-vine{bottom:0;left:40px;height:0;transform-origin:bottom;animation-delay:1s}.ivy-vine.bottom-right-vine{bottom:0;right:40px;height:0;transform-origin:bottom;animation-delay:1.5s}@keyframes ivy-grow{0%{height:0;opacity:0}50%{height:80px;opacity:.7}to{height:0;opacity:0}}.ivyleague-crest-glow{pointer-events:none}.crest-emblem{position:absolute;top:20px;left:50%;transform:translate(-50%);width:60px;height:70px}.crest-shield{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#b8860b26,#daa52040,#b8860b26);clip-path:polygon(50% 0%,100% 20%,100% 80%,50% 100%,0% 80%,0% 20%);animation:crest-pulse 3s ease-in-out infinite}.crest-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent 0%,rgba(255,215,0,.4) 50%,transparent 100%);animation:crest-shine 4s ease-in-out infinite}@keyframes crest-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes crest-shine{0%{left:-100%}50%,to{left:100%}}.ivyleague-bell-chime{pointer-events:none}.bell-ripple{position:absolute;top:50px;left:50%;transform:translate(-50%);width:60px;height:60px;border-radius:50%;border:2px solid rgba(139,69,19,.4);animation:bell-ring 3s ease-out infinite}.bell-ripple.ripple-1{animation-delay:0s}.bell-ripple.ripple-2{animation-delay:.3s}.bell-ripple.ripple-3{animation-delay:.6s}@keyframes bell-ring{0%{transform:translate(-50%) scale(.5);opacity:.8}to{transform:translate(-50%) scale(2);opacity:0}}.ivyleague-flag-wave{pointer-events:none}.flag-pole{position:absolute;top:10px;right:30px;width:3px;height:100px;background:linear-gradient(to bottom,#8b451366,#8b451333)}.flag-pennant{position:absolute;top:10px;right:33px;width:50px;height:30px;background:linear-gradient(135deg,#00214766,#0021474d);clip-path:polygon(0 0,100% 50%,0 100%);transform-origin:left center;animation:flag-flutter 2.5s ease-in-out infinite}@keyframes flag-flutter{0%,to{transform:rotateY(0);opacity:.6}25%{transform:rotateY(15deg);opacity:.8}50%{transform:rotateY(0);opacity:.6}75%{transform:rotateY(-15deg);opacity:.8}}.ivyleague-diploma-scroll{pointer-events:none}.scroll-parchment{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:0;height:80px;background:linear-gradient(to right,#deb8874d,#f5deb366,#deb8874d);border-radius:2px;box-shadow:0 2px 8px #0000001a;animation:scroll-unfurl 3.5s ease-out infinite}@keyframes scroll-unfurl{0%,70%{width:0;opacity:0}85%{width:150px;opacity:.8}to{width:150px;opacity:0}}.coffeeshop-steam-rise{pointer-events:none}.steam-wisp{position:absolute;bottom:80px;width:20px;height:40px;background:radial-gradient(ellipse at center,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 30%,transparent 70%);border-radius:50%;animation:steam-float 3s ease-out infinite;filter:blur(2px)}@keyframes steam-float{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:.6}to{transform:translateY(-120px) scale(1.5);opacity:0}}.coffeeshop-ambient-chatter{pointer-events:none}.chatter-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(139,90,43,.1) 0%,transparent 70%);animation:chatter-pulse 2s ease-in-out infinite}@keyframes chatter-pulse{0%,to{transform:scale(.8);opacity:0}50%{transform:scale(1.2);opacity:.4}}.coffeeshop-rain-window{pointer-events:none}.rain-drop{position:absolute;top:-50px;width:2px;background:linear-gradient(to bottom,transparent 0%,rgba(100,149,237,.5) 20%,rgba(100,149,237,.3) 100%);animation:rain-fall 2s linear infinite;opacity:.6}@keyframes rain-fall{0%{transform:translateY(0);opacity:0}10%{opacity:.6}to{transform:translateY(100vh);opacity:0}}.coffeeshop-warm-light{pointer-events:none}.warm-glow{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,200,124,.08) 0%,transparent 60%);animation:warm-pulse 4s ease-in-out infinite}.warm-gradient{position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,rgba(255,180,100,.06) 0%,transparent 100%);animation:warm-shift 3.5s ease-in-out infinite}@keyframes warm-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes warm-shift{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:.8;transform:translateY(10px)}}.coffeeshop-music-note{pointer-events:none}.music-note{position:absolute;bottom:20%;font-size:24px;color:#8b5a2b4d;animation:note-float 3s ease-in-out infinite}.music-note.eighth{font-size:20px;animation-duration:3.5s}.music-note.quarter{font-size:28px;animation-duration:4s}@keyframes note-float{0%{transform:translateY(0) rotate(0);opacity:0}20%{opacity:.5}80%{opacity:.5}to{transform:translateY(-150px) rotate(15deg);opacity:0}}.nightowl-star-twinkle{pointer-events:none}.star{position:absolute;border-radius:50%;background:#fffc;box-shadow:0 0 2px #fffc,0 0 4px #fff6;animation:star-twinkle 2s ease-in-out infinite}@keyframes star-twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.nightowl-moon-glow{pointer-events:none}.moon-orb{position:absolute;top:40px;right:60px;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f0f0ff99,#c8c8dc66);box-shadow:0 0 20px #ffffff4d,0 0 40px #ffffff1a;animation:moon-pulse 4s ease-in-out infinite}.moon-halo{position:absolute;top:20px;right:40px;width:90px;height:90px;border-radius:50%;border:1px solid rgba(255,255,255,.1);animation:halo-expand 4s ease-in-out infinite}.moonlight-gradient{position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle at 80% 20%,rgba(173,216,230,.08) 0%,transparent 70%);animation:moonlight-shimmer 4s ease-in-out infinite}@keyframes moon-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes halo-expand{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes moonlight-shimmer{0%,to{opacity:.5}50%{opacity:.8}}.nightowl-lamp-flicker{pointer-events:none}.desk-lamp-glow{position:absolute;bottom:80px;left:100px;width:150px;height:150px;background:radial-gradient(ellipse at center,rgba(255,235,205,.25) 0%,rgba(255,235,205,.1) 50%,transparent 70%);animation:lamp-flicker 3s ease-in-out infinite}@keyframes lamp-flicker{0%,to{opacity:.8}10%{opacity:.7}20%{opacity:.85}50%{opacity:.9}80%{opacity:.75}}.nightowl-owl-blink{pointer-events:none}.owl-silhouette{position:absolute;top:30px;left:30px;width:60px;height:50px;opacity:.3}.owl-eye{position:absolute;width:8px;height:8px;border-radius:50%;background:#ffd70099;box-shadow:0 0 6px #ffd70066;animation:owl-blink 4s ease-in-out infinite}.owl-eye.left-eye{top:20px;left:15px}.owl-eye.right-eye{top:20px;right:15px;animation-delay:.1s}@keyframes owl-blink{0%,48%,52%,to{opacity:1;transform:scaleY(1)}50%{opacity:0;transform:scaleY(.1)}}.nightowl-quiet-pulse{pointer-events:none}.quiet-wave{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(25,25,112,.04) 0%,transparent 60%);animation:quiet-breathe 3.5s ease-in-out infinite}@keyframes quiet-breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.artist-studio-paint-splash{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.artist-studio-paint-splash .paint-splash{position:absolute;width:80px;height:80px;border-radius:50%;opacity:0;filter:blur(8px);animation:paintSplashAppear 3s ease-in-out infinite}.artist-studio-paint-splash .splash-red{background:radial-gradient(circle,#e74c3c,#e74c3c00 70%);top:20%;left:15%;animation-delay:0s}.artist-studio-paint-splash .splash-blue{background:radial-gradient(circle,#3498db,#3498db00 70%);top:60%;right:20%;animation-delay:.6s}.artist-studio-paint-splash .splash-yellow{background:radial-gradient(circle,#f1c40f,#f1c40f00 70%);bottom:25%;left:25%;animation-delay:1.2s}.artist-studio-paint-splash .splash-orange{background:radial-gradient(circle,#e67e22,#e67e2200 70%);top:40%;right:35%;animation-delay:1.8s}.artist-studio-paint-splash .splash-purple{background:radial-gradient(circle,#9b59b6,#9b59b600 70%);bottom:15%;right:15%;animation-delay:2.4s}@keyframes paintSplashAppear{0%{opacity:0;transform:scale(.3)}10%{opacity:.6;transform:scale(1.2)}20%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1)}}.artist-studio-brush-stroke{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.artist-studio-brush-stroke .brush-stroke{position:absolute;width:200px;height:8px;opacity:0;filter:blur(2px);animation:brushStrokeSwipe 3.5s ease-in-out infinite}.artist-studio-brush-stroke .stroke-1{background:linear-gradient(90deg,#e74c3c00,#e74c3c99 30%,#e74c3ccc,#e74c3c99 70%,#e74c3c00);top:30%;left:-200px;animation-delay:0s;transform:rotate(-15deg)}.artist-studio-brush-stroke .stroke-2{background:linear-gradient(90deg,#3498db00,#3498db99 30%,#3498dbcc,#3498db99 70%,#3498db00);bottom:35%;left:-200px;animation-delay:1.2s;transform:rotate(10deg)}.artist-studio-brush-stroke .stroke-3{background:linear-gradient(90deg,#f1c40f00,#f1c40f99 30%,#f1c40fcc,#f1c40f99 70%,#f1c40f00);top:55%;left:-200px;animation-delay:2.4s;transform:rotate(-5deg)}@keyframes brushStrokeSwipe{0%{opacity:0;left:-200px}5%{opacity:.7}25%{opacity:.5;left:50%}30%{opacity:0;left:calc(100% + 200px)}to{opacity:0;left:calc(100% + 200px)}}.artist-studio-color-drip{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.artist-studio-color-drip .drip{position:absolute;top:-20px;width:3px;height:0;opacity:0;filter:blur(1px);animation:paintDrip 4s ease-in infinite}.artist-studio-color-drip .drip-red{left:20%;background:linear-gradient(to bottom,#e74c3ccc,#e74c3c99,#e74c3c00);animation-delay:0s}.artist-studio-color-drip .drip-blue{left:45%;background:linear-gradient(to bottom,#3498dbcc,#3498db99,#3498db00);animation-delay:1s}.artist-studio-color-drip .drip-yellow{left:70%;background:linear-gradient(to bottom,#f1c40fcc,#f1c40f99,#f1c40f00);animation-delay:2s}.artist-studio-color-drip .drip-purple{left:85%;background:linear-gradient(to bottom,#9b59b6cc,#9b59b699,#9b59b600);animation-delay:3s}@keyframes paintDrip{0%{opacity:0;height:0;top:-20px}10%{opacity:.7;height:30px}40%{opacity:.5;height:150px;top:0}60%{opacity:.3;height:180px}to{opacity:0;height:200px;top:0}}.artist-studio-canvas-texture{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.artist-studio-canvas-texture .canvas-weave{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.08;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.03) 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.03) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.03) 3px);animation:canvasWeaveShift 3s ease-in-out infinite}@keyframes canvasWeaveShift{0%,to{opacity:.06}50%{opacity:.12}}.artist-studio-inspiration-spark{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.artist-studio-inspiration-spark .spark{position:absolute;width:4px;height:4px;border-radius:50%;opacity:0;animation:sparkBurst 2.5s ease-out infinite}.artist-studio-inspiration-spark .spark:before,.artist-studio-inspiration-spark .spark:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:2px;background:inherit;opacity:.6}.artist-studio-inspiration-spark .spark:before{transform:translate(-50%,-50%) rotate(45deg)}.artist-studio-inspiration-spark .spark:after{transform:translate(-50%,-50%) rotate(-45deg)}.artist-studio-inspiration-spark .spark-1{top:25%;left:30%;background:radial-gradient(circle,#f1c40f,#f1c40f00 70%);animation-delay:0s}.artist-studio-inspiration-spark .spark-2{top:60%;right:25%;background:radial-gradient(circle,#e74c3c,#e74c3c00 70%);animation-delay:.8s}.artist-studio-inspiration-spark .spark-3{bottom:30%;left:20%;background:radial-gradient(circle,#3498db,#3498db00 70%);animation-delay:1.6s}.artist-studio-inspiration-spark .spark-4{top:45%;left:60%;background:radial-gradient(circle,#9b59b6,#9b59b600 70%);animation-delay:2.4s}@keyframes sparkBurst{0%{opacity:0;transform:scale(0)}5%{opacity:1;transform:scale(1)}15%{opacity:.8;transform:scale(3)}25%{opacity:0;transform:scale(5)}to{opacity:0;transform:scale(5)}}.watercolor-color-bleed{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.watercolor-color-bleed .bleed{position:absolute;opacity:0;filter:blur(30px);animation:colorBleedPulse 4s ease-in-out infinite}.watercolor-color-bleed .bleed-top{top:-50px;left:20%;width:200px;height:100px;background:radial-gradient(ellipse,#add8e666,#add8e633,#add8e600);animation-delay:0s}.watercolor-color-bleed .bleed-right{top:30%;right:-50px;width:100px;height:200px;background:radial-gradient(ellipse,#ffb6c166,#ffb6c133,#ffb6c100);animation-delay:1s}.watercolor-color-bleed .bleed-bottom{bottom:-50px;right:25%;width:200px;height:100px;background:radial-gradient(ellipse,#e6e6fa66,#e6e6fa33,#e6e6fa00);animation-delay:2s}.watercolor-color-bleed .bleed-left{top:50%;left:-50px;width:100px;height:180px;background:radial-gradient(ellipse,#dda0dd66,#dda0dd33,#dda0dd00);animation-delay:3s}@keyframes colorBleedPulse{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.6;transform:scale(1.2)}}.watercolor-droplet-spread{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.watercolor-droplet-spread .droplet{position:absolute;width:20px;height:20px;border-radius:50%;opacity:0;filter:blur(8px);animation:dropletExpand 3.5s ease-out infinite}.watercolor-droplet-spread .droplet-1{top:25%;left:30%;background:radial-gradient(circle,#add8e680,#add8e633 40%,#add8e600);animation-delay:0s}.watercolor-droplet-spread .droplet-2{top:50%;right:25%;background:radial-gradient(circle,#ffb6c180,#ffb6c133 40%,#ffb6c100);animation-delay:1s}.watercolor-droplet-spread .droplet-3{bottom:30%;left:40%;background:radial-gradient(circle,#e6e6fa80,#e6e6fa33 40%,#e6e6fa00);animation-delay:2s}.watercolor-droplet-spread .droplet-4{top:40%;left:60%;background:radial-gradient(circle,#dda0dd80,#dda0dd33 40%,#dda0dd00);animation-delay:3s}@keyframes dropletExpand{0%{opacity:0;width:20px;height:20px}10%{opacity:.6}50%{opacity:.4;width:120px;height:120px}to{opacity:0;width:150px;height:150px}}.watercolor-gradient-shift{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.watercolor-gradient-shift .gradient-layer{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:blur(60px)}.watercolor-gradient-shift .layer-1{background:linear-gradient(135deg,#add8e600,#add8e626 30%,#ffb6c126 70%,#ffb6c100);animation:gradientShift1 4s ease-in-out infinite}.watercolor-gradient-shift .layer-2{background:linear-gradient(-45deg,#e6e6fa00,#e6e6fa26 30%,#dda0dd26 70%,#dda0dd00);animation:gradientShift2 4s ease-in-out infinite;animation-delay:2s}@keyframes gradientShift1{0%,to{opacity:0;transform:translate(0) translateY(0)}50%{opacity:.3;transform:translate(20px) translateY(20px)}}@keyframes gradientShift2{0%,to{opacity:0;transform:translate(0) translateY(0)}50%{opacity:.3;transform:translate(-20px) translateY(-20px)}}.watercolor-brush-wash{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.watercolor-brush-wash .wash{position:absolute;width:100%;height:150px;opacity:0;filter:blur(40px);animation:brushWashSweep 3.5s ease-in-out infinite}.watercolor-brush-wash .wash-1{top:-150px;background:linear-gradient(to bottom,#add8e600,#add8e640 50%,#ffb6c140 80%,#ffb6c100);animation-delay:0s}.watercolor-brush-wash .wash-2{bottom:-150px;background:linear-gradient(to top,#e6e6fa00,#e6e6fa40 50%,#dda0dd40 80%,#dda0dd00);animation-delay:1.75s}@keyframes brushWashSweep{0%{opacity:0;transform:translateY(0)}10%{opacity:.4}40%{opacity:.3;transform:translateY(400px)}50%{opacity:0;transform:translateY(500px)}to{opacity:0;transform:translateY(500px)}}.watercolor-dreamy-blur{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.watercolor-dreamy-blur .blur-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#add8e61a,#ffb6c114,#e6e6fa14,#dda0dd1a,#add8e614);opacity:0;filter:blur(100px);animation:dreamyBlurPulse 4s ease-in-out infinite}@keyframes dreamyBlurPulse{0%,to{opacity:0;filter:blur(100px)}50%{opacity:.5;filter:blur(80px)}}.neon-gallery-neon-pulse{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.neon-gallery-neon-pulse .neon-light{position:absolute;width:60px;height:60px;border-radius:50%;opacity:0;filter:blur(15px);animation:neonPulseGlow 2.5s ease-in-out infinite}.neon-gallery-neon-pulse .light-pink{top:15%;left:10%;background:radial-gradient(circle,#ff1493cc,#ff149366,#ff149300);box-shadow:0 0 40px #ff149399;animation-delay:0s}.neon-gallery-neon-pulse .light-blue{top:25%;right:15%;background:radial-gradient(circle,#00bfffcc,#00bfff66,#00bfff00);box-shadow:0 0 40px #00bfff99;animation-delay:.6s}.neon-gallery-neon-pulse .light-green{bottom:20%;left:20%;background:radial-gradient(circle,#32ff32cc,#32ff3266,#32ff3200);box-shadow:0 0 40px #32ff3299;animation-delay:1.2s}.neon-gallery-neon-pulse .light-purple{bottom:30%;right:25%;background:radial-gradient(circle,#8a2be2cc,#8a2be266,#8a2be200);box-shadow:0 0 40px #8a2be299;animation-delay:1.8s}@keyframes neonPulseGlow{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.9;transform:scale(1.3)}}.neon-gallery-art-frame{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.neon-gallery-art-frame .frame{position:absolute;border:2px solid;border-radius:4px;opacity:0;animation:frameHighlight 3s ease-in-out infinite}.neon-gallery-art-frame .frame-1{top:20%;left:15%;width:200px;height:150px;border-color:#ff1493cc;box-shadow:0 0 10px #ff149399,inset 0 0 10px #ff14934d;animation-delay:0s}.neon-gallery-art-frame .frame-2{top:40%;right:20%;width:180px;height:180px;border-color:#00bfffcc;box-shadow:0 0 10px #00bfff99,inset 0 0 10px #00bfff4d;animation-delay:1s}.neon-gallery-art-frame .frame-3{bottom:15%;left:30%;width:220px;height:140px;border-color:#32ff32cc;box-shadow:0 0 10px #32ff3299,inset 0 0 10px #32ff324d;animation-delay:2s}@keyframes frameHighlight{0%,to{opacity:0;transform:scale(1)}10%{opacity:.7;transform:scale(1.02)}25%{opacity:.4;transform:scale(1)}30%{opacity:0;transform:scale(1)}}.neon-gallery-spotlight-sweep{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.neon-gallery-spotlight-sweep .spotlight{position:absolute;width:150px;height:100%;opacity:0;filter:blur(30px);animation:spotlightMove 4s ease-in-out infinite}.neon-gallery-spotlight-sweep .spotlight-1{left:-150px;background:linear-gradient(90deg,#ff149300,#ff14934d,#ff149300);animation-delay:0s}.neon-gallery-spotlight-sweep .spotlight-2{right:-150px;background:linear-gradient(90deg,#00bfff00,#00bfff4d,#00bfff00);animation-delay:2s;animation-direction:reverse}@keyframes spotlightMove{0%{opacity:0}10%{opacity:.5}50%{opacity:.3}90%{opacity:0}0%{left:-150px}to{left:calc(100% + 150px)}}.neon-gallery-color-cycle{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.neon-gallery-color-cycle .color-orb{position:absolute;width:100px;height:100px;border-radius:50%;opacity:0;filter:blur(25px);animation:colorCycleRotate 3s ease-in-out infinite}.neon-gallery-color-cycle .orb-1{top:30%;left:25%;animation-delay:0s}.neon-gallery-color-cycle .orb-2{bottom:35%;right:30%;animation-delay:1s}.neon-gallery-color-cycle .orb-3{top:50%;left:50%;animation-delay:2s}@keyframes colorCycleRotate{0%{opacity:0;background:radial-gradient(circle,#ff149399,#ff149300 70%);box-shadow:0 0 30px #ff149380}25%{opacity:.7;background:radial-gradient(circle,#00bfff99,#00bfff00 70%);box-shadow:0 0 30px #00bfff80}50%{opacity:.7;background:radial-gradient(circle,#32ff3299,#32ff3200 70%);box-shadow:0 0 30px #32ff3280}75%{opacity:.7;background:radial-gradient(circle,#8a2be299,#8a2be200 70%);box-shadow:0 0 30px #8a2be280}to{opacity:0;background:radial-gradient(circle,#ff149399,#ff149300 70%);box-shadow:0 0 30px #ff149380}}.neon-gallery-glitch-art{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.neon-gallery-glitch-art .glitch-bar{position:absolute;left:0;width:100%;height:2px;opacity:0;animation:glitchBarFlash 2s steps(1,end) infinite}.neon-gallery-glitch-art .bar-1{top:25%;background:linear-gradient(90deg,#ff1493cc,#00bfffcc);animation-delay:0s}.neon-gallery-glitch-art .bar-2{top:45%;background:linear-gradient(90deg,#32ff32cc,#ff1493cc);animation-delay:.5s}.neon-gallery-glitch-art .bar-3{top:60%;background:linear-gradient(90deg,#00bfffcc,#8a2be2cc);animation-delay:1s}.neon-gallery-glitch-art .bar-4{top:80%;background:linear-gradient(90deg,#8a2be2cc,#32ff32cc);animation-delay:1.5s}.neon-gallery-glitch-art .glitch-block{position:absolute;width:150px;height:100px;opacity:0;animation:glitchBlockFlash 2.5s steps(1,end) infinite}.neon-gallery-glitch-art .block-1{top:20%;left:30%;background:#ff14934d;box-shadow:2px 2px #00bfff80,-2px -2px #32ff3280;animation-delay:.3s}.neon-gallery-glitch-art .block-2{bottom:25%;right:25%;background:#00bfff4d;box-shadow:2px 2px #32ff3280,-2px -2px #ff149380;animation-delay:1.3s}@keyframes glitchBarFlash{0%,5%,10%,to{opacity:0;transform:translate(0)}2%,7%{opacity:.8;transform:translate(-5px)}4%,9%{opacity:.8;transform:translate(5px)}}@keyframes glitchBlockFlash{0%,3%,6%,to{opacity:0;transform:translate(0)}1%,4%{opacity:.6;transform:translate(-3px,-3px)}2%,5%{opacity:.6;transform:translate(3px,3px)}}.win31-hourglass-cursor{pointer-events:none}.hourglass{position:absolute;width:24px;height:32px;animation:hourglass-appear 3s ease-in-out infinite}.hourglass-top,.hourglass-middle,.hourglass-bottom{position:absolute;left:50%;transform:translate(-50%);background:navy;border:1px solid #000}.hourglass-top{top:0;width:16px;height:10px;border-radius:2px 2px 0 0}.hourglass-middle{top:10px;width:8px;height:12px;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.hourglass-bottom{bottom:0;width:16px;height:10px;border-radius:0 0 2px 2px;animation:sand-fill 3s ease-in-out infinite}@keyframes hourglass-appear{0%,to{opacity:0;transform:scale(.8) rotate(0)}10%,90%{opacity:1;transform:scale(1) rotate(0)}50%{transform:scale(1) rotate(180deg)}}@keyframes sand-fill{0%{height:2px}50%{height:10px}to{height:2px}}.win31-system-beep{pointer-events:none}.beep-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:navy;opacity:0;animation:screen-flash 2s ease-out infinite}@keyframes screen-flash{0%,90%,to{opacity:0}5%{opacity:.15}10%{opacity:0}15%{opacity:.12}20%{opacity:0}}.win31-window-cascade{pointer-events:none}.cascade-window{position:absolute;width:200px;height:150px;border:2px solid #000;background:silver;box-shadow:2px 2px #000;animation:cascade-fade 3s ease-in-out infinite}.window-titlebar{height:20px;background:navy;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4px;font-size:11px;font-family:"MS Sans Serif",sans-serif}.window-title{flex:1;font-weight:700}.window-button{width:16px;height:14px;background:silver;color:#000;display:flex;align-items:center;justify-content:center;border:1px solid #000;font-size:10px}.window-content{height:calc(100% - 20px);background:#fff;border:1px solid #808080;margin:2px}@keyframes cascade-fade{0%,to{opacity:0;transform:translate(0)}10%,80%{opacity:.6}50%{transform:translate(20px,20px)}}.win31-flying-windows{pointer-events:none}.flying-window{position:absolute;width:80px;height:60px;animation:fly-around 4s linear infinite;opacity:.7}.fly-titlebar{height:12px;background:navy;border:1px solid #000}.fly-body{height:calc(100% - 12px);background:silver;border:1px solid #000;border-top:none}@keyframes fly-around{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:.7}25%{transform:translate(200px,-100px) rotate(45deg)}50%{transform:translate(100px,150px) rotate(180deg)}75%{transform:translate(-150px,50px) rotate(270deg)}90%{opacity:.7}to{transform:translate(0) rotate(360deg);opacity:0}}.win31-pixel-dust{pointer-events:none}.pixel{position:absolute;animation:pixel-drift 3s ease-in-out infinite}.pixel.pattern-0{background:navy}.pixel.pattern-1{background:silver}.pixel.pattern-2{background:gray}.pixel.pattern-3{background:#000}@keyframes pixel-drift{0%,to{transform:translate(0);opacity:0}10%,90%{opacity:.5}25%{transform:translate(15px,-20px)}50%{transform:translate(-10px,15px);opacity:.8}75%{transform:translate(20px,10px)}}.win95-startup-sound{pointer-events:none}.startup-wave{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;border-radius:50%;background:radial-gradient(circle,#008080 0%,transparent 70%);animation:startup-expand 3s ease-out infinite}@keyframes startup-expand{0%{transform:scale(0);opacity:0}10%{opacity:.6}50%{opacity:.4}to{transform:scale(8);opacity:0}}.win95-maze{pointer-events:none}.maze-wall{position:absolute;background:linear-gradient(135deg,teal,navy,teal);box-shadow:2px 2px 4px #00000080;animation:maze-drift 4s ease-in-out infinite}.maze-wall.horizontal{border-top:2px solid #00a0a0;border-bottom:2px solid #004040}.maze-wall.vertical{border-left:2px solid #00a0a0;border-right:2px solid #004040}@keyframes maze-drift{0%,to{transform:translate(0) perspective(500px) rotateY(0);opacity:0}10%,90%{opacity:.7}25%{transform:translate(-30px,20px) perspective(500px) rotateY(20deg)}50%{transform:translate(20px,-30px) perspective(500px) rotateY(-20deg)}75%{transform:translate(-20px,-20px) perspective(500px) rotateY(15deg)}}.win95-clouds{pointer-events:none}.cloud{position:absolute;left:-100px;animation:cloud-drift 4s linear infinite;opacity:.5}.cloud-part{position:absolute;background:radial-gradient(circle,#fff 0%,#e0e0e0 60%,transparent 100%);border-radius:50%}.cloud-part.part-1{width:100%;height:100%;left:0}.cloud-part.part-2{width:70%;height:70%;left:30%;top:-20%}.cloud-part.part-3{width:60%;height:60%;left:60%;top:10%}@keyframes cloud-drift{0%{left:-100px;opacity:0}10%{opacity:.5}90%{opacity:.5}to{left:110%;opacity:0}}.win95-error-box{pointer-events:none}.error-dialog{position:absolute;width:240px;background:silver;border:2px solid;border-color:#fff #000 #000 #fff;box-shadow:1px 1px gray;animation:error-shake 3s ease-in-out infinite}.error-titlebar{height:18px;background:linear-gradient(to right,navy,#1084d0);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4px;font-size:11px;font-weight:700}.error-close{width:14px;height:12px;background:silver;color:#000;display:flex;align-items:center;justify-content:center;border:1px solid #000;font-size:10px}.error-content{display:flex;align-items:center;padding:12px;gap:12px}.error-icon{width:32px;height:32px;background:red;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.error-text{flex:1;font-size:11px}.error-button{width:60px;height:20px;background:silver;border:2px solid;border-color:#fff #000 #000 #fff;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:11px}@keyframes error-shake{0%,to{opacity:0;transform:translate(0)}10%,85%{opacity:.8}15%,25%,35%{transform:translate(-3px)}20%,30%,40%{transform:translate(3px)}45%,90%{transform:translate(0)}}.win95-pipes{pointer-events:none}.pipe{position:absolute;width:80px;height:12px;animation:pipe-grow 3s ease-out infinite}.pipe-segment{position:absolute;height:12px;border-radius:2px;box-shadow:inset -2px -2px 4px #0000004d,inset 2px 2px 4px #ffffff4d;animation:segment-extend 3s ease-out infinite}.pipe.color-0 .pipe-segment{background:linear-gradient(to bottom,#f44,#c00)}.pipe.color-1 .pipe-segment{background:linear-gradient(to bottom,#0f0,green)}.pipe.color-2 .pipe-segment{background:linear-gradient(to bottom,#44f,#00c)}.pipe-segment.segment-1{left:0;width:0;animation-delay:0s}.pipe-segment.segment-2{left:30px;width:0;animation-delay:.4s}.pipe-segment.segment-3{left:60px;width:0;animation-delay:.8s}.pipe-joint{position:absolute;width:16px;height:16px;background:inherit;border-radius:50%;left:32px;top:-2px;box-shadow:inset -2px -2px 4px #0000004d,inset 2px 2px 4px #ffffff4d;opacity:0;animation:joint-appear 3s ease-out infinite;animation-delay:.5s}.pipe.color-0 .pipe-joint{background:linear-gradient(135deg,#f44,#c00)}.pipe.color-1 .pipe-joint{background:linear-gradient(135deg,#0f0,green)}.pipe.color-2 .pipe-joint{background:linear-gradient(135deg,#44f,#00c)}@keyframes pipe-grow{0%,to{opacity:0}10%,90%{opacity:.8}}@keyframes segment-extend{0%{width:0;opacity:0}10%{opacity:1}30%{width:25px}90%{opacity:1}to{width:25px;opacity:0}}@keyframes joint-appear{0%,10%{opacity:0;transform:scale(0)}20%{opacity:1;transform:scale(1)}90%{opacity:1}to{opacity:0}}.effect-container.winxp-bliss-grass{position:absolute;bottom:0;left:0;right:0;height:100px;overflow:hidden;pointer-events:none}.winxp-bliss-grass .grass-blade{position:absolute;bottom:0;width:3px;height:40px;background:linear-gradient(to top,#7ec850,#4a9f2e);border-radius:50% 50% 0 0;transform-origin:bottom center;animation:grass-sway 3s ease-in-out infinite}@keyframes grass-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.effect-container.winxp-butterfly{position:absolute;inset:0;overflow:hidden;pointer-events:none}.winxp-butterfly .butterfly{position:absolute;top:20%;width:20px;height:20px;animation:butterfly-float 10s ease-in-out infinite}.winxp-butterfly .wing{position:absolute;width:12px;height:16px;background:linear-gradient(135deg,#ff6b9d,#feca57);border-radius:50% 50% 30%;top:2px}.winxp-butterfly .wing-left{left:-2px;animation:wing-flap .4s ease-in-out infinite;transform-origin:right center}.winxp-butterfly .wing-right{right:-2px;animation:wing-flap .4s ease-in-out infinite reverse;transform-origin:left center;transform:scaleX(-1)}@keyframes butterfly-float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(100px,-50px) rotate(10deg)}50%{transform:translate(200px,-20px) rotate(-5deg)}75%{transform:translate(150px,-70px) rotate(8deg)}}@keyframes wing-flap{0%,to{transform:rotateY(0)}50%{transform:rotateY(-60deg)}}.effect-container.winxp-luna-glow{position:absolute;inset:0;overflow:hidden;pointer-events:none}.winxp-luna-glow .luna-orb{position:absolute;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(0,84,227,.4),transparent 70%);animation:luna-pulse 3s ease-in-out infinite}.winxp-luna-glow .luna-shimmer{position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(0,84,227,.1) 50%,transparent 100%);animation:luna-shimmer-move 8s linear infinite}@keyframes luna-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.3);opacity:.6}}@keyframes luna-shimmer-move{0%{transform:translate(-100%)}to{transform:translate(100%)}}.effect-container.winxp-cloud-drift{position:absolute;inset:0;overflow:hidden;pointer-events:none}.winxp-cloud-drift .cloud{position:absolute;left:-150px;animation:cloud-drift 25s linear infinite}.winxp-cloud-drift .cloud-part{position:absolute;background:#ffffffb3;border-radius:50%}.winxp-cloud-drift .cloud-part-1{width:50px;height:50px;left:0;top:0}.winxp-cloud-drift .cloud-part-2{width:70px;height:60px;left:30px;top:-10px}.winxp-cloud-drift .cloud-part-3{width:50px;height:45px;left:60px;top:5px}@keyframes cloud-drift{0%{transform:translate(0);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translate(calc(100vw + 150px));opacity:0}}.effect-container.winxp-search-dog{position:absolute;bottom:20px;right:20px;width:80px;height:80px;pointer-events:none}.winxp-search-dog .search-dog{position:relative;width:100%;height:100%;animation:dog-peek 6s ease-in-out infinite}.winxp-search-dog .dog-head{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:40px;height:35px;background:#f4a460;border-radius:50% 50% 40% 40%}.winxp-search-dog .dog-ear{position:absolute;width:15px;height:20px;background:#d2691e;border-radius:50% 50% 0 0;top:-5px}.winxp-search-dog .dog-ear-left{left:2px;transform:rotate(-20deg)}.winxp-search-dog .dog-ear-right{right:2px;transform:rotate(20deg)}.winxp-search-dog .dog-eye{position:absolute;width:5px;height:5px;background:#333;border-radius:50%;top:12px}.winxp-search-dog .dog-eye-left{left:10px}.winxp-search-dog .dog-eye-right{right:10px}.winxp-search-dog .dog-nose{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:8px;height:6px;background:#000;border-radius:50%}.winxp-search-dog .dog-body{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:35px;height:30px;background:#f4a460;border-radius:40% 40% 30% 30%}.winxp-search-dog .search-icon{position:absolute;bottom:5px;right:10px;font-size:16px;animation:search-bounce 1s ease-in-out infinite}@keyframes dog-peek{0%,to{transform:translateY(100px);opacity:0}10%,90%{transform:translateY(0);opacity:1}}@keyframes search-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.effect-container.win7-aero-glass{position:absolute;inset:0;overflow:hidden;pointer-events:none}.win7-aero-glass .glass-reflection{position:absolute;top:0;width:80px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent);animation:glass-shine 5s ease-in-out infinite;filter:blur(10px)}.win7-aero-glass .glass-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(76,143,199,.1),transparent 60%);animation:glass-pulse 6s ease-in-out infinite}@keyframes glass-shine{0%,to{transform:translateY(-100%);opacity:0}50%{transform:translateY(100%);opacity:1}}@keyframes glass-pulse{0%,to{opacity:.3}50%{opacity:.6}}.effect-container.win7-aurora-wave{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.1),transparent)}.win7-aurora-wave .aurora-wave{position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(76,143,199,.5) 20%,rgba(100,181,246,.6) 40%,rgba(76,143,199,.5) 60%,transparent 100%);animation:aurora-flow 10s ease-in-out infinite;filter:blur(30px)}@keyframes aurora-flow{0%,to{transform:translate(-50%) translateY(0) rotate(0);opacity:0}25%{opacity:.6}50%{transform:translate(50%) translateY(-20px) rotate(2deg);opacity:.4}75%{opacity:.6}}.effect-container.win7-ribbon-shine{position:absolute;top:0;left:0;right:0;height:60px;overflow:hidden;pointer-events:none}.win7-ribbon-shine .ribbon-bar{position:relative;width:100%;height:100%;background:linear-gradient(180deg,#4c8fc733,#4c8fc70d);border-bottom:1px solid rgba(76,143,199,.3)}.win7-ribbon-shine .ribbon-highlight{position:absolute;top:0;left:-100px;width:100px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:ribbon-sweep 4s ease-in-out infinite;filter:blur(5px)}.win7-ribbon-shine .ribbon-segment{position:absolute;top:15px;height:30px;width:80px;background:#4c8fc726;border:1px solid rgba(76,143,199,.3);border-radius:3px}.win7-ribbon-shine .ribbon-segment-1{left:20px}.win7-ribbon-shine .ribbon-segment-2{left:110px}.win7-ribbon-shine .ribbon-segment-3{left:200px}@keyframes ribbon-sweep{0%{transform:translate(0)}to{transform:translate(calc(100vw + 100px))}}.effect-container.win7-peek-through{position:absolute;inset:0;overflow:hidden;pointer-events:none}.win7-peek-through .peek-window{position:absolute;width:150px;height:100px;background:#ffffff0d;border:1px solid rgba(76,143,199,.4);border-radius:4px;animation:peek-fade 5s ease-in-out infinite;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.win7-peek-through .peek-border{position:absolute;inset:0;border:1px solid rgba(255,255,255,.2);border-radius:3px;box-shadow:inset 0 1px #ffffff4d}@keyframes peek-fade{0%,to{opacity:0;transform:scale(.95)}50%{opacity:.8;transform:scale(1)}}.effect-container.win7-bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.win7-bubbles .bubble{position:absolute;bottom:-100px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4),rgba(76,143,199,.3) 40%,rgba(76,143,199,.1) 70%,transparent);border:2px solid rgba(255,255,255,.3);animation:bubble-rise 8s ease-in infinite}.win7-bubbles .bubble-shine{position:absolute;top:20%;left:25%;width:30%;height:30%;background:radial-gradient(circle,rgba(255,255,255,.8),transparent 70%);border-radius:50%;filter:blur(3px)}@keyframes bubble-rise{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-110vh) translate(50px);opacity:0}}.effect-container.win10-acrylic{position:absolute;inset:0;overflow:hidden;pointer-events:none}.win10-acrylic .acrylic-layer{position:absolute;width:200px;height:200px;background:#0078d426;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:8px;border:1px solid rgba(255,255,255,.2);animation:acrylic-float 8s ease-in-out infinite}.win10-acrylic .acrylic-noise{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);opacity:.5;animation:noise-scroll 20s linear infinite}@keyframes acrylic-float{0%,to{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(20px,-20px) scale(1.1);opacity:.5}}@keyframes noise-scroll{0%{transform:translateY(0)}to{transform:translateY(100px)}}.effect-container.win10-spotlight{position:absolute;inset:0;overflow:hidden;pointer-events:none}.win10-spotlight .spotlight{position:absolute;inset:0;opacity:0;animation:spotlight-fade 12s ease-in-out infinite}.win10-spotlight .spotlight-1{background:radial-gradient(ellipse at 30% 40%,rgba(0,120,212,.3),transparent 50%)}.win10-spotlight .spotlight-2{background:radial-gradient(ellipse at 70% 60%,rgba(100,181,246,.25),transparent 50%)}.win10-spotlight .spotlight-3{background:radial-gradient(ellipse at 50% 30%,rgba(0,120,212,.2),transparent 50%)}.win10-spotlight .spotlight-overlay{position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(0,120,212,.1) 50%,transparent 100%)}@keyframes spotlight-fade{0%,to{opacity:0}33%{opacity:1}66%{opacity:0}}.effect-container.win10-reveal-light{position:absolute;inset:0;overflow:hidden;pointer-events:none}.win10-reveal-light .reveal-light{position:absolute;top:50%;left:50%;width:300px;height:300px;margin:-150px 0 0 -150px;background:radial-gradient(circle,rgba(0,120,212,.4),rgba(0,120,212,.2) 40%,transparent 70%);animation:reveal-pulse 3s ease-in-out infinite;filter:blur(20px)}.win10-reveal-light .reveal-glow{position:absolute;inset:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(0,120,212,.3) 0%,transparent 50%);animation:reveal-move 8s ease-in-out infinite}@keyframes reveal-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}@keyframes reveal-move{0%,to{--x: 20%;--y: 30%}25%{--x: 80%;--y: 40%}50%{--x: 60%;--y: 70%}75%{--x: 30%;--y: 60%}}.effect-container.win10-live-title{position:absolute;inset:0;overflow:hidden;pointer-events:none;perspective:1000px}.win10-live-title .live-tile{position:absolute;width:80px;height:80px;transform-style:preserve-3d;animation:tile-flip 6s ease-in-out infinite}.win10-live-title .tile-front,.win10-live-title .tile-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:4px;border:1px solid rgba(0,120,212,.3)}.win10-live-title .tile-front{background:linear-gradient(135deg,#0078d433,#0078d41a)}.win10-live-title .tile-back{background:linear-gradient(135deg,#64b5f633,#0078d426);transform:rotateY(180deg)}@keyframes tile-flip{0%,to{transform:rotateY(0)}50%{transform:rotateY(180deg)}}.effect-container.win10-hero-glow{position:absolute;inset:0;overflow:hidden;pointer-events:none;display:flex;align-items:center;justify-content:center}.win10-hero-glow .hero-logo{position:relative;width:100px;height:100px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;animation:logo-glow-pulse 4s ease-in-out infinite}.win10-hero-glow .logo-pane{background:#0078d466;border-radius:2px;box-shadow:0 0 20px #0078d499;animation:pane-shimmer 3s ease-in-out infinite}.win10-hero-glow .logo-pane-1{animation-delay:0s}.win10-hero-glow .logo-pane-2{animation-delay:.2s}.win10-hero-glow .logo-pane-3{animation-delay:.4s}.win10-hero-glow .logo-pane-4{animation-delay:.6s}.win10-hero-glow .hero-glow-ring{position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border:2px solid rgba(0,120,212,.3);border-radius:50%;animation:ring-expand 3s ease-out infinite}.win10-hero-glow .hero-particles{position:absolute;inset:0}.win10-hero-glow .particle{position:absolute;width:4px;height:4px;background:#0078d499;border-radius:50%;animation:particle-float 2s ease-in-out infinite}@keyframes logo-glow-pulse{0%,to{filter:drop-shadow(0 0 10px rgba(0,120,212,.5))}50%{filter:drop-shadow(0 0 30px rgba(0,120,212,.8))}}@keyframes pane-shimmer{0%,to{opacity:.4}50%{opacity:.8}}@keyframes ring-expand{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.5);opacity:0}}@keyframes particle-float{0%,to{transform:translateY(0);opacity:0}50%{transform:translateY(-20px);opacity:1}}.linux-matrix-rain{overflow:hidden;opacity:.15}.matrix-column{position:absolute;top:-100%;font-family:Courier New,monospace;font-size:12px;color:#0f0;text-shadow:0 0 4px #00ff00;white-space:pre;line-height:1.2;animation:matrixFall linear infinite;pointer-events:none}.matrix-column:nth-child(n+5):nth-child(-n+16){opacity:.05}@keyframes matrixFall{0%{top:-100%;opacity:0}10%{opacity:.6}90%{opacity:.4}to{top:110%;opacity:0}}.linux-cursor{pointer-events:none;opacity:.4}.terminal-cursor{position:absolute;font-family:Courier New,monospace;font-size:16px;font-weight:700;color:#0f0;text-shadow:0 0 5px #00ff00;animation:cursorBlink 1s steps(2,start) infinite}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.linux-compile-scroll{overflow:hidden;opacity:.25}.compile-line{position:absolute;left:-100%;font-family:Courier New,monospace;font-size:12px;color:#0f0;text-shadow:0 0 4px #00ff00;white-space:nowrap;animation:compileScroll linear infinite;pointer-events:none}@keyframes compileScroll{0%{left:-100%;opacity:0}5%{opacity:.8}95%{opacity:.8}to{left:110%;opacity:0}}.linux-kernel-panic{pointer-events:none;opacity:.2}.kernel-message{position:absolute;left:5%;font-family:Courier New,monospace;font-size:11px;color:#0f0;text-shadow:0 0 3px #00ff00;white-space:nowrap;animation:kernelFlash 12s ease-in-out infinite}@keyframes kernelFlash{0%,90%{opacity:0}92%,98%{opacity:1}to{opacity:0}}.linux-ping-pulse{pointer-events:none;opacity:.3}.ping-ripple{position:absolute;border:2px solid #00ff00;border-radius:50%;box-shadow:0 0 10px #0f0;transform:translate(-50%,-50%);animation:pingPulse 3s ease-out infinite}@keyframes pingPulse{0%{transform:translate(-50%,-50%) scale(.1);opacity:1}50%{opacity:.6}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.macos-genie-effect{pointer-events:none;opacity:.25}.genie-window{position:absolute;width:80px;height:60px;background:linear-gradient(135deg,#0066cc4d,#69f3);border:1px solid rgba(0,102,204,.5);border-radius:8px;box-shadow:0 4px 12px #0066cc4d;animation:genieWhoosh 8s ease-in-out infinite}@keyframes genieWhoosh{0%,80%{opacity:0;transform:scale(1) translateY(0) scaleY(1)}85%{opacity:.8;transform:scale(1) translateY(0) scaleY(1)}92%{opacity:.6;transform:scale(.2) translateY(100px) scaleY(.1)}95%,to{opacity:0;transform:scale(.05) translateY(120px) scaleY(.05)}}.macos-dock-bounce{pointer-events:none;opacity:.3}.dock-container{position:absolute;bottom:10%;left:0;right:0;height:60px}.dock-icon{position:absolute;bottom:0;width:40px;height:40px;background:linear-gradient(135deg,#06c,#69f);border-radius:12px;box-shadow:0 4px 12px #06c6;animation:dockBounce 6s ease-in-out infinite}@keyframes dockBounce{0%,80%{transform:translateY(0) scale(1)}85%{transform:translateY(-30px) scale(1.1)}88%{transform:translateY(-15px) scale(1.05)}91%{transform:translateY(-25px) scale(1.08)}94%{transform:translateY(-10px) scale(1.03)}97%,to{transform:translateY(0) scale(1)}}.macos-ripple-click{pointer-events:none;opacity:.35}.aqua-ripple{position:absolute;width:20px;height:20px;border:2px solid #0066cc;border-radius:50%;box-shadow:0 0 15px #06c9,inset 0 0 10px #69f6;transform:translate(-50%,-50%);animation:aquaRipple 4s ease-out infinite}@keyframes aquaRipple{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}20%{opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}.macos-expose-shuffle{pointer-events:none;opacity:.25}.expose-window{position:absolute;width:60px;height:45px;background:linear-gradient(135deg,#06c3,#99ccff26);border:1px solid rgba(0,102,204,.4);border-radius:6px;box-shadow:0 2px 8px #0066cc4d;animation:exposeShuffle 10s ease-in-out infinite}@keyframes exposeShuffle{0%,70%{left:var(--start-x);top:var(--start-y);transform:scale(1);opacity:0}75%{opacity:.8;transform:scale(1)}85%{left:var(--end-x);top:var(--end-y);transform:scale(.6);opacity:.8}95%,to{left:var(--start-x);top:var(--start-y);transform:scale(1);opacity:0}}.macos-pulsating-orb{pointer-events:none;opacity:.3}.aqua-orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#69f9,#0066cc4d);box-shadow:0 0 20px #0066cc80,inset 0 0 15px #ffffff4d,inset -5px -5px 10px #0066cc4d;animation:orbPulsate 3s ease-in-out infinite}@keyframes orbPulsate{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.msdos-cursor-blink{pointer-events:none;opacity:.4}.dos-cursor{position:absolute;font-family:Courier New,"Perfect DOS VGA 437",monospace;font-size:18px;font-weight:700;color:#ffb000;text-shadow:0 0 5px #ffb000;animation:dosCursorBlink 1s steps(2,start) infinite}@keyframes dosCursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.msdos-scanlines{pointer-events:none;opacity:.08}.scanline{position:absolute;left:0;right:0;height:1px;background:#ffb00026}.scanline-sweep{position:absolute;left:0;right:0;top:0;height:50px;background:linear-gradient(to bottom,transparent 0%,rgba(255,176,0,.05) 50%,transparent 100%);animation:scanlineSweep 6s linear infinite}@keyframes scanlineSweep{0%{top:-50px}to{top:100%}}.msdos-text-type{pointer-events:none;opacity:.25}.dos-command{position:absolute;left:5%;font-family:Courier New,"Perfect DOS VGA 437",monospace;font-size:14px;color:#ffb000;text-shadow:0 0 3px #ffb000;white-space:nowrap;overflow:hidden;animation:dosTextType 12s steps(30,end) infinite}@keyframes dosTextType{0%,70%{width:0;opacity:0}75%{opacity:1}85%{width:100%;opacity:1}95%,to{width:100%;opacity:0}}.msdos-phosphor-glow{pointer-events:none;opacity:.2}.phosphor-spot{position:absolute;border-radius:50%;background:radial-gradient(circle at center,#ffb00066,#ffb00033 30%,#ffb00000 70%);filter:blur(8px);animation:phosphorFade 5s ease-in-out infinite}@keyframes phosphorFade{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.msdos-disk-access{pointer-events:none;opacity:.3}.disk-indicator{position:absolute;display:flex;align-items:center;gap:8px}.disk-light{width:12px;height:12px;border-radius:50%;background:#ffb000;box-shadow:0 0 10px #ffb000;animation:diskFlicker 3s ease-in-out infinite}.disk-label{font-family:Courier New,"Perfect DOS VGA 437",monospace;font-size:12px;font-weight:700;color:#ffb000;text-shadow:0 0 3px #ffb000}@keyframes diskFlicker{0%,60%{opacity:.2}65%,70%{opacity:1}75%,78%{opacity:.3}80%,85%{opacity:1}90%,to{opacity:.2}}.chromeos-material-ripple{pointer-events:none}.material-ripple{position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#4285f44d,#4285f400 70%);animation:ripple-expand 4s ease-out infinite;transform:translate(-50%,-50%)}.material-ripple:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,#4285f466,#4285f400 60%);animation:ripple-pulse 2s ease-in-out infinite}@keyframes ripple-expand{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}10%{opacity:.6}80%{transform:translate(-50%,-50%) scale(calc(var(--ripple-scale, 1) * 2));opacity:.2}to{transform:translate(-50%,-50%) scale(calc(var(--ripple-scale, 1) * 2.5));opacity:0}}@keyframes ripple-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.chromeos-sync-pulse{pointer-events:none}.sync-indicator{position:absolute;width:60px;height:60px;animation:sync-rotate 8s linear infinite}.sync-indicator.top-right{top:8%;right:8%}.sync-indicator.bottom-left{bottom:12%;left:8%}.sync-indicator.top-left{top:15%;left:15%}.sync-ring{position:absolute;inset:0;border:2px solid rgba(52,168,83,.3);border-radius:50%;animation:sync-pulse 3s ease-out infinite}.sync-ring-2{animation-delay:1s}.sync-ring-3{animation-delay:2s}.sync-core{position:absolute;inset:35%;background:#34a853;border-radius:50%;box-shadow:0 0 10px #34a85399;animation:sync-core-pulse 2s ease-in-out infinite}@keyframes sync-pulse{0%{transform:scale(.5);opacity:.8}to{transform:scale(2);opacity:0}}@keyframes sync-core-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes sync-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chromeos-color-dots{pointer-events:none}.google-dot{position:absolute;border-radius:50%;animation:dot-float 12s ease-in-out infinite;filter:blur(.5px)}.google-dot.red{background:#ea4335;box-shadow:0 0 8px #ea433580}.google-dot.yellow{background:#fbbc04;box-shadow:0 0 8px #fbbc0480}.google-dot.green{background:#34a853;box-shadow:0 0 8px #34a85380}.google-dot.blue{background:#4285f4;box-shadow:0 0 8px #4285f480}@keyframes dot-float{0%,to{transform:translate(0) scale(1);opacity:.4}25%{transform:translate(-25px,40px) scale(1.3);opacity:.7}50%{transform:translate(30px,-30px) scale(.9);opacity:.5}75%{transform:translate(-15px,-20px) scale(1.1);opacity:.8}}.chromeos-loading-spin{pointer-events:none}.chrome-spinner-wrapper{position:absolute;transform:translate(-50%,-50%);animation:spinner-appear 20s ease-in-out infinite}.chrome-spinner{position:relative;width:100%;height:100%;animation:spinner-rotate 1.2s linear infinite}.spinner-segment{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:currentColor}.spinner-segment.red{color:#ea4335;transform:rotate(0)}.spinner-segment.yellow{color:#fbbc04;transform:rotate(90deg)}.spinner-segment.green{color:#34a853;transform:rotate(180deg)}.spinner-segment.blue{color:#4285f4;transform:rotate(270deg)}@keyframes spinner-appear{0%,10%,90%,to{opacity:0;transform:translate(-50%,-50%) scale(0)}15%,85%{opacity:.6;transform:translate(-50%,-50%) scale(1)}}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chromeos-card-float{pointer-events:none}.material-card{position:absolute;background:#ffffff14;border-radius:8px;box-shadow:0 2px 4px #0000001a,0 4px 8px #4285f426;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:card-float 15s ease-in-out infinite;transform-origin:center center}.material-card:before{content:"";position:absolute;inset:0;border-radius:8px;background:linear-gradient(135deg,#4285f433,#34a8531a,#fbbc0426);opacity:.6}.material-card:after{content:"";position:absolute;top:12px;left:12px;width:30%;height:4px;background:#4285f466;border-radius:2px}@keyframes card-float{0%,to{transform:translate(0) rotate(var(--card-rotation, 0deg));opacity:.3}25%{transform:translate(-20px,30px) rotate(calc(var(--card-rotation, 0deg) + 3deg));opacity:.5}50%{transform:translate(15px,-20px) rotate(calc(var(--card-rotation, 0deg) - 2deg));opacity:.4}75%{transform:translate(-10px,-15px) rotate(calc(var(--card-rotation, 0deg) + 2deg));opacity:.6}}.amiga-hand-pointer{pointer-events:none}.amiga-hand{position:absolute;animation:hand-move 10s linear infinite}.hand-icon{position:relative;width:24px;height:32px;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.3))}.hand-palm{position:absolute;bottom:0;left:6px;width:12px;height:18px;background:#f80;border:2px solid #000;border-radius:4px 4px 2px 2px}.hand-thumb{position:absolute;bottom:8px;left:0;width:8px;height:10px;background:#f80;border:2px solid #000;border-radius:2px;transform:rotate(-20deg)}.hand-finger{position:absolute;width:5px;height:12px;background:#f80;border:2px solid #000;border-radius:2px 2px 0 0}.hand-finger.finger-1{top:0;left:8px;animation:finger-point 1s ease-in-out infinite}.hand-finger.finger-2{top:4px;left:14px;height:10px}.hand-trail{position:absolute;bottom:14px;left:12px;width:3px;height:3px;background:#05a;border-radius:50%;box-shadow:-8px 0 #05a,-16px 2px #05a9,-24px 4px #0055aa4d}@keyframes hand-move{0%{transform:translate(0);opacity:0}10%,90%{opacity:.8}to{transform:translate(80vw,20vh);opacity:0}}@keyframes finger-point{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.amiga-disk-insert{pointer-events:none}.disk-wrapper{position:absolute;animation:disk-insert 24s ease-in-out infinite;transform-origin:center}.floppy-disk{position:relative;width:50px;height:55px;background:linear-gradient(135deg,#05a,#003d7a);border:2px solid #000;border-radius:4px 4px 2px 2px;box-shadow:0 2px 4px #0000004d}.disk-label{position:absolute;top:6px;left:6px;right:6px;height:20px;background:#ddd;border:1px solid #666;border-radius:2px}.disk-label:after{content:"";position:absolute;top:4px;left:4px;right:4px;height:2px;background:#f80;border-radius:1px}.disk-shutter{position:absolute;bottom:8px;left:10px;right:10px;height:6px;background:#222;border:1px solid #000;border-radius:1px}.disk-hole{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#000;border-radius:50%;border:1px solid #333}.disk-write-protect{position:absolute;top:30px;right:4px;width:4px;height:8px;background:#000;border-radius:1px}@keyframes disk-insert{0%,10%{transform:translateY(-100px) rotate(var(--disk-rotation, 0deg)) scale(.8);opacity:0}15%{opacity:.9}20%,80%{transform:translateY(0) rotate(0) scale(1);opacity:.8}85%{opacity:.9}90%,to{transform:translateY(100px) rotate(var(--disk-rotation, 0deg)) scale(.8);opacity:0}}.amiga-boing-ball{pointer-events:none}.boing-wrapper{position:absolute;top:20%;animation:boing-bounce 8s cubic-bezier(.45,.05,.55,.95) infinite}.boing-ball{position:relative;width:60px;height:60px;animation:boing-spin 2s linear infinite}.ball-grid{position:relative;width:100%;height:100%;border-radius:50%;background:red;box-shadow:inset -5px -5px 15px #0000004d,inset 5px 5px 15px #ffffff4d,0 0 20px #f006;overflow:hidden}.grid-stripe{position:absolute;width:100%;height:12.5%;background:#fff}.grid-stripe:nth-child(2n){background:transparent}.stripe-0{top:0%}.stripe-1{top:12.5%}.stripe-2{top:25%}.stripe-3{top:37.5%}.stripe-4{top:50%}.stripe-5{top:62.5%}.stripe-6{top:75%}.stripe-7{top:87.5%}.ball-shadow{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);width:40px;height:10px;background:radial-gradient(ellipse,rgba(0,0,0,.4) 0%,transparent 70%);border-radius:50%}@keyframes boing-bounce{0%,to{transform:translate(0)}25%{transform:translate(30vw,-80px)}50%{transform:translate(60vw)}75%{transform:translate(30vw,-60px)}}@keyframes boing-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.amiga-copper-bars{pointer-events:none}.copper-bar{position:absolute;left:0;right:0;height:120px;opacity:.6;animation:copper-scroll 8s linear infinite;filter:blur(1px);mix-blend-mode:screen}.copper-bar:before{content:"";position:absolute;inset:0;background:inherit;filter:blur(4px);opacity:.5}.copper-bar:after{content:"";position:absolute;left:0;right:0;height:2px;top:50%;background:#fffc;box-shadow:0 0 8px #fff9;animation:scanline-pulse .5s ease-in-out infinite}@keyframes copper-scroll{0%{top:-120px;opacity:0}5%,95%{opacity:.6}to{top:100%;opacity:0}}@keyframes scanline-pulse{0%,to{opacity:.8;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.05)}}.amiga-guru-meditation{pointer-events:none}.guru-flash{position:absolute;bottom:20px;left:20px;max-width:280px;animation:guru-appear 90s ease-in-out infinite;opacity:0;transform:scale(.8)}.guru-border{padding:2px;background:red;border-radius:2px;animation:guru-blink .8s steps(2,start) infinite}.guru-content{padding:8px 12px;background:#000;text-align:center;font-family:Courier New,monospace;color:red}.guru-text{font-size:9px;font-weight:700;margin:2px 0;letter-spacing:1px;text-transform:uppercase}.guru-code{font-size:8px;margin-top:6px;padding:3px 6px;border:1px solid #ff0000;display:inline-block}@keyframes guru-appear{0%,1%,99%,to{opacity:0;visibility:hidden;transform:scale(.8)}1.2%,2%{opacity:.85;visibility:visible;transform:scale(1)}}@keyframes guru-blink{0%,to{background:red}50%{background:#800}}.c64-cursor-blink{pointer-events:none}.c64-terminal{position:absolute;bottom:10%;left:5%;font-family:Courier New,monospace;font-size:14px;color:#a0a0ff;opacity:0;animation:c64-fade 3s ease-in-out forwards}.c64-text{display:flex;flex-direction:column;gap:4px;text-shadow:0 0 5px #0088ff}.c64-stars{color:#afe;animation:c64-glow 1s ease-in-out infinite alternate}.c64-memory{color:#8080dd}.c64-ready{color:#a0a0ff;margin-top:8px}.c64-cursor{display:inline-block;width:10px;height:16px;background:#a0a0ff;margin-left:2px;animation:c64-blink .5s step-end infinite}@keyframes c64-fade{0%{opacity:0}15%{opacity:.9}85%{opacity:.9}to{opacity:0}}@keyframes c64-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes c64-glow{0%{text-shadow:0 0 5px #0088ff}to{text-shadow:0 0 15px #aaffee,0 0 25px #0088ff}}.c64-loading-stripes{pointer-events:none}.stripe-container{position:absolute;top:0;left:0;right:0;height:100%;display:flex;opacity:0;animation:stripes-fade 3s ease-in-out forwards}.loading-stripe{flex:1;opacity:0;animation:stripe-flash .15s ease-out forwards;transform:scaleY(0)}@keyframes stripe-flash{0%{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}to{opacity:.6;transform:scaleY(1)}}@keyframes stripes-fade{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.loading-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Courier New,monospace;font-size:24px;color:#afe;text-shadow:0 0 10px #0088ff,0 0 20px #aaffee;letter-spacing:8px;animation:loading-pulse .5s ease-in-out infinite alternate}@keyframes loading-pulse{0%{opacity:.5}to{opacity:1}}.c64-sprite-float{pointer-events:none}.floating-sprite{position:absolute;opacity:0;animation:sprite-float 4s ease-in-out forwards}.sprite{font-family:Courier New,monospace;font-size:32px;font-weight:700;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.sprite-ship .sprite{color:#afe;text-shadow:0 0 10px #aaffee,2px 2px 0 #0088ff}.sprite-ball .sprite{color:#f77;text-shadow:0 0 10px #ff7777,2px 2px 0 #880000}.sprite-ghost .sprite{color:#c4c;text-shadow:0 0 10px #cc44cc,2px 2px 0 #660066}.sprite-star .sprite{color:#ee7;text-shadow:0 0 10px #eeee77,2px 2px 0 #888800;animation:star-twinkle .3s ease-in-out infinite alternate}@keyframes sprite-float{0%{opacity:0;transform:translate(-20px)}15%{opacity:1}85%{opacity:1;transform:translate(100px)}to{opacity:0;transform:translate(120px)}}@keyframes star-twinkle{0%{transform:scale(.9)}to{transform:scale(1.1)}}.c64-sid-chip{pointer-events:none}.sid-visualizer{position:absolute;bottom:15%;right:5%;width:200px;padding:10px;background:#40318dcc;border:2px solid #0088ff;border-radius:4px;opacity:0;animation:sid-fade 3s ease-in-out forwards}.sid-label{font-family:Courier New,monospace;font-size:12px;color:#afe;text-align:center;margin-bottom:8px;letter-spacing:2px}.sid-bars{display:flex;align-items:flex-end;justify-content:space-between;height:60px;gap:2px}.sid-bar{flex:1;background:linear-gradient(to top,#08f,#afe);border-radius:2px 2px 0 0;animation:bar-bounce .3s ease-in-out infinite alternate;height:var(--bar-height, 50%)}.sid-waveform{margin-top:8px;height:30px;overflow:hidden}.waveform-svg{width:100%;height:100%}.wave-path{stroke-dasharray:400;animation:wave-draw 2s ease-in-out infinite;filter:drop-shadow(0 0 3px #0088ff)}@keyframes sid-fade{0%{opacity:0;transform:translateY(10px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0}}@keyframes bar-bounce{0%{transform:scaleY(.7)}to{transform:scaleY(1)}}@keyframes wave-draw{0%{stroke-dashoffset:400}50%{stroke-dashoffset:0}to{stroke-dashoffset:-400}}.c64-petscii-art{pointer-events:none}.petscii-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Courier New,monospace;opacity:0;animation:petscii-fade 3s ease-in-out forwards}.petscii-row{display:flex;justify-content:center}.petscii-char{width:16px;height:20px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#08f;opacity:0;animation:char-appear .1s ease-out forwards;text-shadow:0 0 5px #0088ff}.petscii-char:nth-child(odd){color:#afe;text-shadow:0 0 5px #aaffee}.petscii-char:nth-child(3n){color:#ee7;text-shadow:0 0 5px #eeee77}@keyframes petscii-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}@keyframes char-appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.falling-snow{pointer-events:none}.snowflake{position:absolute;top:-10px;background:#fff;border-radius:50%;opacity:.8;animation:snow-fall linear infinite;box-shadow:0 0 5px #ffffff80}@keyframes snow-fall{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(100vh) translate(var(--drift, 20px)) rotate(360deg);opacity:0}}.soft-rain{pointer-events:none}.raindrop{position:absolute;top:-20px;width:1px;background:linear-gradient(to bottom,transparent,var(--theme-primary, rgba(150, 180, 200, .6)));animation:rain-drop linear infinite;opacity:.5}@keyframes rain-drop{0%{transform:translateY(0);opacity:0}10%{opacity:.5}to{transform:translateY(100vh);opacity:.3}}.falling-petals{pointer-events:none}.petal{position:absolute;top:-20px;background:linear-gradient(135deg,#ffb7c5,#ffd1dc);border-radius:50% 0 50% 50%;opacity:.8;animation:petal-fall ease-in-out infinite}@keyframes petal-fall{0%{transform:translateY(0) translate(0) rotate(var(--rotate-start, 0deg));opacity:0}10%{opacity:.8}50%{transform:translateY(50vh) translate(50px) rotate(calc(var(--rotate-start, 0deg) + 180deg))}90%{opacity:.8}to{transform:translateY(100vh) translate(-30px) rotate(calc(var(--rotate-start, 0deg) + 360deg));opacity:0}}.autumn-leaves{pointer-events:none}.leaf{position:absolute;top:-30px;border-radius:0 50% 50%;opacity:.85;animation:leaf-fall ease-in-out infinite}@keyframes leaf-fall{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:.85}25%{transform:translateY(25vh) translate(var(--sway, 50px)) rotate(90deg)}50%{transform:translateY(50vh) translate(calc(var(--sway, 50px) * -.5)) rotate(180deg)}75%{transform:translateY(75vh) translate(calc(var(--sway, 50px) * .7)) rotate(270deg)}90%{opacity:.85}to{transform:translateY(100vh) translate(0) rotate(360deg);opacity:0}}.fireflies{pointer-events:none}.firefly{position:absolute;background:#ffa;border-radius:50%;box-shadow:0 0 10px #ffa,0 0 20px #ff8,0 0 30px #ff6;animation:firefly-glow ease-in-out infinite}@keyframes firefly-glow{0%,to{opacity:0;transform:translate(0)}20%{opacity:1;transform:translate(10px,-15px)}40%{opacity:.6;transform:translate(-5px,10px)}60%{opacity:1;transform:translate(15px,5px)}80%{opacity:.4;transform:translate(-10px,-5px)}}.low-fog{pointer-events:none}.fog-layer{position:absolute;bottom:0;left:-100%;width:300%;height:150px;background:linear-gradient(to top,rgba(255,255,255,.15),transparent);animation:fog-drift linear infinite}.fog-1{animation-duration:30s;opacity:.4}.fog-2{animation-duration:45s;animation-delay:-15s;opacity:.3;height:100px}.fog-3{animation-duration:25s;animation-delay:-10s;opacity:.2;height:80px}@keyframes fog-drift{0%{transform:translate(0)}to{transform:translate(33.33%)}}.starfield-drift{pointer-events:none}.star{position:absolute;background:#fff;border-radius:50%;animation:star-twinkle ease-in-out infinite}@keyframes star-twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.floating-embers{pointer-events:none}.ember{position:absolute;bottom:-10px;background:#ff6b35;border-radius:50%;box-shadow:0 0 6px #ff6b35,0 0 12px #ff8c00,0 0 18px orange;animation:ember-rise ease-out infinite}@keyframes ember-rise{0%{transform:translateY(0) translate(0);opacity:1}to{transform:translateY(-100vh) translate(var(--drift, 20px));opacity:0}}.aurora-waves{pointer-events:none}.aurora{position:absolute;top:0;left:-50%;width:200%;height:40%;background:linear-gradient(180deg,transparent 0%,rgba(0,255,128,.1) 30%,rgba(0,200,255,.15) 50%,rgba(128,0,255,.1) 70%,transparent 100%);filter:blur(30px);animation:aurora-wave ease-in-out infinite}.aurora-1{animation-duration:15s}.aurora-2{animation-duration:20s;animation-delay:-7s;opacity:.7}.aurora-3{animation-duration:25s;animation-delay:-12s;opacity:.5}@keyframes aurora-wave{0%,to{transform:translate(0) skew(-5deg)}50%{transform:translate(25%) skew(5deg)}}.rising-bubbles{pointer-events:none}.bubble{position:absolute;bottom:-30px;border:2px solid rgba(255,255,255,.3);border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent);animation:bubble-rise ease-in-out infinite}@keyframes bubble-rise{0%{transform:translateY(0) translate(0);opacity:.8}50%{transform:translateY(-50vh) translate(var(--wobble, 20px))}to{transform:translateY(-100vh) translate(calc(var(--wobble, 20px) * -1));opacity:0}}.sparkles{pointer-events:none}.sparkle{position:absolute;background:#fff;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:sparkle-flash ease-in-out infinite;box-shadow:0 0 4px var(--theme-primary, white)}@keyframes sparkle-flash{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.floating-hearts{pointer-events:none}.heart{position:absolute;bottom:-30px;color:var(--theme-secondary, #ff6b8a);text-shadow:0 0 10px var(--theme-secondary, #ff6b8a);animation:heart-rise ease-out infinite;opacity:.8}@keyframes heart-rise{0%{transform:translateY(0) translate(0) scale(.5);opacity:0}20%{opacity:.8;transform:translateY(-20vh) translate(var(--drift, 10px)) scale(1)}80%{opacity:.6}to{transform:translateY(-100vh) translate(calc(var(--drift, 10px) * -1)) scale(.8);opacity:0}}.butterflies{pointer-events:none}.butterfly{position:absolute;animation:butterfly-flutter ease-in-out infinite;opacity:.7;filter:drop-shadow(0 0 2px rgba(255,255,255,.3))}@keyframes butterfly-flutter{0%{transform:translate(0) rotate(0) scale(1);opacity:0}10%{opacity:.7}25%{transform:translate(var(--path-x, 100px),calc(var(--path-y, 50px) * -.5)) rotate(15deg) scale(1.1)}50%{transform:translate(calc(var(--path-x, 100px) * .5),calc(var(--path-y, 50px) * -1)) rotate(-10deg) scale(.9)}75%{transform:translate(calc(var(--path-x, 100px) * -.3),calc(var(--path-y, 50px) * -.7)) rotate(20deg) scale(1.05)}90%{opacity:.5}to{transform:translate(calc(var(--path-x, 100px) * -.5)) rotate(-15deg) scale(.8);opacity:0}}.floating-feathers{pointer-events:none}.feather{position:absolute;top:-50px;border-radius:50%/10% 10% 90% 90%;opacity:.6;animation:feather-float ease-in-out infinite;box-shadow:0 2px 8px #0000001a}@keyframes feather-float{0%{transform:translateY(0) translate(0) rotate(var(--rotation, 0deg));opacity:0}10%{opacity:.6}25%{transform:translateY(25vh) translate(var(--sway, 40px)) rotate(calc(var(--rotation, 0deg) + 60deg))}50%{transform:translateY(50vh) translate(calc(var(--sway, 40px) * -.5)) rotate(calc(var(--rotation, 0deg) + 120deg))}75%{transform:translateY(75vh) translate(var(--sway, 40px)) rotate(calc(var(--rotation, 0deg) + 200deg))}90%{opacity:.4}to{transform:translateY(100vh) translate(calc(var(--sway, 40px) * -.3)) rotate(calc(var(--rotation, 0deg) + 360deg));opacity:0}}.confetti{pointer-events:none}.confetti-piece{position:absolute;top:-20px;animation:confetti-fall ease-in infinite;opacity:.9}.confetti-piece.circle{border-radius:50%}.confetti-piece.square{border-radius:2px}.confetti-piece.rectangle{border-radius:1px}@keyframes confetti-fall{0%{transform:translateY(0) translate(0) rotate(var(--rotation, 0deg));opacity:0}10%{opacity:.9}to{transform:translateY(100vh) translate(var(--drift, 0px)) rotate(calc(var(--rotation, 0deg) + 720deg));opacity:.5}}.fireworks{pointer-events:none}.firework{position:absolute;animation:firework-burst ease-out infinite}.spark{position:absolute;width:4px;height:4px;border-radius:50%;background-color:var(--firework-color, #fff);box-shadow:0 0 10px var(--firework-color, #fff);animation:spark-fly ease-out inherit;animation-delay:inherit;animation-duration:inherit}@keyframes firework-burst{0%{opacity:0;transform:scale(0)}10%{opacity:1;transform:scale(.1)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes spark-fly{0%{transform:translate(0) rotate(var(--angle, 0deg));opacity:1}to{transform:translate(var(--firework-size, 60px)) rotate(var(--angle, 0deg));opacity:0}}.balloons{pointer-events:none}.balloon-wrapper{position:absolute;bottom:-100px;animation:balloon-rise ease-in-out infinite}.balloon{border-radius:50%/60% 60% 40% 40%;box-shadow:inset -10px -10px 20px #0000001a,inset 10px 10px 20px #ffffff4d,0 5px 15px #0003;position:relative}.balloon:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid rgba(0,0,0,.2)}.balloon-string{position:absolute;top:100%;left:50%;width:1px;height:40px;background:linear-gradient(to bottom,rgba(0,0,0,.3),transparent)}@keyframes balloon-rise{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.9}25%{transform:translateY(-25vh) translate(var(--sway, 20px))}50%{transform:translateY(-50vh) translate(calc(var(--sway, 20px) * -.5))}75%{transform:translateY(-75vh) translate(var(--sway, 20px))}90%{opacity:.7}to{transform:translateY(-110vh) translate(0);opacity:0}}.star-burst{pointer-events:none}.burst{position:absolute;animation:burst-appear ease-out infinite;transform-origin:center}.star-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;animation:star-twinkle ease-in-out inherit;animation-delay:inherit;animation-duration:inherit;filter:drop-shadow(0 0 8px #ffd700)}.star-ray{position:absolute;top:50%;left:50%;width:3px;height:var(--burst-size, 40px);background:linear-gradient(to top,transparent,#ffd700,transparent);transform-origin:bottom center;transform:translate(-50%,-100%) rotate(var(--ray-angle, 0deg));animation:ray-expand ease-out inherit;animation-delay:inherit;animation-duration:inherit;box-shadow:0 0 10px gold}@keyframes burst-appear{0%{opacity:0;transform:rotate(var(--burst-rotation, 0deg)) scale(0)}20%{opacity:1;transform:rotate(var(--burst-rotation, 0deg)) scale(1)}80%{opacity:.8;transform:rotate(calc(var(--burst-rotation, 0deg) + 180deg)) scale(1.2)}to{opacity:0;transform:rotate(calc(var(--burst-rotation, 0deg) + 360deg)) scale(.5)}}@keyframes star-twinkle{0%,to{transform:translate(-50%,-50%) scale(0);opacity:0}20%,80%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2)}}@keyframes ray-expand{0%{transform:translate(-50%,-100%) rotate(var(--ray-angle, 0deg)) scaleY(0);opacity:0}30%{transform:translate(-50%,-100%) rotate(var(--ray-angle, 0deg)) scaleY(1);opacity:1}to{transform:translate(-50%,-100%) rotate(var(--ray-angle, 0deg)) scaleY(.3);opacity:0}}.lock-screen-overlay{position:fixed;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:lockScreenFadeIn .3s ease}.lock-screen-container{display:flex;flex-direction:column;align-items:center;padding:3rem 2.5rem;background:linear-gradient(145deg,var(--theme-bg-secondary, #1a1a2e) 0%,var(--theme-bg-primary, #0d1117) 100%);border:1px solid var(--theme-border-accent, rgba(79, 172, 254, .3));border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d inset,0 0 100px #4facfe1a;max-width:400px;width:90%;animation:lockScreenSlideIn .4s ease}.lock-screen-padlock{width:80px;height:80px;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(79,172,254,.4));animation:padlockPulse 2s ease-in-out infinite}.lock-screen-title{font-size:1.25rem;font-weight:500;color:var(--theme-text-primary, #e8e8e8);margin:0 0 2rem;text-align:center;letter-spacing:.02em}.lock-screen-form{width:100%;display:flex;flex-direction:column;gap:1rem}.lock-screen-input-wrapper{display:flex;flex-direction:column;gap:.5rem}.lock-screen-input-wrapper.shake{animation:shakeAnimation .5s ease}.lock-screen-label{font-size:.85rem;font-weight:500;color:var(--theme-text-muted, #6e7681);text-transform:uppercase;letter-spacing:.05em}.lock-screen-input{width:100%;padding:1rem 1.25rem;font-size:1.25rem;font-family:Fira Code,monospace;letter-spacing:.3em;text-align:center;color:var(--theme-text-primary, #ffffff);background:var(--theme-bg-primary, #0d1117);border:2px solid var(--theme-border-color, rgba(255, 255, 255, .1));border-radius:12px;outline:none;transition:all .2s ease;box-sizing:border-box}.lock-screen-input:focus{border-color:var(--theme-primary, #4facfe);box-shadow:0 0 0 3px #4facfe33}.lock-screen-input::placeholder{color:var(--theme-text-muted, #6e7681);letter-spacing:.1em}.lock-screen-error{font-size:.9rem;color:#ff6b6b;text-align:center;margin:.5rem 0;padding:.5rem;background:#ff6b6b1a;border-radius:8px;animation:errorFadeIn .3s ease}.lock-screen-buttons{display:flex;gap:1rem;margin-top:.5rem}.lock-screen-unlock-btn{flex:1;padding:1rem;font-size:1rem;font-weight:600;letter-spacing:.025em;color:var(--theme-text-primary, #ffffff);background:linear-gradient(135deg,var(--theme-primary, #4facfe) 0%,var(--theme-accent, #00f2fe) 100%);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;box-shadow:0 4px 15px #4facfe4d}.lock-screen-unlock-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4facfe66}.lock-screen-unlock-btn:active{transform:translateY(0)}.lock-screen-logout-btn{flex:1;padding:1rem;font-size:1rem;font-weight:500;color:var(--theme-text-secondary, #b0b0b0);background:transparent;border:1px solid var(--theme-border-color, rgba(255, 255, 255, .2));border-radius:12px;cursor:pointer;transition:all .2s ease}.lock-screen-logout-btn:hover{background:#ffffff0d;border-color:#ffffff4d;color:var(--theme-text-primary, #ffffff)}@keyframes lockScreenFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lockScreenSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes padlockPulse{0%,to{filter:drop-shadow(0 0 20px rgba(79,172,254,.4))}50%{filter:drop-shadow(0 0 30px rgba(79,172,254,.6))}}@keyframes shakeAnimation{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.lock-screen-container{padding:2rem 1.5rem;margin:1rem}.lock-screen-padlock{width:60px;height:60px}.lock-screen-title{font-size:1.1rem}.lock-screen-input{font-size:1.1rem;padding:.875rem 1rem}.lock-screen-buttons{flex-direction:column}}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%}.app-container{min-height:100vh;display:flex;flex-direction:column}.branch-container{flex:1;display:flex;flex-direction:column}:focus-visible{outline:2px solid var(--theme-primary, #00d4ff);outline-offset:2px}::selection{background:#00d4ff4d;color:var(--theme-text-bright, #e8e8e8)}.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-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.m-auto{margin:auto}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}html{font-size:16px;-webkit-text-size-adjust:100%}body,#root{height:100vh;height:100dvh;height:-webkit-fill-available;overflow:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate}