*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--text:#e8e8ec;--muted:#888;--accent:#c4b5fd;--neon-pink:#ff6ec7;--neon-cyan:#00fff7;--neon-violet:#a78bfa;--chat-bg:#0c0c14eb;--chat-border:#ffffff14}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}#scene-container{z-index:0;touch-action:none;width:100%;height:100%;position:fixed;top:0;left:0}canvas{display:block}#header{z-index:100;pointer-events:none;justify-content:space-between;align-items:center;padding:24px 40px;display:flex;position:fixed;top:0;left:0;right:0}#header>*{pointer-events:auto}.logo{flex-direction:column;gap:2px;display:flex}.logo-name{letter-spacing:3px;text-transform:uppercase;color:var(--text);font-size:13px;font-weight:600}.logo-title{letter-spacing:5px;color:var(--muted);text-transform:uppercase;margin-top:2px;font-family:Courier Prime,monospace;font-size:12px;font-weight:600}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:400;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--text)}#hero-marquee{z-index:10;pointer-events:none;width:100%;display:none;position:fixed;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}.marquee-track{white-space:nowrap;animation:30s linear infinite marqueeScroll;display:flex}.marquee-track.reverse{animation:35s linear infinite marqueeScrollReverse}.marquee-text{letter-spacing:-1px;color:#e8e8ec12;text-transform:uppercase;-webkit-user-select:none;user-select:none;padding-right:60px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(48px,8vw,110px);font-weight:300}.marquee-line{background:#ffffff0f;width:100%;height:1px;margin:8px 0}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeScrollReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}#controls-hint-1{z-index:100;align-items:center;gap:16px;display:flex;position:fixed;bottom:54px;left:83px}#controls-hint-2{z-index:100;align-items:center;gap:16px;display:flex;position:fixed;bottom:30px;left:40px}.hint-key{letter-spacing:1px;color:var(--muted);text-transform:uppercase;align-items:center;gap:6px;font-family:Courier Prime,monospace;font-size:10px;display:inline-flex}.hint-key kbd{color:var(--text);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:3px;padding:2px 6px;font-family:Courier Prime,monospace;font-size:10px}#chat-toggle{z-index:200;width:50px;height:50px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141423e6;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px}#chat-toggle:hover{border-color:var(--neon-cyan);box-shadow:0 0 20px #00fff733}#chat-panel{z-index:150;background:var(--chat-bg);border-left:1px solid var(--chat-border);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);flex-direction:column;width:380px;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0}#chat-panel.closed{transform:translate(100%)}.chat-header{border-bottom:1px solid var(--chat-border);justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;display:flex}.chat-header-info h3{letter-spacing:2px;text-transform:uppercase;margin-bottom:4px;font-size:13px;font-weight:600}.chat-header-info .status{color:var(--muted);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:6px;font-family:Courier Prime,monospace;font-size:10px;display:flex}.status-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.chat-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;transition:color .3s}.chat-close:hover{color:var(--text)}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.msg{border-radius:12px;max-width:90%;padding:12px 16px;font-size:13px;line-height:1.6;animation:.3s msgIn}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg.assistant{background:#ffffff0a;border:1px solid #ffffff0f;border-bottom-left-radius:0;align-self:flex-start}.msg.user{background:#a78bfa26;border:1px solid #a78bfa33;border-bottom-right-radius:0;align-self:flex-end}.msg .meta{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-family:Courier Prime,monospace;font-size:9px}.chat-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chat-action-btn{letter-spacing:.5px;color:var(--muted);cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:6px 12px;font-family:Courier Prime,monospace;font-size:10px;transition:all .3s}.chat-action-btn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00fff70d}.chat-input-area{border-top:1px solid var(--chat-border);padding:16px 24px 24px}.chat-input-wrap{align-items:flex-end;gap:10px;display:flex}#chat-input{color:var(--text);resize:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;outline:none;flex:1;min-height:44px;max-height:120px;padding:12px 16px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;transition:border-color .3s}#chat-input::placeholder{color:#fff3}#chat-input:focus{border-color:#a78bfa66}#chat-send{width:44px;height:44px;color:var(--text);cursor:pointer;background:#a78bfa33;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}#chat-send:hover{border-color:var(--neon-violet);background:#a78bfa66}#chat-send svg{width:18px;height:18px}.portfolio-overlay{z-index:300;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#05050ceb;justify-content:center;align-items:center;width:100%;height:100%;padding:60px;display:none;position:fixed;top:0;left:0}.portfolio-overlay.active{display:flex}.portfolio-close{color:var(--text);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .3s;display:flex;position:absolute;top:30px;right:30px}.portfolio-close:hover{border-color:var(--neon-pink)}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:1000px;max-height:80vh;display:grid;overflow-y:auto}.portfolio-item{aspect-ratio:4/3;cursor:pointer;border-radius:12px;transition:transform .3s;position:relative;overflow:hidden}.portfolio-item:hover{transform:scale(1.03)}.portfolio-item .thumb{color:#fff6;letter-spacing:1px;text-transform:uppercase;justify-content:center;align-items:center;width:100%;height:100%;font-family:Courier Prime,monospace;font-size:11px;display:flex}.portfolio-item .label{letter-spacing:1px;background:linear-gradient(#0000,#000000b3);padding:12px 16px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.typing-indicator{gap:4px;padding:4px 0;display:flex}.typing-indicator span{background:var(--muted);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite typingBounce}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}#path-progress{z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:0;display:flex;position:fixed;top:50%;left:20px;transform:translateY(-50%)}#path-progress .track{background:#ffffff14;width:1px;height:200px;position:relative}#path-progress .fill{background:linear-gradient(to bottom, var(--neon-cyan), var(--neon-violet));width:100%;height:0%;transition:height .3s;position:absolute;top:0;left:0}#path-progress .label{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;writing-mode:vertical-rl;margin-top:10px;font-family:Courier Prime,monospace;font-size:9px}@media (max-width:768px){#header{padding:16px 20px}.nav-links{gap:16px}.nav-links a{font-size:10px}.marquee-text{font-size:36px}#chat-panel{width:100%;transform:translate(100%)}#chat-panel.open{transform:translate(0)}#controls-hint{display:none}.portfolio-grid{grid-template-columns:repeat(2,1fr)}#path-progress{display:none}}@media (min-width:769px){#scene-container.chat-open,#hero-marquee.chat-open{width:calc(100% - 380px)}}.nav-links button{appearance:none;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:400;text-decoration:none;transition:color .3s}.nav-links button:hover{color:var(--text)}@media (max-width:768px){.nav-links button{font-size:10px}}