:root{--bg: #0a0a0f;--fg: #e0dcd4;--fg-dim: #8a8578;--accent: #00ff88;--accent-dim: #00b35e;--accent-glow: rgba(0, 255, 136, .15);--panel: rgba(15, 14, 20, .88);--border: rgba(0, 255, 136, .12);--font: "SF Mono", "Fira Code", "Cascadia Code", "JetBrains Mono", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:14px;line-height:1.6;overflow:hidden;height:100vh;cursor:default}a{color:var(--accent);text-decoration:none}#loader{position:fixed;inset:0;z-index:10000;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:opacity .6s ease-out}#loader.fade-out{opacity:0}.loader-bar{width:200px;height:2px;background:#ffffff0f;border-radius:1px;overflow:hidden;position:relative}.loader-bar:after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:var(--accent);animation:loader-pulse 1.2s ease-in-out infinite}@keyframes loader-pulse{0%{left:-40%}to{left:100%}}#bg-video{position:fixed;inset:0;width:100vw;height:100vh;object-fit:cover;z-index:0;background:url(/bg.png) center/cover no-repeat}#bg-overlay{position:fixed;inset:0;z-index:1;background:radial-gradient(ellipse at center,transparent 40%,rgba(10,10,15,.6) 100%),linear-gradient(to top,rgba(10,10,15,.7) 0%,transparent 40%)}#reach-ui{position:relative;z-index:2;width:100vw;height:100vh}.top-right{position:absolute;top:48px;right:48px;bottom:48px;width:320px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.geo-info{background:var(--panel);border:1px solid var(--border);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.panel-label{font-size:10px;color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px;display:block}.info-row{display:flex;flex-direction:column;gap:2px}.label{font-size:10px;color:var(--accent-dim);text-transform:uppercase;letter-spacing:2px}.value{color:var(--fg);font-size:12px}.geo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.geo-header .panel-label{margin-bottom:0}.battery-status{display:flex;align-items:center;gap:6px}.battery-text{font-size:13px;color:var(--fg);letter-spacing:1px;font-weight:500}.battery-icon{position:relative;width:24px;height:12px;border:1.5px solid var(--accent-dim);border-radius:2px;display:inline-block}.battery-icon:after{content:"";position:absolute;right:-4px;top:2px;width:2px;height:6px;background:var(--accent-dim);border-radius:0 1px 1px 0}.battery-fill{position:absolute;left:1px;top:1px;bottom:1px;width:0%;background:var(--accent);border-radius:1px;transition:width .5s ease,background .5s ease}.battery-fill.low{background:#f44}.battery-bolt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--bg);opacity:0;transition:opacity .3s}.battery-bolt.visible{opacity:1}.left-col{position:absolute;left:48px;bottom:48px;display:flex;flex-direction:column;gap:24px;max-width:400px}.identity h1{font-size:48px;font-weight:300;color:var(--fg);letter-spacing:-1px;line-height:1.1}.identity .subtitle{color:var(--fg-dim);font-size:14px;margin-top:6px}.reach-nav{display:flex;flex-direction:column}.nav-item{display:block;padding:12px 24px 12px 16px;font-size:15px;font-weight:500;color:var(--fg);text-transform:uppercase;letter-spacing:3px;border-left:3px solid transparent;transition:border-color .2s,color .2s,background .2s;text-decoration:none}.nav-item:hover{border-left-color:var(--accent);color:var(--accent);background:#00ff880d;text-decoration:none}.chat-container{background:var(--panel);border:1px solid var(--border);border-radius:2px;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.chat-badge{padding:6px 12px;font-size:10px;color:var(--fg-dim);border-bottom:1px solid var(--border);letter-spacing:1px;flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.chat-msg{max-width:90%;padding:10px 14px;border-radius:4px;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.chat-msg.user{align-self:flex-end;background:var(--accent-glow);color:var(--fg);border:1px solid var(--border)}.chat-msg.assistant{align-self:flex-start;background:#ffffff08;color:var(--fg);border:1px solid rgba(255,255,255,.05)}.chat-input{display:flex;border-top:1px solid var(--border);flex-shrink:0}.chat-input input{flex:1;background:transparent;border:none;color:var(--fg);font-family:var(--font);font-size:13px;padding:14px 16px;outline:none}.chat-input input::placeholder{color:var(--fg-dim)}.chat-input button{background:transparent;border:none;border-left:1px solid var(--border);color:var(--accent);font-family:var(--font);font-size:12px;padding:14px 20px;cursor:pointer;letter-spacing:1px;transition:background .2s}.chat-input button:hover{background:var(--accent-glow)}.bg-selector{position:absolute;bottom:48px;right:48px}.bg-options{display:flex;gap:4px;margin-top:6px}.bg-option{background:var(--panel);border:1px solid var(--border);color:var(--fg-dim);font-family:var(--font);font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:8px 16px;cursor:pointer;transition:border-color .2s,color .2s}.bg-option:hover{border-color:var(--accent-dim);color:var(--fg)}.bg-option.active{border-color:var(--accent);color:var(--accent)}.copyright{position:fixed;bottom:8px;left:50%;transform:translate(-50%);font-size:9px;color:var(--fg-dim);z-index:2;opacity:.5}#llm-data{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:2px}@media(max-width:768px){.left-col{left:24px;bottom:24px;max-width:calc(100vw - 48px)}.top-right{top:24px;right:24px;width:auto;max-width:calc(100vw - 48px)}.identity h1{font-size:32px}.nav-item{font-size:13px;padding:10px 16px 10px 12px}.bg-selector{bottom:24px;right:24px}}