:root{font-family:Fredoka,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}a{font-weight:500;text-decoration:inherit}button{font-family:inherit}:root{--bg-app: #050510;--bg-panel: rgba(10, 15, 30, .85);--bg-dark-panel: rgba(0, 0, 0, .6);--border-color: #00f2ff;--border-width: 1px;--border-subtle: rgba(0, 242, 255, .3);--shadow-hard: 0px 0px 10px rgba(0, 242, 255, .15), 4px 4px 0px rgba(0, 0, 0, .5);--accent: #ff0055;--accent-secondary: #f9ca24;--accent-tertiary: #00ff88;--text-main: #e0faff;--text-inverse: #000000;--text-dim: #535c68;--font-ui: "Fredoka", sans-serif;--font-body: "Patrick Hand", cursive;--font-sys: "VT323", monospace}body{margin:0;background-color:var(--bg-app);background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 3px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 2px),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 3px);background-size:550px 550px,350px 350px,250px 250px;background-position:0 0,40px 60px,130px 270px;color:var(--text-main);font-family:var(--font-ui);overflow:hidden}*{scrollbar-width:thin;scrollbar-color:rgba(0,242,255,.2) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#00f2ff33;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:#00f2ff66}.os-container{display:flex;flex-direction:column;height:100vh;width:100vw;padding:15px;box-sizing:border-box;gap:15px}.os-header{height:50px;border:var(--border-width) solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--bg-panel);box-shadow:0 0 15px #00f2ff33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:16px;z-index:100}.logo{display:flex;align-items:center;gap:10px;color:var(--border-color);font-weight:700;font-size:22px;letter-spacing:1px;text-shadow:0 0 5px var(--border-color)}.logo:before{content:"🛸";font-size:24px}.status-bar{display:flex;gap:20px;font-family:var(--font-sys);font-size:18px;color:var(--border-color)}.status-item{display:flex;align-items:center;gap:6px;color:var(--text-main);background:#00f2ff26;padding:4px 12px;border:none;border-radius:20px;box-shadow:0 0 5px #00f2ff1a}.status-item.warning{color:#f05;border-color:#f05;background:#ff00551a;font-weight:700;animation:pulse 2s infinite}.os-grid{flex:1;display:grid;grid-template-columns:350px 1fr;gap:20px;height:100%;overflow:visible;min-height:0;padding:5px}.panel{background-color:var(--bg-panel);display:flex;flex-direction:column;position:relative;height:100%;overflow:hidden;border:var(--border-width) solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-hard);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:hologramBoot .8s cubic-bezier(.25,.46,.45,.94)}.panel:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,242,255,.03) 50%);background-size:100% 4px;pointer-events:none;z-index:1;animation:scanline 8s linear infinite;opacity:.5}.panel-header{height:40px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:8px;padding:0 16px;font-size:16px;color:var(--border-color);background:#00f2ff0d;font-family:var(--font-sys);text-transform:uppercase;letter-spacing:2px}.chat-panel{display:flex;flex-direction:column;overflow:hidden;height:100%}.chat-content{flex:1;overflow-y:auto;padding:20px;font-size:20px;display:flex;flex-direction:column;gap:20px;min-height:0;background:transparent;font-family:var(--font-body)}.message{line-height:1.5;position:relative}.msg-role{color:var(--border-color);margin-right:8px;font-size:14px;font-family:var(--font-ui);text-transform:uppercase;font-weight:800;background:#00f2ff26;padding:2px 8px;border-radius:4px;border:none;display:inline-block;vertical-align:middle}.msg-text{color:var(--text-main);text-shadow:0 0 2px rgba(224,250,255,.3)}.mood-tag{display:inline-block;font-size:12px;text-transform:uppercase;background:var(--accent-secondary);color:#000;padding:2px 8px;border-radius:12px;margin-right:8px;vertical-align:middle;border:none;font-family:var(--font-ui);font-weight:700;box-shadow:0 0 8px #f9ca2466}.chat-input-container{padding:12px 16px;border-top:1px solid var(--border-color);background:#0000004d}.chat-input-form{display:flex;align-items:center;gap:8px;background:#00000080;border:1px solid var(--text-dim);border-radius:8px;padding:8px 12px;transition:all .2s}.chat-input-form:focus-within{transform:translateY(-2px);border-color:var(--border-color);box-shadow:0 0 10px #00f2ff33}.chat-input{flex:1;background:transparent;border:none;color:#fff;font-family:var(--font-body);font-size:18px;padding:4px;outline:none;min-width:0}.chat-input::placeholder{color:#ffffff4d;font-family:var(--font-ui)}.icon-button{display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;color:var(--text-main);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.icon-button:hover{border:1px solid var(--border-color);color:var(--border-color);box-shadow:0 0 8px #00f2ff4d;background:#ffffff14}.icon-button.active{background:var(--border-color);color:#050510;border:none;box-shadow:0 0 10px var(--border-color)}.icon-button.listening{background:var(--accent);color:#fff;border:none;animation:pulse 1s infinite}.send-button{display:flex;align-items:center;justify-content:center;background:var(--border-color);border:none;color:#050510;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;font-weight:700}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 10px var(--border-color)}.world-viewport{flex:1;position:relative;background:transparent;overflow:hidden;border-radius:12px;border:var(--border-width) solid var(--border-color);box-shadow:0 0 20px #00f2ff1a}.world-event-banner{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#001428e6;color:var(--border-color);padding:10px 24px;border-radius:24px;font-family:var(--font-sys);font-size:18px;z-index:10;border:1px solid var(--border-color);box-shadow:0 0 15px #00f2ff4d;display:flex;align-items:center;gap:12px;letter-spacing:1px}.agent-marker{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%);cursor:pointer}.agent-dot{width:12px;height:12px;background-color:var(--accent-secondary);border-radius:50%;border:2px solid #000;box-shadow:0 0 10px var(--accent-secondary)}.agent-label{margin-top:6px;font-size:12px;background:#000c;color:var(--accent-secondary);padding:2px 8px;border-radius:4px;border:1px solid var(--accent-secondary);font-family:var(--font-sys);text-transform:uppercase;letter-spacing:1px}.agent-status{display:none}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes hologramBoot{0%{opacity:0;transform:scaleY(.1) scaleX(.95);filter:brightness(2) blur(2px)}30%{opacity:.5;transform:scaleY(.5) scaleX(.98)}60%{opacity:.8;transform:scaleY(1.02) scaleX(1);filter:brightness(1.2) blur(0px)}to{opacity:1;transform:scaleY(1) scaleX(1);filter:brightness(1) blur(0px)}}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100%}}@keyframes borderFlicker{0%,to{opacity:1}50%{opacity:.95}75%{opacity:.98}}.news-panel{position:absolute;bottom:20px;left:20px;right:20px;height:auto;min-height:120px;background:transparent;display:flex;align-items:flex-end;z-index:100;pointer-events:none;gap:20px}.news-header,.feed-tabs,.ticker-container{pointer-events:all;background:var(--bg-panel);border:1px solid var(--border-color);box-shadow:0 0 15px #00f2ff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.news-header{height:90px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 20px;font-size:14px;color:var(--border-color);width:120px}.feed-tabs{height:90px;padding:10px;display:flex;flex-direction:column;justify-content:center}.ticker-container{height:110px;flex:1;background:transparent;border:none;box-shadow:none;overflow-x:auto;overflow-y:hidden;padding:5px 0;pointer-events:auto;-webkit-overflow-scrolling:touch}.ticker-track{display:flex;gap:20px;width:max-content;align-items:center;height:100%}.news-card{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:280px;max-width:280px;flex-shrink:0;height:90px;background:#001428e6;border:1px solid var(--text-dim);padding:8px 12px;cursor:pointer;transition:all .2s ease;border-radius:8px;white-space:normal;pointer-events:all}.news-card:hover{transform:translateY(-5px);border-color:var(--accent-secondary);box-shadow:0 0 15px #f9ca244d;background:#141e32f2}.news-card-tag{font-size:10px;font-weight:800;color:#000;background:var(--accent-secondary);padding:2px 6px;border-radius:4px;width:fit-content;text-transform:uppercase}.news-card-title{font-size:14px;font-family:var(--font-ui);color:#fff;line-height:1.3;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-time{font-size:10px;color:var(--border-color);font-family:var(--font-sys)}body.recording-active .os-header,body.recording-active .chat-panel,body.recording-active .news-panel{display:none!important}body.recording-active .os-grid{grid-template-columns:1fr!important;gap:0!important;padding:0!important}body.recording-active .world-viewport{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;border-radius:0!important;border:none!important;background:#000!important}