:root{--bg: #080b14;--fg: #f4f4f6}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--fg);overflow:hidden}.app,.canvas{position:fixed;inset:0}.nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:22px clamp(20px,5vw,64px);pointer-events:none}.brand{font-weight:700;font-size:20px;letter-spacing:-.02em}.brand span{font-weight:400;font-style:italic;opacity:.85;margin-left:4px}.nav nav{display:flex;gap:28px;pointer-events:auto}.nav nav a{color:var(--fg);text-decoration:none;font-size:15px;opacity:.9;cursor:pointer;transition:opacity .2s ease}.nav nav a:hover{opacity:.55}