@font-face{font-family:departureMono;src:url(/assets/departure-mono.woff2) format("woff2");font-display:swap}:root{font-family:departureMono,Departure Mono,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;color-scheme:dark;--background: #000;--foreground: #fff;--surface: #0a0a0a;--panel: rgba(20, 20, 20, .85);--panel-border: rgba(255, 255, 255, .15);--bubble: rgba(40, 40, 40, .7);--bubble-border: rgba(255, 255, 255, .2);--soft: rgba(60, 60, 60, .8);--muted: #888;--accent: #fff;--frame-border: rgba(255, 255, 255, .12);--recording-border-dim: rgba(255, 255, 255, .2);--recording-border-bright: rgba(255, 255, 255, .55)}:root[data-theme=light]{color-scheme:light;--background: #f0f0f0;--foreground: #0a0a0a;--surface: #e0e0e0;--panel: rgba(240, 240, 240, .9);--panel-border: #c0c0c0;--bubble: rgba(220, 220, 220, .8);--bubble-border: rgba(0, 0, 0, .15);--soft: rgba(200, 200, 200, .95);--muted: #666;--accent: #000;--frame-border: rgba(0, 0, 0, .12);--recording-border-dim: rgba(0, 0, 0, .2);--recording-border-bright: rgba(0, 0, 0, .55)}*{box-sizing:border-box}html{min-width:320px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.016) 2px,rgba(255,255,255,.016) 4px),var(--surface);overscroll-behavior:none}:root[data-theme=light]{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px),var(--surface)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--foreground);background:transparent;font-family:inherit;-webkit-font-smoothing:antialiased}button,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}.app-frame{min-height:100vh;overflow:hidden;position:relative;z-index:0;border:2px solid var(--frame-border);color:var(--foreground);background:var(--surface);transition:color .2s ease,background-color .2s ease}.scanline-overlay:after{content:"";pointer-events:none;position:absolute;z-index:50;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.016) 2px,rgba(255,255,255,.016) 4px)}:root[data-theme=light] .scanline-overlay:after{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.hero{--pointer-x: 0px;--pointer-y: 0px;width:100%;display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:12px}.hero-name{width:100%;height:216px;position:relative;flex:0 0 auto;transform:translate(calc(var(--pointer-x) * -.18),calc(var(--pointer-y) * -.12));transition:transform .26s ease-out}.hero-name img{display:block;position:absolute;-webkit-user-select:none;user-select:none;image-rendering:pixelated}.hero-name-text{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text);font-family:Departure Mono,monospace;font-size:clamp(3.8rem,8vw,7rem);font-weight:700;letter-spacing:-.08em;line-height:1;text-transform:uppercase;white-space:nowrap}.first-name.hero-name-text>span{display:block;transform:scaleX(4)}.last-name.hero-name-text>span{display:block;transform:scaleX(4)}.marketing-name .first-name.hero-name-text{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(4.5rem,7vw,6.25rem);font-weight:900;letter-spacing:-.1em}.marketing-name .first-name.hero-name-text>span{transform:scaleX(1.38)}.marketing-name .last-name.hero-name-text>span{transform:scaleX(1.45)}.first-name{width:472px;height:112px;top:14px;left:50%;transform:translate(-50%)}.last-name{width:937px;height:112px;top:102px;left:50%;transform:translate(-50%)}.avatar-stage{width:min(56rem,calc(100% - 2rem));height:540px;margin-top:10px;overflow:hidden;position:relative;flex:0 0 auto;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .32s ease-out}.ascii-avatar{width:100%;height:100%;display:block;object-fit:cover;image-rendering:pixelated;transition:filter .2s ease}.particle-portrait-3d{width:100%;height:100%;position:relative;overflow:hidden;cursor:grab;touch-action:none}.particle-portrait-3d:active{cursor:grabbing}.particle-portrait-canvas{width:100%;height:100%;display:block;outline:none}.particle-portrait-fallback{width:100%;height:100%;display:none;object-fit:contain;filter:grayscale(1) contrast(1.25)}.particle-portrait-3d[data-webgl=unavailable] .particle-portrait-fallback{display:block}.particle-portrait-canvas:focus-visible{outline:none}.safety-note{max-width:640px;margin:18px auto 0;color:var(--muted);font-size:11px;line-height:1.7;text-align:center}.speech-hint{margin:6px 0 0;color:var(--muted);font-size:11px;letter-spacing:.04em}:root[data-theme=dark] .ascii-avatar{filter:none}.assistant-shell{width:min(56rem,calc(100% - 2rem));margin-top:16px;position:relative;z-index:3;background:var(--surface)}.assistant-box{min-height:130px;overflow:hidden;position:relative;display:flex;flex-direction:column;border:2px solid var(--panel-border);background:var(--panel);transition:max-height .24s ease,border-color .2s ease}.dot-grid-bg:before{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;background-image:radial-gradient(var(--foreground) .5px,transparent .5px);background-size:12px 12px}.suggestion-row{height:62px;padding:22px 24px 6px 8px;display:grid;grid-template-columns:32px repeat(3,1fr);gap:8px;position:relative;z-index:2}.refresh-button{width:32px;height:32px;margin-top:-1px;padding:7px;display:grid;place-items:center;border:0;background:transparent}.refresh-button img,.record-button img{width:100%;height:100%;object-fit:contain;filter:none}:root[data-theme=dark] .refresh-button img,:root[data-theme=dark] .record-button img,:root[data-theme=dark] .theme-toggle img,:root[data-theme=dark] .connect-link img,:root[data-theme=dark] .webring img{filter:invert(1)}.suggestion-button{min-width:0;height:34px;padding:0 14px;display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap;text-align:left;color:var(--muted);background:var(--surface);border:1px solid var(--panel-border);border-radius:4px;box-shadow:0 4px 0 var(--panel-border);font-size:14px;line-height:20px;transition:transform .12s ease,color .12s ease,border-color .12s ease}.suggestion-button:hover,.suggestion-button:focus-visible{color:var(--foreground);border-color:var(--foreground)}.suggestion-button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--panel-border)}.mobile-suggestions{display:none}.composer{min-height:66px;padding:10px 16px 14px;display:grid;grid-template-columns:20px 1fr 40px;align-items:center;gap:0;position:relative;z-index:2}.drag-dots{color:var(--muted);font-size:18px;line-height:1;transform:rotate(90deg)}.composer textarea{width:100%;min-height:40px;max-height:88px;resize:none;padding:9px 8px 7px;border:0;outline:0;background:transparent;font-size:16px;line-height:24px}.composer textarea::placeholder{color:var(--muted);opacity:1}.record-button{width:40px;height:40px;padding:10px;display:grid;place-items:center;border:0;border-left:1px solid var(--panel-border);background:var(--soft);transition:border-color .18s ease}.record-button:disabled{cursor:wait;opacity:.55}.record-button.is-recording{animation:recording-pulse .8s steps(2,jump-none) infinite}.conversation-mode{min-height:58px;display:flex;justify-content:flex-end;align-items:center;gap:12px;color:var(--muted);font-size:14px;letter-spacing:.05em;text-transform:uppercase}.mode-switch{width:44px;height:24px;padding:0;display:inline-flex;align-items:center;border:2px solid var(--panel-border);border-radius:0;background:var(--soft);transition:background .16s ease,border-color .16s ease}.mode-switch span{width:18px;height:18px;display:block;background:var(--foreground);transform:translate(1px);transition:transform .16s ease}.mode-switch.is-on{border-color:var(--foreground);background:var(--foreground)}.mode-switch.is-on span{background:var(--surface);transform:translate(21px)}.conversation-log{min-height:120px;max-height:226px;overflow-y:auto;padding:14px 48px 4px 18px;position:relative;z-index:2;scrollbar-width:thin}.assistant-box.has-conversation{max-height:290px}.assistant-box.has-conversation.is-expanded{max-height:420px}.expand-chat{width:24px;height:24px;padding:0;position:absolute;top:12px;right:12px;border:1px solid var(--panel-border);background:var(--surface);color:var(--muted);line-height:20px}.expand-chat:hover{color:var(--foreground);border-color:var(--foreground)}.message{display:grid;grid-template-columns:24px 1fr;gap:8px;margin-bottom:10px;color:var(--foreground);font-size:14px;line-height:20px}.message p{margin:0}.user-message p{padding:6px 8px;border:1px solid var(--bubble-border);background:var(--bubble)}.braille-mark{padding-top:5px;color:var(--muted)}.typing-cursor{padding-left:3px;animation:blink .65s steps(1,end) infinite}.page-content{width:min(56rem,calc(100% - 2rem));margin-inline:auto}.about-section{padding-top:32px}.projects-section{padding-top:48px}.section-title{height:26px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:16px;letter-spacing:.1em;line-height:24px;text-transform:uppercase}.section-rule{height:1px;flex:1;background:var(--panel-border)}.about-list{margin-top:18px;display:flex;flex-direction:column;gap:24px}.about-row{min-height:28px;display:flex;align-items:center;gap:10px;font-size:20px;line-height:28px}.prompt-arrow{color:var(--muted);font-size:15px}.about-label{white-space:nowrap}.about-amount{margin-left:-2px;font-weight:700}.about-badge{height:28px;padding:0;display:inline-flex;align-items:center;gap:8px;border:0;border-bottom:1px solid currentColor;background:transparent;font-size:20px;line-height:28px}.about-badge img{width:22px;height:22px;object-fit:contain}.project-grid{margin-top:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.story-grid{margin-top:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.story-card{padding:20px 20px 18px;display:flex;flex-direction:column;gap:10px;border:1px solid var(--panel-border);background:var(--surface);text-align:left;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.story-card:hover,.story-card:focus-visible{border-color:var(--foreground);transform:translateY(-2px)}.story-card h3{margin:0;color:var(--foreground);font-size:15px;letter-spacing:.02em}.story-card p{margin:0;color:var(--text);font-size:13px;line-height:1.75}.story-opener{margin-top:2px;display:flex;gap:6px;color:var(--muted);font-size:12px;line-height:1.5}.story-card:hover .story-opener,.story-card:focus-visible .story-opener{color:var(--foreground)}@media(max-width:640px){.story-grid{grid-template-columns:1fr}}.project-card{display:block;text-decoration:none}.project-media{aspect-ratio:16 / 10;overflow:hidden;position:relative;z-index:2;border:2px solid var(--panel-border);background:#000;transition:border-color .2s ease}.project-media>img,.project-demo-layer video{width:100%;height:100%;display:block;object-fit:cover}.project-media>img{transform:scale(1.15)}.project-demo-layer video{transform:scale(1.08)}.project-demo-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;overflow:hidden;background:#000;transition:opacity .18s ease}.project-card:hover .project-media,.project-card:focus-visible .project-media{border-color:var(--foreground)}.project-card:hover .project-demo-layer,.project-card:focus-visible .project-demo-layer{opacity:1}.project-card h3{margin:10px 0 4px;font-size:16px;font-weight:700;line-height:24px}.project-card p{margin:0;color:var(--muted);font-size:16px;line-height:24px}.project-card strong{color:var(--muted)}footer{min-height:228px;padding-top:48px;position:relative}footer .section-title:before{content:"";height:1px;flex:1;background:var(--panel-border)}.connect-links{min-height:58px;display:flex;justify-content:center;align-items:center;gap:12px;color:var(--muted);font-size:14px}.social-link-group{display:contents}.connect-link{padding:8px 0;display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:inherit;text-decoration:none}.connect-link:hover,.connect-link:focus-visible{color:var(--foreground)}.connect-link img{width:20px;height:20px;object-fit:contain;opacity:.82}.connect-link:last-child img{image-rendering:pixelated}.slash{opacity:.25}.built-by{margin:6px 0 0;color:var(--muted);font-size:12px;letter-spacing:.25em;line-height:18px;text-align:center;text-transform:uppercase}.webring{height:52px;display:flex;align-items:center;justify-content:flex-end;gap:4px}.webring button{padding:0;border:0;background:transparent;font-size:10px}.webring a{display:block;width:24px;height:24px}.webring img{width:100%;height:100%;object-fit:contain}.theme-toggle{width:40px;height:40px;padding:9px;display:grid;place-items:center;position:fixed;z-index:100;right:12px;bottom:12px;border:2px solid var(--panel-border);background:var(--panel);transition:color .15s ease,background .15s ease}.theme-toggle:hover{background:var(--soft)}.theme-toggle img{width:20px;height:20px;object-fit:contain}@keyframes recording-pulse{0%,to{box-shadow:inset 0 0 0 1px var(--recording-border-dim)}50%{box-shadow:inset 0 0 0 4px var(--recording-border-bright)}}@keyframes blink{50%{opacity:0}}@media(max-width:640px){.hero{padding-bottom:0}.hero-name{height:118px}.first-name{width:100%;height:58px;top:4px}.first-name.hero-name-text>span{transform:scaleX(4.25)}.last-name{width:100%;height:50px;top:62px}.last-name.hero-name-text{font-size:2.5rem}.last-name.hero-name-text>span{transform:scaleX(2.8)}.marketing-name .first-name.hero-name-text{font-size:3.1rem}.marketing-name .first-name.hero-name-text>span{transform:scaleX(1.42)}.marketing-name .last-name.hero-name-text{font-size:2.5rem}.marketing-name .last-name.hero-name-text>span{transform:scaleX(1.32)}.avatar-stage{width:calc(100% - 2rem);height:480px;margin-top:0;overflow:visible}.ascii-avatar{width:780px;max-width:none;height:470px;position:absolute;left:50%;bottom:-190px;object-fit:cover;transform:translate(-50%)}.assistant-shell,.page-content{width:calc(100% - 2rem)}.assistant-box{min-height:134px}.desktop-suggestions{display:none}.mobile-suggestions{height:68px;padding:20px 16px 8px;display:grid;grid-template-columns:20px minmax(0,1fr) 20px;gap:0}.mobile-suggestions .suggestion-button{width:100%;justify-content:center;padding-inline:10px}.carousel-arrow{height:34px;padding:0;border:0;background:transparent;color:var(--muted);font-size:20px}.composer{min-height:66px;padding:8px 16px 12px;grid-template-columns:20px 1fr 36px}.record-button{width:36px;height:36px;padding:9px}.conversation-mode{min-height:61px;gap:10px;font-size:12px}.about-section{padding-top:32px}.section-title{font-size:14px}.about-list{margin-top:18px;gap:20px}.about-row{min-height:28px;flex-wrap:wrap;gap:8px;font-size:16px;line-height:24px}.prompt-arrow{font-size:12px}.about-badge{height:24px;gap:6px;font-size:16px;line-height:24px}.about-badge img{width:20px;height:20px}.about-row:last-child .about-badge{margin-left:20px}.projects-section{padding-top:44px;padding-bottom:32px}.project-grid{margin-top:26px;grid-template-columns:1fr;gap:46px}.project-card h3{margin-top:8px}.project-card p{font-size:14px;line-height:24px}footer{min-height:276px;padding-top:44px}.connect-links{min-height:76px;gap:20px}.connect-link span,.slash{display:none}.connect-link img{width:20px;height:20px}.built-by{margin-top:8px;font-size:10px;letter-spacing:.16em}.webring{height:72px;justify-content:center}.webring a{width:28px;height:28px}.conversation-log{max-height:216px;padding-inline:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}