:root{--ink: #f1eedf;--paper: #17160f;--olive: #adaa75;--line: rgba(241, 238, 223, .14);--muted: rgba(241, 238, 223, .55);--tint-olive: rgba(173, 170, 117, .07);--tint-blue: rgba(119, 168, 201, .07);--bg-fade-top: #1b1a13;--bg-fade-bottom: #12110c;--grid-line-a: rgba(241, 238, 223, .03);--grid-line-b: rgba(241, 238, 223, .025);--topbar-gap: 14px;--topbar-bg: rgba(23, 22, 15, .55);--tooltip-bg: rgba(30, 29, 21, .95);--shadow: rgba(0, 0, 0, .5);--shadow-soft: rgba(0, 0, 0, .4);--toggle-bg: rgba(173, 170, 117, .08);--toggle-bg-hover: rgba(173, 170, 117, .18);--mono: ui-monospace, "SF Mono", "SFMono-Regular", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:radial-gradient(circle at 50% 32%,var(--tint-olive),transparent 34rem),radial-gradient(circle at 8% 4%,var(--tint-blue),transparent 30rem),linear-gradient(180deg,var(--bg-fade-top) 0%,var(--paper) 46%,var(--bg-fade-bottom) 100%);color:var(--ink);font-family:var(--sans);overflow:hidden}body{display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;opacity:.5;background-image:linear-gradient(var(--grid-line-a) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-b) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 45%,rgba(0,0,0,.6),transparent 78%);mask-image:radial-gradient(ellipse 80% 60% at 50% 45%,rgba(0,0,0,.6),transparent 78%)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:var(--topbar-gap) clamp(16px,4vw,44px);font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;-webkit-user-select:none;user-select:none;flex-shrink:0;border-bottom:1px solid var(--line);background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:40}.topbar-left{display:flex;align-items:center;gap:28px}.wordmark{color:var(--ink);text-decoration:none;font-weight:600;text-transform:none}.projects{position:relative}.projects-toggle{display:flex;align-items:center;gap:5px;padding:4px 0;border:none;background:none;cursor:pointer;color:var(--muted);font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:none;transition:color .2s cubic-bezier(.33,1,.68,1)}.projects-toggle:hover,.projects.open .projects-toggle{color:var(--olive)}.projects-chev{width:12px;height:12px;transition:transform .3s cubic-bezier(.33,1,.68,1)}.projects.open .projects-chev{transform:rotate(180deg)}.projects-menu{list-style:none;margin:0;padding:6px 0;position:absolute;top:calc(100% + var(--topbar-gap) + 8px);left:0;font-family:var(--mono);font-size:.78rem;font-weight:400;letter-spacing:.04em;text-transform:none;opacity:0;visibility:hidden;transform-origin:top;transform:scaleY(0);transition:transform .3s cubic-bezier(.33,1,.68,1),opacity .2s ease,visibility .3s;z-index:30}.projects.open .projects-menu{opacity:1;visibility:visible;transform:scaleY(1)}.projects-menu a{position:relative;display:block;padding:6px 0;color:var(--ink);text-decoration:none;text-shadow:0 1px 3px var(--shadow),0 0 12px var(--shadow-soft);transition:color .2s cubic-bezier(.33,1,.68,1)}.projects-label{position:relative;display:inline-block;white-space:nowrap}.projects-label:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--olive);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.33,1,.68,1)}.projects-menu a:hover{color:var(--olive)}.projects-menu a:hover .projects-label:after{transform:scaleX(1)}.model-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--line);border-radius:6px;background:var(--toggle-bg);color:var(--ink);cursor:pointer;font-size:.9rem;line-height:1;padding:0;transition:background .2s ease,transform .2s ease}.model-toggle:hover{background:var(--toggle-bg-hover);transform:scale(1.05)}.icon-dot{color:var(--ink)}.cursor{animation:blink 1.1s steps(1) infinite;color:var(--olive)}.stage{position:relative;flex:1;min-height:0}.stage-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);z-index:20;transition:opacity .4s ease}.stage.loaded .stage-loader{opacity:0;pointer-events:none}.stage.loading .stage-loader{opacity:1}.spinner:before{content:"⠋";display:inline-block;color:var(--olive);font-size:1rem;animation:spin .7s steps(1) infinite}@keyframes spin{0%{content:"⠋"}14%{content:"⠙"}28%{content:"⠹"}43%{content:"⠸"}57%{content:"⠼"}71%{content:"⠴"}to{content:"⠦"}}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab;filter:drop-shadow(0 14px 26px var(--shadow));opacity:0;transition:opacity .4s ease}.stage.loaded canvas{opacity:1}.stage canvas:active{cursor:grabbing}.corner-icon{position:fixed;right:clamp(16px,3vw,28px);bottom:clamp(16px,3vh,28px);color:var(--muted);line-height:0;z-index:5;transition:color .2s cubic-bezier(.33,1,.68,1)}.corner-icon svg{width:18px;height:18px}.corner-icon:hover{color:var(--olive)}@keyframes term-blink{0%,to{opacity:1}50%{opacity:0}}.corner-icon:hover .term-line{animation:term-blink .8s linear infinite}.noscript{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--mono);font-size:.8rem;color:var(--muted)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(max-width:640px){.corner-icon{display:none}.topbar-left{gap:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}