:root{--bg: #F9F9F8;--fg: #111110;--line: #E2E2E0;--accent: #888886;--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--ease: cubic-bezier(.19, 1, .22, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-main);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.index{position:fixed;font-size:3.5rem;font-weight:300;line-height:.8;letter-spacing:-.04em;z-index:100;mix-blend-mode:difference;color:#fff;transition:transform .6s var(--ease),opacity .3s ease}.index:hover{opacity:.5}.idx-tl{top:2rem;left:2rem}.idx-tr{top:2rem;right:2rem}.idx-bl{bottom:2rem;left:2rem}.idx-br{bottom:2rem;right:2rem}.layout-wrapper{display:flex;flex-direction:column;height:100vh;width:100vw;position:relative;z-index:10}.canvas-zone{flex:0 0 70vh;position:relative;width:100%;display:flex;align-items:center;justify-content:center}#ascii-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-text{position:relative;z-index:2;text-align:center;pointer-events:auto}.hero-headline{font-size:clamp(1.5rem,6vw,2.8rem);font-weight:400;letter-spacing:-.03em;margin-bottom:clamp(.5rem,2vw,1.2rem);text-transform:lowercase;color:var(--fg);line-height:1.1;padding:0 1rem}.hero-subline{font-size:clamp(.85rem,2.5vw,1rem);color:var(--accent);letter-spacing:.02em;padding-left:clamp(1rem,5vw,4rem);padding-right:clamp(1rem,5vw,4rem);max-width:600px;margin:0 auto;line-height:1.5}.panel-zone{flex:0 0 30vh;width:100%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;padding:2.5rem 6rem;gap:4rem;position:relative;z-index:2;background:transparent}.col{display:flex;flex-direction:column;font-size:.85rem;line-height:1.5;letter-spacing:-.01em}.col-left,.col-mid{align-items:flex-start}.col-right{align-items:flex-end;text-align:right;justify-content:space-between}.timestamp{font-family:var(--font-mono);font-size:.65rem;color:var(--accent);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.calm-sentence{margin-bottom:1rem;max-width:80%}.short-note{color:var(--accent);max-width:85%}.link-list{list-style:none;margin-bottom:1.5rem}.link-list li{margin-bottom:.2rem}.link-list a{text-decoration:none;color:var(--fg);position:relative;display:inline-block}.colophon{color:var(--accent)}.telemetry{font-family:var(--font-mono);font-size:.65rem;color:var(--accent)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg);z-index:90;display:flex;padding:8rem 6rem;opacity:0;pointer-events:none;transition:opacity .8s var(--ease)}.overlay.active{opacity:1;pointer-events:auto}.overlay-nav{list-style:none;display:flex;flex-direction:column;gap:1rem}.overlay-nav li{font-size:2.5rem;letter-spacing:-.03em;cursor:pointer;color:var(--accent);transition:color .3s ease}.overlay-nav li:hover{color:var(--fg)}.svg-defs{position:absolute;width:0;height:0}@media (max-width: 768px){body{overflow:auto;overflow-x:hidden}.layout-wrapper{height:auto;min-height:100vh}.panel-zone{grid-template-columns:1fr;padding:2.5rem 2rem;gap:2.5rem;height:auto;border-top:1px solid var(--line)}.col-right{align-items:flex-start;text-align:left}.canvas-zone{flex:1 1 50vh;min-height:50vh;padding:4rem 1rem}.hero-text{width:100%}.hero-subline{padding-left:1.25rem;padding-right:1.25rem;font-size:.9rem;line-height:1.4}.hero-headline{font-size:clamp(1.6rem,8vw,2.2rem);margin-bottom:1.25rem;padding:0 1.25rem;line-height:1.2}.index{font-size:2rem}.idx-tl{top:1rem;left:1rem}.idx-tr{top:1rem;right:1rem}.idx-bl{bottom:1rem;left:1rem}.idx-br{bottom:1rem;right:1rem}.overlay{padding:6rem 2rem}.overlay-nav li{font-size:clamp(1.8rem,10vw,2.5rem)}}.voice-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.6rem 1.4rem;border:1px solid var(--line);border-radius:100px;background:transparent;color:var(--fg);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;text-transform:lowercase;cursor:pointer;transition:all .4s var(--ease);position:relative;overflow:hidden}.voice-btn:hover{border-color:var(--fg);background:var(--fg);color:var(--bg)}.voice-btn-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s var(--ease)}.voice-btn-label{white-space:nowrap}.voice-btn--connecting{border-color:var(--accent);color:var(--accent);pointer-events:none}.voice-btn--connecting .voice-btn-icon{animation:pulse-icon 1.2s ease-in-out infinite}@keyframes pulse-icon{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.voice-btn--active{border-color:#2ecc71;background:#2ecc7114;color:#2ecc71}.voice-btn--active:hover{background:#dc35451a;border-color:#dc3545;color:#dc3545}.voice-btn--active .voice-btn-icon{animation:pulse-live 1.5s ease-in-out infinite}@keyframes pulse-live{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.voice-btn--error{border-color:#dc3545;color:#dc3545}.voice-btn--error:hover{background:#dc3545;color:#fff}