@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--primary-color: #00FFFF;--secondary-color: #00FFFF;--accent-color: #00FFFF;--background-color: #000000;--surface-color: #000000;--text-primary: #00FFFF;--text-secondary: #00FFFF;--border-color: #00FFFF;--button-color: #000000;--button-hover: #001414;--highlight-color: #00FFFF;--warning-color: #FF0000;--text-light: #00FFFF;--text-dark: #00FFFF;--font-size-xs: clamp(.6rem, 2vw, .75rem);--font-size-sm: clamp(.7rem, 2.5vw, .875rem);--font-size-base: clamp(.8rem, 3vw, 1rem);--font-size-lg: clamp(.9rem, 3.5vw, 1.125rem);--font-size-xl: clamp(1rem, 4vw, 1.25rem);--font-size-2xl: clamp(1.2rem, 5vw, 1.5rem);--spacing-xs: clamp(.25rem, 1vw, .5rem);--spacing-sm: clamp(.5rem, 2vw, .75rem);--spacing-md: clamp(.75rem, 3vw, 1rem);--spacing-lg: clamp(1rem, 4vw, 1.5rem);--spacing-xl: clamp(1.5rem, 5vw, 2rem);--touch-target-min: 44px;--touch-target-comfortable: 48px}html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:"Press Start 2P",VT323,monospace;-webkit-font-smoothing:none;-moz-osx-font-smoothing:none;background-color:var(--background-color);color:var(--text-primary);transition:all .3s ease;line-height:1.6;text-shadow:0 0 5px rgba(0,255,255,.5);height:100%;min-height:100vh;min-height:100dvh;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,255,255,.1);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999}code{font-family:VT323,"Press Start 2P",monospace}.grecaptcha-badge{visibility:hidden}@media (max-width: 768px){body{font-size:var(--font-size-sm);line-height:1.5;text-shadow:0 0 3px rgba(0,255,255,.5)}input,textarea,select{font-size:16px!important}}@media (max-width: 480px){body{font-size:var(--font-size-xs);line-height:1.4}}@media (max-width: 768px) and (orientation: landscape){body{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}}.terminal-message{padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-xs) 0;font-family:Courier New,Courier,monospace;font-size:var(--font-size-sm);line-height:1.4;border-left:none;transition:opacity .3s ease;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.terminal-message:hover{opacity:1}.message-header{display:flex;align-items:center;margin-bottom:var(--spacing-sm);gap:var(--spacing-md)}.message-avatar{flex-shrink:0}.avatar-icon{width:clamp(24px,6vw,32px);height:clamp(24px,6vw,32px);border-radius:4px;display:block;image-rendering:auto;border:none}.avatar-placeholder{width:clamp(24px,6vw,32px);height:clamp(24px,6vw,32px);border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#666,#333);color:#999;font-weight:400;font-size:var(--font-size-lg);position:relative;overflow:hidden;flex-shrink:0}.avatar-placeholder:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%)}.message-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.message-author{color:#00ffffe6;font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{color:#0ff6;font-size:var(--font-size-xs);font-family:monospace}.message-body{color:#0ff;padding-left:0;white-space:pre-wrap;word-break:break-word;animation:fadeIn .3s ease-in;text-align:left;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.user-message .message-author{color:#00ff00e6}.user-message .message-time{color:#0f06}.user-message .message-body{color:#00ff00e6}.ai-message .message-body{color:#0ff}.system-message .message-author{color:#ff0c}.system-message .message-time{color:#ff06}.system-message .message-body{color:#ffff00e6;font-style:italic}.error{background:#ff000005}.error .message-author{color:red}.error .message-body{color:#ff0000e6}.typing-cursor{animation:blink 1s infinite;font-weight:700}.message-meta{margin-top:var(--spacing-xs);padding-left:0;color:#0ff6;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.message-markdown{display:inline}.message-markdown p{margin:0 0 var(--spacing-sm) 0;line-height:1.5}.message-markdown p:last-child{margin-bottom:0}.message-markdown strong{color:#fff;font-weight:700}.message-markdown em{font-style:italic}.message-markdown code{background:#00ffff1a;padding:var(--spacing-xs) var(--spacing-xs);font-family:Courier New,Courier,monospace;font-size:var(--font-size-sm);word-break:break-all;overflow-wrap:break-word}.message-markdown pre{background:#00ffff0d;border-left:2px solid rgba(0,255,255,.3);padding:var(--spacing-sm);margin:var(--spacing-sm) 0;overflow-x:auto;font-size:var(--font-size-sm);white-space:pre-wrap;word-wrap:break-word;-webkit-overflow-scrolling:touch}.message-markdown ul,.message-markdown ol{margin:var(--spacing-xs) 0;padding-left:var(--spacing-lg)}.message-markdown li{margin:var(--spacing-xs) 0;line-height:1.5}.message-markdown a{color:#0ff;text-decoration:underline;word-break:break-all;min-height:var(--touch-target-min);display:inline-block;padding:var(--spacing-xs) 0}.message-markdown a:hover{color:#fff;text-shadow:0 0 5px #0ff}@media (max-width: 768px){.terminal-message{padding:var(--spacing-sm);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0}.message-header{gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.avatar-icon,.avatar-placeholder{width:clamp(20px,5vw,28px);height:clamp(20px,5vw,28px);font-size:var(--font-size-sm)}.message-author{font-size:var(--font-size-sm)}.message-time{font-size:var(--font-size-xs)}.message-body{padding-left:0;font-size:var(--font-size-sm);line-height:1.5}.message-meta{font-size:var(--font-size-xs);padding-left:0}.message-markdown pre{padding:var(--spacing-sm);margin:var(--spacing-sm) 0;font-size:var(--font-size-xs)}.message-markdown code{font-size:var(--font-size-xs);padding:var(--spacing-xs)}.message-markdown ul,.message-markdown ol{padding-left:var(--spacing-md)}}@media (max-width: 480px){.terminal-message{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.message-header{gap:var(--spacing-xs)}.avatar-icon,.avatar-placeholder{width:clamp(18px,4vw,24px);height:clamp(18px,4vw,24px);font-size:var(--font-size-xs)}.message-author{font-size:var(--font-size-xs)}.message-body{font-size:var(--font-size-sm)}.message-markdown pre{padding:var(--spacing-xs);font-size:var(--font-size-xs)}}@media (max-width: 768px) and (orientation: landscape){.terminal-message{padding:var(--spacing-xs) var(--spacing-sm)}.message-header{margin-bottom:var(--spacing-xs)}.avatar-icon,.avatar-placeholder{width:clamp(16px,4vw,24px);height:clamp(16px,4vw,24px)}}.chat-input-container{position:fixed;bottom:0;left:0;right:0;background:#000;border-top:1px solid rgba(0,255,255,.3);z-index:100;transition:transform .3s ease;width:100%;box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.chat-input-container.mobile{padding-bottom:max(var(--spacing-sm),env(safe-area-inset-bottom))}.chat-input-container.mobile.keyboard-visible{transform:translateY(0);position:fixed;bottom:0}.mobile-send-area{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs);border-bottom:1px solid rgba(0,255,255,.2);background:linear-gradient(180deg,rgba(0,255,255,.05) 0%,transparent 100%)}.mobile-send-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:transparent;border:2px solid #0ff;color:#0ff;font-family:Courier New,Courier,monospace;font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;min-width:120px;min-height:var(--touch-target-comfortable);border-radius:0;position:relative;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,255,255,.1);box-sizing:border-box}.mobile-send-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transition:left .5s ease}.mobile-send-button.has-message{border-color:#0ff;color:#fff;background:#00ffff1a;box-shadow:0 0 10px #00ffff4d,inset 0 0 10px #00ffff1a;animation:pulse-glow 2s infinite}.mobile-send-button.has-message:before{left:100%}.mobile-send-button:active{transform:scale(.95);background:#0ff3}.mobile-send-button:disabled{opacity:.3;cursor:not-allowed;border-color:#00ffff4d;box-shadow:none;animation:none}.send-icon{font-size:var(--font-size-lg);font-weight:700}.send-text{font-size:var(--font-size-sm)}.mobile-hint{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:#0ff9;text-align:center;text-transform:uppercase;letter-spacing:.5px;animation:fade-pulse 3s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #00ffff4d,inset 0 0 10px #00ffff1a}50%{box-shadow:0 0 20px #00ffff80,inset 0 0 15px #0ff3}}@keyframes fade-pulse{0%,to{opacity:.6}50%{opacity:.9}}.chat-input-form{width:100%}.terminal-input-line{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);min-height:var(--touch-target-min);box-sizing:border-box}.input-prompt{color:#0ff;font-weight:700;margin-right:var(--spacing-sm);flex-shrink:0;font-size:var(--font-size-sm)}.terminal-input{flex:1;background:transparent;border:none;outline:none;color:#0ff;font-family:Courier New,Courier,monospace;font-size:clamp(14px,4vw,16px);line-height:1.4;resize:none;padding:0;margin:0;overflow:hidden;min-height:var(--spacing-lg);touch-action:manipulation;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.terminal-input::placeholder{color:#00ffff4d;opacity:1}.terminal-input:disabled{color:#00ffff4d;cursor:not-allowed}.input-cursor{color:#0ff;font-weight:700;margin-left:var(--spacing-xs);animation:blink 1s infinite;flex-shrink:0}.terminal-input:focus+.input-cursor{display:none}.desktop-send-button{margin-left:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:1px solid #0ff;color:#0ff;font-family:Courier New,Courier,monospace;font-size:var(--font-size-sm);text-transform:uppercase;cursor:pointer;transition:all .2s;min-height:var(--touch-target-min);touch-action:manipulation;box-sizing:border-box}.desktop-send-button:hover:not(:disabled){background:#00ffff1a;box-shadow:0 0 5px #00ffff80}.desktop-send-button:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 768px){.terminal-input-line{padding:var(--spacing-sm);min-height:var(--touch-target-comfortable)}.terminal-input{font-size:16px;line-height:1.5;min-height:var(--spacing-xl)}.mobile-send-button{min-height:var(--touch-target-comfortable);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-lg)}.send-icon{font-size:var(--font-size-xl)}.input-prompt{font-size:var(--font-size-sm)}.chat-input-container.mobile.keyboard-visible{position:fixed;bottom:0}.mobile-send-area{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs)}}@media (max-width: 480px){.mobile-send-area{padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs)}.mobile-send-button{min-width:100px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);min-height:var(--touch-target-min)}.terminal-input-line{padding:var(--spacing-xs) var(--spacing-sm)}.mobile-hint{font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.send-icon{font-size:var(--font-size-lg)}.terminal-input{font-size:16px}}@supports (padding: max(0px)){.chat-input-container{padding-bottom:max(var(--spacing-sm),env(safe-area-inset-bottom))}.mobile-send-area,.terminal-input-line{padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}@media (max-width: 480px){.mobile-send-area,.terminal-input-line{padding-left:max(var(--spacing-sm),env(safe-area-inset-left));padding-right:max(var(--spacing-sm),env(safe-area-inset-right))}}}@media (max-width: 768px) and (orientation: landscape){.mobile-send-area{padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs)}.mobile-send-button{min-height:var(--touch-target-min);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.mobile-hint{margin-top:var(--spacing-xs);font-size:var(--font-size-xs)}.terminal-input-line{padding:var(--spacing-xs) var(--spacing-sm);min-height:var(--touch-target-min)}.send-icon{font-size:var(--font-size-lg)}}}.session-closed-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000e6;z-index:1000;padding:2rem}.session-closed-content{max-width:500px;width:100%;text-align:center;animation:glitchIn .5s ease-out}@keyframes glitchIn{0%{opacity:0;transform:scale(.9) translateY(20px);filter:blur(5px)}50%{transform:scale(1.02) translateY(-5px);filter:blur(0)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.session-closed-title{color:var(--accent-color);font-size:2rem;font-weight:300;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;text-shadow:0 0 10px var(--accent-color)}.session-closed-message{color:var(--text-primary);font-size:1.125rem;line-height:1.6;margin-bottom:2rem;font-family:Courier New,monospace}.session-closed-reason{color:var(--text-secondary);font-size:.875rem;margin-bottom:2rem;font-style:italic}.reconnect-button{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:.75rem 2rem;font-size:1rem;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.reconnect-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--primary-color);transition:left .3s ease;z-index:-1}.reconnect-button:hover{color:var(--bg-color);box-shadow:0 0 20px var(--primary-color)}.reconnect-button:hover:before{left:0}.reconnect-button:active{transform:scale(.98)}@media (max-width: 768px){.session-closed-container{padding:1rem}.session-closed-title{font-size:1.5rem}.session-closed-message{font-size:1rem}}.cassandra-chat-container{display:flex;flex-direction:column;height:100vh;height:100dvh;background:#000;color:#0ff;font-family:Courier New,Courier,monospace;position:relative;overflow:hidden;width:100%;touch-action:manipulation}.cassandra-top-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:#000;border-bottom:1px solid rgba(0,255,255,.3);position:relative;flex-shrink:0;height:60px;min-height:var(--touch-target-min);box-sizing:border-box}.top-bar-left{display:flex;align-items:center;gap:var(--spacing-md)}.logo-menu-button{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;width:var(--touch-target-min);height:var(--touch-target-min);touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,255,255,.1)}.logo-menu-button:hover{background:#00ffff1a;transform:scale(1.05)}.logo-menu-button:active{transform:scale(.95)}.menu-logo{width:clamp(28px,8vw,36px);height:clamp(28px,8vw,36px)}.terminal-title{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#0ff}.dropdown-menu{position:absolute;top:100%;left:var(--spacing-sm);margin-top:var(--spacing-xs);background:#000;border:1px solid #0ff;box-shadow:0 4px 8px #0ff3;z-index:1000;min-width:120px;max-width:90vw;box-sizing:border-box}.menu-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:#0ff;font-family:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .2s;min-height:var(--touch-target-min);touch-action:manipulation;box-sizing:border-box}.menu-item:hover{background:#00ffff1a;color:#fff}.menu-item:active{background:#0ff3}.cassandra-messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md);padding-bottom:80px;margin:0;display:flex;flex-direction:column;background-image:repeating-linear-gradient(0deg,rgba(0,255,255,.03),rgba(0,255,255,.03) 1px,transparent 1px,transparent 2px);-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.connection-status{display:flex;align-items:center;justify-content:flex-end}.status-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;transition:all .3s ease}.status-dot{width:clamp(6px,2vw,8px);height:clamp(6px,2vw,8px);border-radius:50%;flex-shrink:0;transition:all .3s ease}.status-text{font-size:var(--font-size-xs);text-transform:uppercase;font-weight:700;letter-spacing:1px;transition:all .3s ease}.status-indicator.online .status-dot{background:#0f0;box-shadow:0 0 8px #0f09}.status-indicator.online .status-text{color:#0f0;text-shadow:0 0 4px rgba(0,255,0,.5)}.status-indicator.offline .status-dot{background:red;box-shadow:0 0 8px #f009}.status-indicator.offline .status-text{color:red;text-shadow:0 0 4px rgba(255,0,0,.5)}.status-indicator.connecting .status-dot{background:#ff0;box-shadow:0 0 8px #ff09;animation:pulse-dot 1.5s infinite ease-in-out}.status-indicator.connecting .status-text{color:#ff0;text-shadow:0 0 4px rgba(255,255,0,.5);animation:fade-pulse 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{transform:scale(1);box-shadow:0 0 8px #ff09}50%{transform:scale(1.2);box-shadow:0 0 12px #ff0c}}@keyframes fade-pulse{0%,to{opacity:1}50%{opacity:.7}}.terminal-line{padding:var(--spacing-xs) 0;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;font-size:var(--font-size-sm)}.terminal-prompt{color:#0ff;font-weight:700;margin-right:var(--spacing-sm)}.terminal-text{color:#0ff;opacity:.8}.terminal-cursor{animation:blink 1s infinite;font-weight:700;color:#0ff}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-error{padding:var(--spacing-sm) var(--spacing-md);color:red;background-color:#ff00000d;border-left:2px solid #f00;margin:var(--spacing-xs) 0}.cassandra-chat-container *{text-shadow:0 0 2px rgba(0,255,255,.5)}.cassandra-messages-container::-webkit-scrollbar{width:6px}.cassandra-messages-container::-webkit-scrollbar-track{background:#000}.cassandra-messages-container::-webkit-scrollbar-thumb{background:#00ffff4d}.cassandra-messages-container::-webkit-scrollbar-thumb:hover{background:#00ffff80}@media (max-width: 768px){.cassandra-top-bar{padding:var(--spacing-xs) var(--spacing-sm);height:clamp(48px,12vw,60px)}.terminal-title{font-size:var(--font-size-xs);letter-spacing:1px}.logo-menu-button{width:var(--touch-target-comfortable);height:var(--touch-target-comfortable);padding:var(--spacing-xs)}.menu-logo{width:clamp(24px,6vw,32px);height:clamp(24px,6vw,32px)}.terminal-line{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);line-height:1.5}.dropdown-menu{min-width:clamp(100px,25vw,140px);left:var(--spacing-xs)}.menu-item{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md);min-height:var(--touch-target-comfortable)}.status-indicator{padding:var(--spacing-xs) 0;gap:var(--spacing-xs)}.status-dot{width:6px;height:6px}.status-text{font-size:var(--font-size-xs);letter-spacing:.5px}.cassandra-messages-container{padding:var(--spacing-sm);padding-bottom:clamp(100px,25vh,150px)}}@media (max-width: 480px){.cassandra-top-bar{padding:var(--spacing-xs);height:var(--touch-target-comfortable)}.terminal-title{font-size:var(--font-size-xs);letter-spacing:.5px}.cassandra-messages-container{padding:var(--spacing-sm) var(--spacing-xs);padding-bottom:clamp(120px,30vh,180px)}.terminal-line{padding:var(--spacing-xs);font-size:var(--font-size-sm)}}@supports (padding: max(0px)){.cassandra-top-bar{padding-top:max(var(--spacing-sm),env(safe-area-inset-top));padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.cassandra-messages-container{padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}@media (max-width: 768px){.cassandra-top-bar{padding-top:max(var(--spacing-xs),env(safe-area-inset-top));padding-left:max(var(--spacing-sm),env(safe-area-inset-left));padding-right:max(var(--spacing-sm),env(safe-area-inset-right))}.cassandra-messages-container{padding-left:max(var(--spacing-sm),env(safe-area-inset-left));padding-right:max(var(--spacing-sm),env(safe-area-inset-right))}}}@media (max-width: 768px) and (orientation: landscape){.cassandra-top-bar{height:var(--touch-target-min);padding:var(--spacing-xs) var(--spacing-sm)}.terminal-title{font-size:var(--font-size-xs)}.cassandra-messages-container{padding-bottom:clamp(80px,20vh,120px)}}.cassandra-chat-container button,.cassandra-chat-container input{font-family:inherit}.cassandra-chat-container{-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.waiting-list-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:1rem;width:100%}.waiting-list-content{text-align:center;max-width:600px;width:100%;padding:2rem 1rem}.waiting-list-content h2{color:#0ff;font-size:clamp(1.2rem,4vw,2rem);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px rgba(0,255,255,.8);line-height:1.3;word-wrap:break-word}.waiting-list-content p{color:#0ff;font-size:clamp(1rem,3vw,1.2rem);margin-bottom:3rem;opacity:.9;line-height:1.5;padding:0 1rem}.logout-button{background-color:transparent;color:#0ff;border:2px solid #00FFFF;padding:.75rem 2rem;font-size:1rem;font-family:VT323,monospace;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;border-radius:4px;min-width:120px;font-weight:700}.logout-button:hover{background-color:#0ff;color:#0a0a0a;box-shadow:0 0 20px #0ff9;transform:scale(1.05)}.logout-button:active{transform:scale(.98)}@media (max-width: 768px){.waiting-list-container{min-height:50vh}.waiting-list-content{padding:1.5rem 1rem}.waiting-list-content h2{margin-bottom:1rem}.waiting-list-content p{margin-bottom:2rem;padding:0 .5rem}}@media (max-width: 480px){.waiting-list-container{min-height:40vh;padding:.5rem}.waiting-list-content{padding:1rem .5rem}.logout-button{width:100%;max-width:200px;padding:1rem 2rem}}.App{text-align:center;min-height:100vh;min-height:100dvh;background-color:var(--background-color);color:var(--text-primary);display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;position:relative;touch-action:manipulation}.app-logo{width:clamp(60px,15vw,100px);height:auto;margin-bottom:var(--spacing-md);animation:pulse 3s infinite ease-in-out;border-radius:0;transition:transform .3s ease}.app-logo:hover{transform:scale(1.05)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.App-header{background-color:var(--background-color);min-height:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(8px + 1.5vmin);color:var(--text-primary);position:relative;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg)}.App-header h1{margin-top:0;margin-bottom:var(--spacing-md);color:var(--text-primary);text-shadow:0 0 10px rgba(0,255,255,.8);font-weight:400;letter-spacing:2px;position:relative;display:inline-block;font-size:var(--font-size-2xl)}.App-main{padding:var(--spacing-xl);max-width:1200px;margin:0 auto;min-height:70vh;min-height:70dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;box-sizing:border-box}.App-main-chat{padding:0;margin:0;height:100vh;height:100dvh;display:flex;flex-direction:column;flex:1;width:100%;overflow:hidden;position:relative}.login-container{margin:var(--spacing-lg) 0;padding:var(--spacing-xl);background-color:#000000b3;border:2px solid var(--border-color);max-width:450px;width:90%;box-shadow:0 0 20px #00ffff4d;animation:glow 2s infinite alternate;box-sizing:border-box;min-width:280px}.login-container h2{text-shadow:0 0 8px rgba(0,255,255,.6);margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl)}@media (max-width: 768px){.login-container h2{text-shadow:0 0 8px rgba(0,255,255,.6);font-size:var(--font-size-lg)}body{text-shadow:0 0 5px rgba(0,255,255,.5)}}@keyframes glow{0%{box-shadow:0 0 20px #00ffff4d}to{box-shadow:0 0 30px #00ffff80}}.login-button{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);cursor:pointer;background-color:var(--button-color);border:2px solid var(--text-primary);color:var(--text-primary);transition:all .3s ease;font-weight:400;margin:var(--spacing-xs);font-family:"Press Start 2P",monospace;text-transform:uppercase;letter-spacing:1px;min-height:var(--touch-target-min);min-width:var(--touch-target-min);touch-action:manipulation}.login-button:hover{background-color:var(--text-primary);color:var(--button-color);transform:translateY(-2px);box-shadow:0 0 15px #00ffff80}.login-button:disabled{opacity:.5;cursor:not-allowed}.user-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:#000000b3;border:2px solid var(--border-color);max-width:600px;width:90%;margin:var(--spacing-lg) auto;box-shadow:0 0 20px #00ffff4d;box-sizing:border-box}.user-details{text-align:center}.user-details p{margin:var(--spacing-sm) 0;font-size:var(--font-size-sm)}.admin-badge{background-color:var(--warning-color);color:var(--background-color);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;margin-top:var(--spacing-sm);display:inline-block}.nav-links{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;flex-wrap:wrap;justify-content:center}.nav-link{color:var(--text-primary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--text-primary);transition:all .3s ease;font-size:var(--font-size-sm);text-transform:uppercase;background-color:var(--button-color);min-height:var(--touch-target-min);min-width:var(--touch-target-min);display:flex;align-items:center;justify-content:center;box-sizing:border-box;touch-action:manipulation}.nav-link:hover,.nav-link.active{background-color:var(--text-primary);color:var(--button-color);box-shadow:0 0 15px #00ffff80}.logout-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);cursor:pointer;background-color:var(--button-color);border:2px solid var(--warning-color);color:var(--warning-color);transition:all .3s ease;font-weight:400;margin-top:var(--spacing-sm);font-family:"Press Start 2P",monospace;text-transform:uppercase;letter-spacing:1px;min-height:var(--touch-target-min);min-width:var(--touch-target-min);touch-action:manipulation}.logout-button:hover{background-color:var(--warning-color);color:var(--button-color);transform:translateY(-2px);box-shadow:0 0 15px #ff000080}.admin-panel{width:100%;max-width:800px;padding:var(--spacing-lg);background-color:#000000b3;border:2px solid var(--border-color);box-shadow:0 0 20px #00ffff4d;box-sizing:border-box}.admin-panel h2{color:var(--text-primary);text-shadow:0 0 10px rgba(0,255,255,.8);margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl);text-transform:uppercase;letter-spacing:2px}.user-list{list-style:none;padding:0;margin:0}.user-item{padding:var(--spacing-md);margin:var(--spacing-sm) 0;background-color:#00000080;border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;flex-wrap:wrap;gap:var(--spacing-sm);min-height:var(--touch-target-min)}.user-item:hover{box-shadow:0 0 10px #00ffff4d;transform:translate(5px)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:1px}.loading:after{content:"...";animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.error-message{color:var(--warning-color);margin-top:var(--spacing-md);font-size:var(--font-size-sm);background-color:#ff00001a;padding:var(--spacing-sm);border:1px solid var(--warning-color);font-family:VT323,monospace}@media (max-width: 768px){.App-header{padding:var(--spacing-md)}.App-header h1{font-size:var(--font-size-xl);letter-spacing:1px}.nav-links{flex-direction:column;gap:var(--spacing-sm);width:100%}.nav-link{width:100%;justify-content:center}.user-info{padding:var(--spacing-md);margin:var(--spacing-md) auto;width:95%}.login-container{width:95%;padding:var(--spacing-lg);margin:var(--spacing-md) 0}.App-main{padding:var(--spacing-md)}}@media (max-width: 480px){.App-header h1{font-size:var(--font-size-lg)}.nav-links{gap:var(--spacing-xs)}.user-info,.login-container{width:98%;padding:var(--spacing-md)}.admin-panel{padding:var(--spacing-md)}}@media (max-width: 768px) and (orientation: landscape){.App-header,.App-main{padding:var(--spacing-sm) var(--spacing-md)}.login-container{margin:var(--spacing-sm) 0;padding:var(--spacing-md)}}