:root{--bg:#050508;--bg-panel:#0a0a10;--bg-terminal:#06060d;--border:#1a1a2e;--accent:#7b2fff;--accent2:#ff2fd0;--accent3:#2fffd6;--text:#c8c8e8;--text-dim:#557;--text-bright:#eef;--green:#39ff85;--red:#ff3939;--yellow:#ffd439;--eva-color:#b06fff;--user-color:#2fffd6;--glow:#7b2fff40;--glow2:#ff2fd026;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-ui:"Space Grotesk", system-ui, sans-serif;--radius:8px;--radius-lg:14px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-mono);-webkit-text-size-adjust:100%;overflow:hidden}#scanlines{z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000012 2px 4px);position:fixed;inset:0}#noise{z-index:1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}#bg-canvas{z-index:0;opacity:.6;position:fixed;inset:0}#app{z-index:2;flex-direction:column;gap:10px;max-width:1400px;height:100dvh;margin:0 auto;padding:12px 16px;display:flex;position:relative}#header{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#7b2fff14,#ff2fd00a);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}#status-bar{letter-spacing:.08em;color:var(--text-dim);align-items:center;gap:8px;font-size:11px;display:flex}#status-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 8px var(--green);border-radius:50%;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 8px var(--green)}50%{opacity:.6;box-shadow:0 0 16px var(--green)}}#status-text{color:var(--green);letter-spacing:.15em;font-weight:700}#status-uptime{color:var(--text-dim);font-size:10px}#header-title{text-align:center}#eva-name{font-family:var(--font-mono);letter-spacing:.3em;background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;position:relative}#cursor-blink{-webkit-text-fill-color:var(--accent2)}#eva-tagline{font-family:var(--font-ui);color:var(--text-dim);letter-spacing:.04em;margin-top:2px;font-size:11px}#header-meta{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.meta-item{color:var(--text-dim);letter-spacing:.06em;font-size:11px}.meta-item a{color:#98c;text-decoration:none}.meta-item a:hover{color:#c8b0e8}#time-display{color:var(--accent3);font-weight:600}#main{flex:1;gap:12px;min-height:0;display:flex}#terminal-wrap{background:var(--bg-terminal);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden;box-shadow:0 0 40px #7b2fff14,inset 0 1px #ffffff08}#terminal-header{border-bottom:1px solid var(--border);background:#ffffff05;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}#terminal-controls{gap:6px;display:flex}.ctrl-btn{cursor:pointer;border-radius:50%;width:12px;height:12px;display:block}.ctrl-red{background:#ff5f57;box-shadow:0 0 4px #ff5f5766}.ctrl-yellow{background:#febc2e;box-shadow:0 0 4px #febc2e66}.ctrl-green{background:#28c840;box-shadow:0 0 4px #28c84066}#terminal-title{color:var(--text-dim);letter-spacing:.04em;font-size:12px}#terminal-output{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;gap:4px;padding:16px;display:flex;overflow-y:auto}#terminal-output::-webkit-scrollbar{width:4px}#terminal-output::-webkit-scrollbar-track{background:0 0}#terminal-output::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.output-line{gap:8px;line-height:1.6;display:flex}.output-line .line-prefix{flex-shrink:0;font-size:13px;font-weight:700}.output-line .line-content{word-break:break-word;font-size:13px}.line-user .line-prefix{color:var(--user-color)}.line-user .line-content{color:var(--text-bright)}.line-eva .line-prefix{color:var(--eva-color)}.line-eva .line-content{color:var(--text)}.line-system .line-content{color:var(--text-dim);font-size:12px;font-style:italic}.line-error .line-content{color:var(--red)}.line-info .line-content{color:var(--accent3)}.line-warn .line-content{color:var(--yellow)}.output-line .line-content a{color:var(--accent);border-bottom:1px solid #7b2fff66;text-decoration:none}.output-line .line-content a:hover{color:var(--accent2);border-bottom-color:var(--accent2)}.typing-indicator{align-items:center;gap:4px;padding:2px 0;display:flex}.typing-dot{background:var(--eva-color);border-radius:50%;width:5px;height:5px}#terminal-input-row{border-top:1px solid var(--border);background:#ffffff03;flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}#prompt{color:var(--accent);flex-shrink:0;font-size:16px;line-height:1}#terminal-input{font-family:var(--font-mono);color:var(--text-bright);caret-color:var(--accent2);background:0 0;border:none;outline:none;flex:1;font-size:14px}#terminal-input::placeholder{color:var(--text-dim)}.snake-btn{border:1px solid var(--border);background:var(--bg-panel);width:44px;height:44px;color:var(--text-bright);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;font-size:16px;display:flex}.snake-btn:active{background:var(--accent);color:var(--bg)}#side-panel{flex-direction:column;flex-shrink:0;gap:10px;width:200px;min-height:0;display:flex;overflow-y:auto}.panel-block{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;padding:12px}.panel-title{letter-spacing:.15em;color:var(--text-dim);border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:6px;font-size:10px;font-weight:700}#mood-display{align-items:center;gap:8px;margin-bottom:8px;display:flex}#mood-emoji{font-size:22px;line-height:1}#mood-text{color:var(--text);font-size:12px;font-family:var(--font-ui)}#mood-bar-wrap{background:var(--border);border-radius:2px;height:3px;overflow:hidden}#mood-bar{background:linear-gradient(90deg, var(--accent), var(--accent2));border-radius:2px;height:100%;transition:width .8s}.stat-row{justify-content:space-between;align-items:center;padding:3px 0;font-size:12px;display:flex}.stat-label{color:var(--text-dim)}.stat-val{color:var(--accent3);font-weight:700}.hint{color:var(--text-dim);padding:3px 0;font-size:11px;line-height:1.5}.hint code{color:var(--accent);font-family:var(--font-mono);background:#7b2fff1a;border-radius:3px;padding:1px 4px;font-size:11px}#gifts-panel{max-height:240px;overflow-y:auto}.gifts-loading{color:var(--text-dim);font-size:11px;font-style:italic}.gift-item{border-bottom:1px solid #1a1a2e66;align-items:center;gap:6px;padding:4px 0;display:flex}.gift-item:last-child{border-bottom:none}.gift-icon{filter:drop-shadow(0 0 3px #7b2fff4d);flex-shrink:0;font-size:16px}.gift-info{flex:1;min-width:0}.gift-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.gift-from{color:var(--text-dim);margin-top:1px;font-size:9px}#gifts-count{color:var(--accent3);border-top:1px solid var(--border);margin-top:6px;padding-top:4px;font-size:9px}#activity-panel{max-height:280px;overflow-y:auto}.activity-loading{color:var(--text-dim);font-size:11px;font-style:italic}.activity-item{border-bottom:1px solid #1a1a2e99;align-items:flex-start;gap:8px;padding:5px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.activity-dot.active{background:var(--green);box-shadow:0 0 6px var(--green);animation:2s ease-in-out infinite pulse-dot}.activity-dot.idle{background:var(--yellow);box-shadow:0 0 4px #ffd4394d}.activity-dot.sleeping{background:var(--text-dim)}.activity-info{flex:1;min-width:0}.activity-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.activity-status{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10px;overflow:hidden}.activity-count{color:var(--accent3);flex-shrink:0;margin-top:3px;font-size:10px;font-weight:700}#activity-footer{border-top:1px solid var(--border);color:var(--text-dim);margin-top:6px;padding-top:6px;font-size:10px;font-style:italic}#activity-footer:empty{display:none}#glitch-overlay{z-index:10;pointer-events:none;opacity:0;background:linear-gradient(135deg,#7b2fff1f,#ff2fd014);transition:opacity 50ms;position:fixed;inset:0}#glitch-overlay.glitch-active{opacity:1}.achievement-popup{border:1px solid var(--accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;pointer-events:none;background:linear-gradient(135deg,#7b2fff26,#ff2fd01a);border-radius:10px;align-items:center;gap:10px;padding:12px 18px;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 20px #7b2fff4d}.ach-icon{filter:drop-shadow(0 0 6px #7b2fff80);font-size:28px}.ach-title{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:10px;font-family:var(--font-mono)}.ach-name{color:var(--text-bright);font-size:14px;font-weight:600;font-family:var(--font-mono)}.snake-btn{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);width:44px;height:44px;color:var(--accent3);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;justify-content:center;align-items:center;font-size:18px;transition:background .1s,border-color .1s;display:flex}.snake-btn:active{border-color:var(--accent);background:#7b2fff33}[data-theme=matrix]{--bg:#000800;--bg-panel:#001200;--bg-terminal:#000a00;--border:#0a3a0a;--accent:#39ff85;--accent2:#00ff41;--accent3:#7fff7f;--text:#8c8;--text-dim:#363;--text-bright:#cfc;--green:#00ff41;--eva-color:#39ff85;--user-color:#00ff41;--glow:#39ff8540;--glow2:#00ff4126}[data-theme=sunset]{--bg:#0a0506;--bg-panel:#120809;--bg-terminal:#0c0607;--border:#2e1a1a;--accent:#ff6b35;--accent2:#ff3864;--accent3:#ffd439;--text:#e8c8c8;--text-dim:#744;--text-bright:#fff0e8;--green:#ff9a3c;--red:#ff3939;--yellow:#ffd439;--eva-color:#ff6b35;--user-color:#ffd439;--glow:#ff6b3540;--glow2:#ff386426}[data-theme=ocean]{--bg:#020810;--bg-panel:#061020;--bg-terminal:#03090e;--border:#0a2040;--accent:#00a8ff;--accent2:#6c5ce7;--accent3:#00e5ff;--text:#a8c8e8;--text-dim:#3a5577;--text-bright:#e0f0ff;--green:#00e5ff;--eva-color:#00a8ff;--user-color:#00e5ff;--glow:#00a8ff40;--glow2:#6c5ce726}[data-theme=blood]{--bg:#080202;--bg-panel:#100404;--bg-terminal:#0a0303;--border:#2e0a0a;--accent:#ff1744;--accent2:#b71c1c;--accent3:#ff5252;--text:#c99;--text-dim:#633;--text-bright:#fcc;--green:#ff1744;--red:red;--yellow:#ff5252;--eva-color:#ff1744;--user-color:#ff5252;--glow:#ff174440;--glow2:#b71c1c26}::selection{color:var(--text-bright);background:#7b2fff4d}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}@media (width<=768px){#app{padding:4px;padding-top:env(safe-area-inset-top,4px);padding-bottom:env(safe-area-inset-bottom,4px);gap:4px}#header{border-radius:var(--radius);gap:6px;padding:5px 10px}#status-uptime,#eva-tagline{display:none}#eva-name{letter-spacing:.15em;font-size:1.1rem}.meta-item{font-size:9px}#main{flex-direction:column;gap:4px}#side-panel{display:none}#terminal-wrap{border-radius:var(--radius);flex:1;min-height:0}#terminal-header{padding:5px 10px}#terminal-controls{display:none}#terminal-title{font-size:10px}#terminal-output{gap:6px;padding:8px 10px}.output-line{line-height:1.65}.output-line .line-content{overflow-wrap:break-word;font-size:12px}.output-line .line-prefix{min-width:26px;font-size:10px}#terminal-input-row{gap:8px;padding:10px}#prompt{font-size:14px}#terminal-input{font-size:16px}}@media (width<=480px){#app{gap:2px;padding:2px}#header{border-radius:6px;gap:4px;padding:4px 8px}#header-meta{display:none}#status-bar{gap:4px;font-size:9px}#status-dot{width:6px;height:6px}#status-text{letter-spacing:.06em;font-size:9px}#eva-name{letter-spacing:.1em;font-size:1rem}#terminal-wrap{border-radius:6px}#terminal-header{padding:4px 8px}#terminal-output{gap:6px;padding:6px 8px}.output-line .line-content{font-size:11.5px}.output-line .line-prefix{min-width:22px;font-size:9px}}@media (width<=768px) and (orientation:landscape){#header{padding:3px 8px}#eva-name{font-size:.9rem}#terminal-output{padding:4px 6px}.output-line .line-content,.output-line .line-prefix{font-size:11px}}.keyboard-open #header,.keyboard-open #terminal-header{display:none}@media (width<=600px){.achievement-popup{padding:10px 14px;top:10px;left:10px;right:10px}.ach-icon{font-size:22px}.ach-name{font-size:12px}}