.player-bar{position:fixed;bottom:64px;left:4px;right:4px;background:var(--bg-panel);border-top:2px solid var(--border-raised-light);border-left:2px solid var(--border-raised-light);border-right:2px solid var(--border-raised-dark);border-bottom:2px solid var(--border-raised-dark);padding:0;z-index:999;font-family:var(--font-main)}.theme-dark .player-bar{box-shadow:0 0 20px var(--glow-accent)}.player-titlebar{background:linear-gradient(90deg,#3b00fd,#04caf4);color:#fff;font-size:11px;font-weight:700;padding:2px 4px;display:flex;align-items:center;justify-content:space-between}.theme-dark .player-titlebar{background:linear-gradient(90deg,#001a00,#030);color:var(--text-lcd);border-bottom:1px solid var(--border-accent);text-shadow:0 0 5px var(--glow-accent)}.player-titlebar-text{display:flex;align-items:center;gap:4px}.player-titlebar-icon{width:12px;height:12px;background:#04caf4;border:1px solid #000}.player-titlebar-buttons{display:flex;gap:2px}.player-titlebar-button{width:14px;height:13px;background:var(--bg-panel);border-top:1px solid var(--border-raised-light);border-left:1px solid var(--border-raised-light);border-right:1px solid var(--border-raised-dark);border-bottom:1px solid var(--border-raised-dark);font-size:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;color:var(--text-primary)}.player-titlebar-button:active{border-top:1px solid var(--border-sunken-light);border-left:1px solid var(--border-sunken-light);border-right:1px solid var(--border-sunken-dark);border-bottom:1px solid var(--border-sunken-dark)}.theme-dark .player-titlebar-button:hover{background:var(--hover-bg);box-shadow:0 0 8px var(--glow-accent)}.player-content{padding:0}.player-audio-container{background:#000;border-top:2px solid #000000;border-left:2px solid #000000;border-right:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;padding:1px 8px 8px;margin-bottom:0;display:flex;flex-direction:column;gap:8px;max-height:500px;transition:max-height .1s ease-out,margin-bottom .1s ease-out,opacity .1s ease-out,padding .1s ease-out;opacity:1;overflow:hidden}.player-audio-container--hidden{max-height:0;margin-bottom:0;padding:0;border:none;opacity:0}.player-audio-embed{display:flex;align-items:center;justify-content:center;min-height:120px}.player-video-embed{min-height:200px;max-height:240px;width:100%;aspect-ratio:16/9;overflow:hidden}.player-video-embed>div,.player-video-embed iframe{width:100%!important;height:100%!important}.player-progress-container{display:flex;align-items:center;gap:8px;padding:0 4px}.player-time{color:#04caf4;font-family:Courier New,monospace;font-size:11px;min-width:40px;text-align:center}.player-progress-bar{flex:1;height:14px;background:#001a00;border-top:2px solid #000000;border-left:2px solid #000000;border-right:2px solid #04caf4;border-bottom:2px solid #04caf4;cursor:pointer;position:relative;overflow:hidden}.player-progress-fill{height:100%;background:linear-gradient(90deg,#04caf4,#0399cc);transition:width .1s linear;box-shadow:0 0 8px #04caf4}.player-progress-bar:hover .player-progress-fill{box-shadow:0 0 12px #04caf4}.player-error-message{background:red;color:#fff;padding:8px 12px;margin-bottom:4px;font-family:Courier New,monospace;font-size:12px;font-weight:700;text-align:center;border:2px solid #000000;box-shadow:0 0 10px #ff000080;animation:error-pulse 1s ease-in-out infinite}@keyframes error-pulse{0%,to{opacity:1}50%{opacity:.7}}.player-track-info{background:#000;border-top:2px solid #000000;border-left:2px solid #000000;border-right:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;padding:8px;margin-bottom:4px;font-family:Courier New,monospace;display:flex;justify-content:space-between;align-items:center;gap:12px}.player-track-header{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.player-user-avatar{width:48px;height:48px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 4px #fff3;object-fit:cover;flex-shrink:0;cursor:pointer;transition:all .2s ease}.player-user-avatar:hover{box-shadow:0 0 12px #ffffff80;transform:translateY(-1px)}.player-user-avatar-fallback{width:48px;height:48px;border-radius:50%;border:2px solid #ffffff;background:#fff;color:#000;box-shadow:0 0 4px #fff3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0;cursor:pointer;transition:all .2s ease}.player-user-avatar-fallback:hover{box-shadow:0 0 12px #ffffff80;transform:translateY(-1px)}.player-track-metadata{flex:1;min-width:0}.player-track-title{color:#fff;font-size:14px;font-weight:700;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-track-subtitle{color:#ccc;font-size:12px;margin-bottom:2px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-track-meta{display:flex;align-items:center;gap:6px;font-size:10px;flex-wrap:wrap}.player-controls{display:flex;gap:3px;flex-shrink:0}.player-source-badge{background:#f0f;color:#000;padding:2px 6px;font-weight:700;border:1px solid #000}.player-control{background:var(--bg-panel);border-top:2px solid var(--border-raised-light);border-left:2px solid var(--border-raised-light);border-right:2px solid var(--border-raised-dark);border-bottom:2px solid var(--border-raised-dark);width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;font-weight:700;color:var(--accent-primary);user-select:none;font-family:var(--font-main)}.player-control:active{border-top:2px solid var(--border-sunken-light);border-left:2px solid var(--border-sunken-light);border-right:2px solid var(--border-sunken-dark);border-bottom:2px solid var(--border-sunken-dark);transform:translateY(1px)}.player-control:disabled{opacity:.5;cursor:not-allowed}.player-control-play{width:60px;height:60px;background:var(--accent-secondary);color:var(--neon-blue);font-size:24px}.theme-dark .player-control{background:var(--bg-card);color:var(--text-lcd)}.theme-dark .player-control:hover{background:var(--hover-bg);box-shadow:0 0 10px var(--glow-accent)}.theme-dark .player-control:active{background:var(--active-bg)}.theme-dark .player-control-play{background:var(--accent-secondary);color:#000;box-shadow:0 0 15px #00ffff80}.player-control--reply{color:#0ff;border-color:#0ff}.player-control--reply:hover:not(:disabled){background:#0ff;color:#000;box-shadow:0 0 10px #0ff9}.player-control--reply:disabled{opacity:.3;cursor:not-allowed}.theme-dark .player-control--reply{color:var(--accent-secondary);border-color:var(--accent-secondary)}.theme-dark .player-control--reply:hover:not(:disabled){background:var(--accent-secondary);color:#000;box-shadow:0 0 12px #00ffffb3}@media(max-width:640px){.player-bar{left:2px;right:2px;bottom:80px}.player-content{padding:3px}.player-track-info{padding:6px;gap:10px}.player-track-title{font-size:13px}.player-track-subtitle{font-size:11px}.player-track-meta{font-size:9px}.player-user-avatar,.player-user-avatar-fallback{width:32px;height:32px;font-size:14px}.player-controls{gap:3px}.player-control{width:44px;height:44px;font-size:18px}.player-control-play{width:56px;height:56px;font-size:22px}}@media(max-width:360px){.player-track-info{padding:5px;gap:8px}.player-user-avatar,.player-user-avatar-fallback{width:28px;height:28px;font-size:12px}.player-track-title{font-size:12px}.player-track-subtitle{font-size:10px}.player-track-meta{font-size:8px}.player-controls{gap:2px}.player-control{width:44px;height:44px;font-size:16px}.player-control-play{width:52px;height:52px;font-size:20px}}.border-3d-raised{border-top:2px solid var(--border-raised-light);border-left:2px solid var(--border-raised-light);border-right:2px solid var(--border-raised-dark);border-bottom:2px solid var(--border-raised-dark)}.border-3d-sunken{border-top:2px solid var(--border-sunken-light);border-left:2px solid var(--border-sunken-light);border-right:2px solid var(--border-sunken-dark);border-bottom:2px solid var(--border-sunken-dark)}.border-3d-pressed{border-top:1px solid var(--border-sunken-light);border-left:1px solid var(--border-sunken-light);border-right:1px solid var(--border-sunken-dark);border-bottom:1px solid var(--border-sunken-dark)}.border-neon{border:2px solid var(--accent-primary);box-shadow:0 0 8px var(--glow-accent)}.border-retro{border:1px solid var(--border-accent)}.retro-titlebar{display:flex;align-items:center;justify-content:space-between;padding:8px;font-size:13px;font-weight:700;font-family:var(--font-main);user-select:none;min-height:36px;position:relative;z-index:10;transition:transform .25s cubic-bezier(.22,.61,.36,1),margin-bottom .25s cubic-bezier(.22,.61,.36,1),opacity .25s cubic-bezier(.22,.61,.36,1)}.theme-light .retro-titlebar,body:not(.theme-dark) .retro-titlebar{background:linear-gradient(90deg,#3b00fd,#04caf4);color:#fff}.theme-dark .retro-titlebar{background:linear-gradient(90deg,#0a1628,#1a0d2e);color:var(--text-lcd);border-bottom:1px solid var(--border-accent);text-shadow:0 0 5px var(--glow-accent)}.retro-titlebar.retro-titlebar--hidden,.theme-light .retro-titlebar.retro-titlebar--hidden,.theme-dark .retro-titlebar.retro-titlebar--hidden,body:not(.theme-dark) .retro-titlebar.retro-titlebar--hidden{transform:translateY(-100%);margin-bottom:-48px;opacity:0;pointer-events:none}.retro-titlebar__text{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.retro-titlebar__icon{width:16px;height:16px;background:#04caf4;border:1px solid #000;flex-shrink:0}.retro-titlebar__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retro-titlebar__controls{display:flex;flex-direction:row;gap:4px;flex-shrink:0;align-items:center}.retro-titlebar__button{width:24px;height:22px;background:var(--bg-panel);border-top:1px solid var(--border-raised-light);border-left:1px solid var(--border-raised-light);border-right:1px solid var(--border-raised-dark);border-bottom:1px solid var(--border-raised-dark);font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;color:var(--text-primary);padding:0;font-family:var(--font-main)}.retro-titlebar__button:active{border-top:1px solid var(--border-sunken-light);border-left:1px solid var(--border-sunken-light);border-right:1px solid var(--border-sunken-dark);border-bottom:1px solid var(--border-sunken-dark)}.theme-dark .retro-titlebar__button:hover{background:var(--hover-bg);box-shadow:0 0 8px var(--glow-accent)}.retro-titlebar__menu-container{position:relative}.retro-titlebar__menu-button{width:44px;height:44px;font-size:18px;line-height:0;background:transparent;border:1px dotted rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s ease}.theme-light .retro-titlebar__menu-button,body:not(.theme-dark) .retro-titlebar__menu-button{color:#fff;border-color:#fff6}.retro-titlebar__menu-button:hover{border-style:solid;border-color:#fff9;border-width:1px}.retro-titlebar__menu-button:active{transform:scale(.95);opacity:.8}.theme-dark .retro-titlebar__menu-button{border-color:#04caf44d;color:var(--text-lcd)}.theme-dark .retro-titlebar__menu-button:hover{border-color:var(--accent-secondary);box-shadow:0 0 8px #04caf44d}.retro-titlebar__dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:220px;background:var(--bg-panel);border-top:2px solid var(--border-raised-light);border-left:2px solid var(--border-raised-light);border-right:2px solid var(--border-raised-dark);border-bottom:2px solid var(--border-raised-dark);z-index:1000;box-shadow:2px 2px 4px #0000004d}.theme-dark .retro-titlebar__dropdown{background:var(--bg-card);box-shadow:0 0 15px var(--glow-accent),2px 2px 8px #00000080}.retro-titlebar__dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:transparent;border:none;font-family:var(--font-main);font-size:16px;color:var(--text-primary);text-align:left;cursor:pointer;transition:background .1s ease;min-height:56px}.retro-titlebar__dropdown-item:hover{background:var(--hover-bg)}.retro-titlebar__dropdown-item:active{background:var(--active-bg)}.theme-dark .retro-titlebar__dropdown-item:hover{background:var(--hover-bg);box-shadow:inset 0 0 8px var(--glow-accent)}.retro-titlebar__dropdown-icon{font-size:18px;flex-shrink:0}.retro-titlebar__back-button{width:44px;height:44px;font-size:20px;line-height:0;font-weight:400;background:transparent;border:1px dotted rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;transition:all .15s ease;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}.theme-light .retro-titlebar__back-button,body:not(.theme-dark) .retro-titlebar__back-button{color:#fff;border-color:#fff6}.retro-titlebar__back-button:hover{border-style:solid;border-color:#fff9;border-width:1px}.retro-titlebar__back-button:active{transform:scale(.95);opacity:.8}.theme-dark .retro-titlebar__back-button{border-color:#04caf44d;color:var(--text-lcd)}.theme-dark .retro-titlebar__back-button:hover{border-color:var(--accent-secondary);box-shadow:0 0 8px #04caf44d}.retro-titlebar--with-back{display:grid;grid-template-columns:44px 1fr auto;gap:8px;align-items:center}.retro-titlebar--with-back .retro-titlebar__text{justify-content:center;text-align:center}.retro-titlebar--with-back .retro-titlebar__controls{grid-column:3}.retro-panel{background:var(--bg-panel);position:relative}.retro-panel--3d{border-top:2px solid var(--border-raised-light);border-left:2px solid var(--border-raised-light);border-right:2px solid var(--border-raised-dark);border-bottom:2px solid var(--border-raised-dark)}.retro-panel--neon{border:3px solid var(--accent-secondary);box-shadow:0 0 20px #04caf466,inset 0 0 20px #04caf41a}.retro-panel--minimal{border:1px solid var(--border-accent);background:var(--bg-card)}.retro-panel--sunken{border-top:2px solid var(--border-sunken-light);border-left:2px solid var(--border-sunken-light);border-right:2px solid var(--border-sunken-dark);border-bottom:2px solid var(--border-sunken-dark);background:var(--bg-lcd)}.theme-dark .retro-panel--3d{box-shadow:0 0 10px var(--glow-accent)}.retro-window{display:flex;flex-direction:column;background:var(--bg-panel);position:relative}.retro-window--3d{border-top:2px solid var(--border-raised-light);border-left:2px solid var(--border-raised-light);border-right:2px solid var(--border-raised-dark);border-bottom:2px solid var(--border-raised-dark)}.retro-window--neon{border:3px solid var(--accent-secondary);box-shadow:0 0 20px #04caf466,inset 0 0 20px #04caf41a}.retro-window__content{flex:1;overflow:auto}.retro-window__footer{border-top:1px solid var(--border-accent);padding:8px 12px;background:#0000000d;font-size:10px;color:var(--text-secondary);position:relative;z-index:10;transition:transform .25s cubic-bezier(.22,.61,.36,1),margin-top .25s cubic-bezier(.22,.61,.36,1),opacity .25s cubic-bezier(.22,.61,.36,1)}.retro-window__footer.retro-window__footer--hidden,.theme-dark .retro-window__footer.retro-window__footer--hidden,.theme-light .retro-window__footer.retro-window__footer--hidden,body:not(.theme-dark) .retro-window__footer.retro-window__footer--hidden{transform:translateY(100%);margin-top:-40px;opacity:0;pointer-events:none}.theme-dark .retro-window__footer{background:#000;color:var(--text-lcd)}.retro-button{background:var(--bg-panel);border-top:2px solid var(--border-raised-light);border-left:2px solid var(--border-raised-light);border-right:2px solid var(--border-raised-dark);border-bottom:2px solid var(--border-raised-dark);padding:6px 12px;font-family:var(--font-main);font-weight:700;color:var(--text-primary);cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .1s ease}.retro-button:hover:not(:disabled){background:var(--hover-bg)}.retro-button:active:not(:disabled){border-top:2px solid var(--border-sunken-light);border-left:2px solid var(--border-sunken-light);border-right:2px solid var(--border-sunken-dark);border-bottom:2px solid var(--border-sunken-dark);transform:translateY(1px)}.retro-button:disabled{opacity:.5;cursor:not-allowed}.retro-button--primary{background:var(--accent-secondary);color:#000}.theme-dark .retro-button--primary{box-shadow:0 0 10px #0ff6}.retro-button--small{padding:4px 8px;font-size:11px}.retro-button--large{padding:10px 20px;font-size:14px}.theme-dark .retro-button{background:var(--bg-card);color:var(--text-primary)}.theme-dark .retro-button:hover:not(:disabled){background:var(--hover-bg);box-shadow:0 0 10px var(--glow-accent)}.theme-dark .retro-button:active:not(:disabled){background:var(--active-bg)}.reset-button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.retro-scanlines:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.03) 3px);pointer-events:none;z-index:1}@media(max-width:640px){.retro-titlebar{font-size:15px;padding:8px;min-height:48px}.retro-titlebar__text{gap:10px}.retro-titlebar__icon{width:18px;height:18px}.retro-titlebar__button{width:22px;height:20px;font-size:11px}.retro-titlebar__menu-button{width:48px;height:44px;font-size:20px}.retro-titlebar__back-button{width:48px;height:44px;font-size:22px}.retro-titlebar--with-back{grid-template-columns:48px 1fr auto}.retro-button{padding:8px 12px;font-size:13px}.retro-button--small{padding:6px 10px;font-size:11px}}@media(max-width:360px){.retro-titlebar{font-size:11px;padding:5px;min-height:30px}.retro-titlebar__icon{width:12px;height:12px}.retro-titlebar__button{width:20px;height:18px;font-size:10px}.retro-titlebar__menu-button{width:48px;height:44px;font-size:19px}.retro-titlebar__back-button{width:44px;height:44px;font-size:20px}.retro-titlebar--with-back{grid-template-columns:44px 1fr auto;gap:4px}.retro-button{padding:10px 14px;font-size:12px}}.invite-gate-page{position:fixed;inset:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;z-index:9999}.invite-gate-container{width:90%;max-width:500px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.invite-gate-window{box-shadow:0 0 40px #00ffff4d,0 20px 60px #00000080}.invite-gate-icon{font-size:18px}.invite-gate-content{display:flex;flex-direction:column;gap:24px}.invite-welcome-section{text-align:center}.invite-welcome-heading{font-family:var(--font-mono, "Courier New", monospace);font-size:24px;font-weight:700;color:var(--neon-cyan, #00ffff);margin:0 0 12px;text-shadow:0 0 10px rgba(0,255,255,.5)}.invite-welcome-text{font-size:16px;line-height:1.5;color:var(--text-primary, #e0e0e0);margin:0 0 8px}.invite-welcome-subtext{font-size:14px;line-height:1.4;color:var(--text-secondary, #999999);margin:0}.invite-form-section{display:flex;flex-direction:column;gap:16px}.invite-error-message{display:flex;align-items:center;gap:8px;padding:12px;background:#d1f60a1a;border:1px solid var(--neon-yellow, #d1f60a);box-shadow:0 0 10px #d1f60a33}.invite-error-icon{font-size:18px;flex-shrink:0}.invite-error-text{font-size:14px;color:var(--neon-yellow, #d1f60a);margin:0;line-height:1.4}.invite-submit-wrapper{margin-top:8px}.invite-submit-btn{width:100%;min-height:48px;font-size:16px;font-weight:600}.invite-divider{display:flex;align-items:center;text-align:center;margin:20px 0 16px}.invite-divider:before,.invite-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color, #333)}.invite-divider-text{padding:0 16px;font-size:12px;font-weight:600;color:var(--text-secondary, #999999);text-transform:uppercase;letter-spacing:.5px}.invite-footer-section{text-align:center;padding-top:8px;border-top:1px solid var(--border-color, #333)}.invite-footer-text{font-size:13px;line-height:1.5;color:var(--text-secondary, #999999);margin:0}@media(max-width:600px){.invite-gate-container{width:95%}.invite-welcome-heading{font-size:20px}.invite-welcome-text{font-size:15px}}.theme-light,body:not(.theme-dark){--bg-page: #008080;--bg-window: #C0C0C8;--bg-card: #FFFFFF;--bg-panel: #C0C0C8;--bg-lcd: #000000;--border-raised-light: #FFFFFF;--border-raised-dark: #000000;--border-sunken-light: #000000;--border-sunken-dark: #FFFFFF;--border-accent: #808080;--text-primary: #000000;--text-secondary: #808080;--text-tertiary: #A0A0A0;--text-lcd: #04caf4;--text-lcd-secondary: #00FFFF;--accent-primary: #3b00fd;--accent-secondary: #00FFFF;--accent-tertiary: #E73895;--neon-blue: #3b00fd;--neon-cyan: #04caf4;--neon-pink: #E73895;--neon-magenta: #E73895;--neon-magenta-bright: #E73895;--neon-yellow: #d1f60a;--gradient-page-bg: linear-gradient(135deg, #3b00fd 0%, #04caf4 100%);--gradient-header: linear-gradient(135deg, #3b00fd 0%, #04caf4 100%);--gradient-avatar: linear-gradient(135deg, #E73895, #04caf4);--gradient-gold: linear-gradient(45deg, #FFD700, #FFA500);--font-display: "MS Sans Serif", "Microsoft Sans Serif", sans-serif;--light-text: #A0A0A0;--muted-text: #A0A0A0;--hover-bg: #E0E0E8;--active-bg: #A0A0A8;--focus-outline: #3b00fd;--shadow-subtle: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .2);--shadow-strong: rgba(0, 0, 0, .3);--glow-accent: transparent}.theme-dark{--bg-page: #008080;--bg-window: #0f0820;--bg-card: #1a0d2e;--bg-panel: #1a0d2e;--bg-lcd: #000000;--structure-primary: #1a0d2e;--structure-secondary: #0a1628;--structure-tertiary: #1e293b;--border-raised-light: rgba(4, 202, 244, .3);--border-raised-dark: rgba(59, 0, 253, .2);--border-sunken-light: rgba(59, 0, 253, .15);--border-sunken-dark: rgba(4, 202, 244, .25);--border-accent: rgba(59, 0, 253, .15);--border-default: rgba(59, 0, 253, .15);--border-emphasis: rgba(4, 202, 244, .25);--border-active: rgba(231, 56, 149, .3);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-lcd: #04caf4;--text-lcd-secondary: #3b00fd;--accent-primary: #3b00fd;--accent-secondary: #04caf4;--accent-tertiary: #E73895;--neon-blue: #3b00fd;--neon-cyan: #04caf4;--neon-pink: #E73895;--neon-magenta: #E73895;--neon-magenta-bright: #E73895;--neon-yellow: #d1f60a;--gradient-page-bg: linear-gradient(135deg, #3b00fd 0%, #04caf4 100%);--gradient-header: linear-gradient(135deg, #3b00fd 0%, #04caf4 100%);--gradient-avatar: linear-gradient(135deg, #E73895, #04caf4);--gradient-gold: linear-gradient(45deg, #FFD700, #FFA500);--font-display: "MS Sans Serif", "Microsoft Sans Serif", sans-serif;--light-text: #94a3b8;--muted-text: #64748b;--hover-bg: #251447;--active-bg: rgba(4, 202, 244, .1);--focus-outline: #04caf4;--shadow-subtle: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--shadow-strong: rgba(0, 0, 0, .5);--glow-accent: rgba(4, 202, 244, .3);--glow-subtle: rgba(4, 202, 244, .15);--glow-medium: rgba(4, 202, 244, .25);--glow-strong: rgba(4, 202, 244, .4)}:root{--font-main: "MS Sans Serif", "Microsoft Sans Serif", sans-serif;--font-mono: "Courier New", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--border-thin: 1px;--border-medium: 2px;--border-thick: 3px;--transition-fast: .15s ease;--transition-medium: .3s ease;--transition-slow: .5s ease;--z-base: 1;--z-player: 999;--z-nav: 1000;--z-modal: 1100;--z-toast: 1200}body{background:var(--gradient-page-bg);min-height:100vh;transition:background-color var(--transition-medium),color var(--transition-medium)}*{transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--transition-medium);transition-timing-function:ease}.retro-button{background:var(--bg-panel);border-top:2px solid var(--border-raised-light);border-left:2px solid var(--border-raised-light);border-right:2px solid var(--border-raised-dark);border-bottom:2px solid var(--border-raised-dark);color:var(--text-primary)}.retro-button:active,.retro-button.active{border-top:2px solid var(--border-sunken-light);border-left:2px solid var(--border-sunken-light);border-right:2px solid var(--border-sunken-dark);border-bottom:2px solid var(--border-sunken-dark)}.theme-dark .retro-button:hover{box-shadow:0 0 10px var(--glow-accent)}.retro-window{background:var(--bg-window);border:var(--border-thick) solid var(--border-accent)}.theme-dark .retro-window{box-shadow:0 0 20px var(--glow-accent)}.lcd-panel{background:var(--bg-lcd);color:var(--text-lcd);font-family:var(--font-mono)}.card{background:var(--bg-card);border:var(--border-medium) solid var(--border-accent);color:var(--text-primary)}.theme-dark .card:hover{border-color:var(--border-accent);box-shadow:0 0 10px var(--glow-accent)}:root{--nav-height: 64px;--spacing-container: 32px;--player-bar-height: 0px;--window-width-mobile: 95%;--window-width-tablet: 90%;--window-width-desktop: 85%;--window-max-width-compact: 680px;--window-max-width-standard: 720px}.page-window-container{margin:16px auto 2px;width:var(--window-width-mobile);max-width:var(--window-max-width-compact);height:calc(100dvh - var(--nav-height) - var(--spacing-container) - var(--player-bar-height));display:flex;flex-direction:column;transition:height .3s ease-out}@media(min-width:640px){.page-window-container{width:var(--window-width-tablet);max-width:var(--window-max-width-standard)}}@media(min-width:1024px){.page-window-container{width:var(--window-width-desktop)}}@media(max-width:360px){.page-window-container{margin:8px auto 2px;width:calc(100% - 16px);height:calc(100dvh - var(--nav-height) - 24px - var(--player-bar-height))}}.page-window-container--compact{max-width:520px;height:auto;max-height:80dvh}.page-window-container--full{width:95%;max-width:100%;margin:8px auto}.page-window-container>.retro-window{height:100%;width:100%;display:flex;flex-direction:column}.page-window-container .retro-window__content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:8px}.page-window-container .feed-section{padding-bottom:2px}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}@media(max-width:640px){.page-window-container{margin:10px auto 2px}.page-window-container .feed-section{padding-bottom:2px}}@media(min-width:1280px){.page-window-container{max-width:var(--window-max-width-standard)}}