@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@1,6..72,500&display=swap";:root{color:#25231f;font-synthesis:none;--ink:#25231f;--muted:#777269;--paper:#f4efe5;--card:#fffdf8;--line:#ded8cc;--orange:#ee6b3b;--orange-dark:#c94c25;--green:#477b63;background:#f4efe5;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}body:before{content:"";pointer-events:none;opacity:.28;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");position:fixed;inset:0}.app-shell{width:min(1080px,100% - 40px);margin:0 auto;padding-bottom:80px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:86px;display:flex}.brand{color:var(--ink);letter-spacing:-.04em;align-items:center;gap:10px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--ink);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.brand-mark svg{width:19px}.nav-meta{align-items:center;gap:20px;display:flex}.nav-meta a{color:var(--ink);opacity:.72;display:grid}.nav-meta a:hover{opacity:1}.nav-meta a svg{fill:currentColor;stroke:none}.mode-pill{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em;background:#ffffff52;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font:500 10px/1 DM Mono,monospace;display:inline-flex}.mode-dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #477b631f}.hero{max-width:780px;padding:76px 0 46px}.eyebrow,.micro-label{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0;font:500 10px/1.4 DM Mono,monospace}.eyebrow{align-items:center;gap:9px;display:flex}.eyebrow span{background:var(--orange);width:22px;height:1px}.hero h1{letter-spacing:-.065em;margin:18px 0 20px;font-size:clamp(53px,7.2vw,90px);font-weight:500;line-height:.93}.hero h1 em{color:var(--orange-dark);letter-spacing:-.04em;font-family:Newsreader,serif;font-weight:500}.hero-copy{color:#625f58;max-width:610px;margin:0;font-size:16px;line-height:1.75}.conversation-card{background:var(--card);border:1px solid #d6d0c4;grid-template-columns:minmax(0,1fr) 230px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 55px #39301f14}.conversation-card:before{content:"";background:#bbb5aa;width:3px;transition:background .2s;position:absolute;top:0;bottom:0;left:0}.conversation-card.status-listening:before{background:var(--green)}.conversation-card.status-thinking:before,.conversation-card.status-speaking:before{background:var(--orange)}.card-header{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;min-height:96px;padding:24px 30px;display:flex}.card-header h2{letter-spacing:-.03em;margin:5px 0 0;font-size:20px;font-weight:600}.audio-pulse{border:1px solid var(--line);background:#faf7f0;border-radius:999px;justify-content:center;align-items:center;gap:4px;width:138px;height:40px;display:flex}.audio-pulse i{background:#a9a49c;border-radius:3px;width:2px;height:5px;display:block}.audio-pulse.active i{background:var(--orange);animation:.72s ease-in-out infinite alternate pulse-bar}.audio-pulse span{text-transform:uppercase;color:var(--muted);margin-left:7px;font:500 9px DM Mono,monospace}@keyframes pulse-bar{0%{height:4px}to{height:18px}}.transcript{scrollbar-width:thin;scrollbar-color:#c9c3b8 transparent;min-height:360px;max-height:500px;padding:28px 30px 10px;overflow-y:auto}.message{grid-template-columns:44px minmax(0,1fr);gap:14px;margin-bottom:24px;animation:.22s ease-out appear;display:grid}@keyframes appear{0%{opacity:0;transform:translateY(5px)}}.message-label{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.message-label>span{border:1px solid #cbc5b9;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.message-label small{color:var(--orange-dark);font:9px DM Mono,monospace}.message p{white-space:pre-wrap;max-width:650px;margin:3px 0 0;font-size:15px;line-height:1.65}.message.user p{background:#efebe2;border-radius:3px 13px 13px;justify-self:start;padding:10px 14px;display:inline-block}.message.user .message-label>span{background:var(--ink);color:#fff;border-color:var(--ink)}.message.interim{opacity:.57}.typing-dots{gap:4px;padding-top:8px;display:inline-flex}.typing-dots i{background:var(--orange);border-radius:50%;width:5px;height:5px;animation:.8s infinite alternate dot}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes dot{to{opacity:.35;transform:translateY(-5px)}}.latency-strip{border-left:1px solid var(--line);background:#f9f6ef;flex-direction:column;grid-area:2/2;justify-content:center;display:flex}.latency-strip>div{border-bottom:1px solid var(--line);padding:21px 24px}.latency-strip>div:last-child{border:0}.latency-strip span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;font:9px DM Mono,monospace;display:block}.latency-strip strong{letter-spacing:-.05em;font:500 20px DM Mono,monospace}.error-banner{color:#8c3217;background:#fff0eb;border-top:1px solid #e5b8a9;grid-column:1/-1;padding:12px 30px;font-size:13px}.controls{border-top:1px solid var(--line);grid-column:1/-1;align-items:center;gap:18px;padding:18px 30px;display:flex}.controls button{cursor:pointer;border:0;border-radius:3px;align-items:center;gap:10px;padding:13px 18px;font-size:13px;font-weight:650;transition:transform .15s,background .15s;display:inline-flex}.controls button:active{transform:translateY(1px)}.primary-control{background:var(--orange);color:#fff}.primary-control:hover{background:var(--orange-dark)}.stop-control{background:var(--ink);color:#fff}.controls p{color:var(--muted);font-size:11px}.text-input{border:1px solid var(--line);background:#fff;grid-column:1/-1;align-items:center;margin:0 30px 26px;display:flex}.text-input:focus-within{border-color:#aaa398;box-shadow:0 0 0 3px #25231f0d}.text-input input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:13px 15px;font-size:13px}.text-input input::placeholder{color:#aaa59c}.text-input button{width:35px;height:35px;color:var(--orange-dark);cursor:pointer;background:0 0;border:0;place-items:center;margin-right:5px;display:grid}.text-input button:disabled{opacity:.25;cursor:default}.text-input svg{width:18px}.pipeline{padding:66px 0 0}.pipeline-row{align-items:center;margin-top:20px;display:flex}.pipeline-step{align-items:center;gap:14px;min-width:190px;display:flex}.pipeline-step>span{width:42px;height:42px;color:var(--orange-dark);border:1px solid #cfc8bc;border-radius:50%;place-items:center;font:10px DM Mono,monospace;display:grid}.pipeline-step strong,.pipeline-step small{display:block}.pipeline-step strong{font-size:14px}.pipeline-step small{color:var(--muted);text-transform:uppercase;margin-top:3px;font:9px DM Mono,monospace}.connector{background:repeating-linear-gradient(90deg,#bdb6aa 0 4px,#0000 4px 9px);flex:1;height:1px;margin:0 20px}@media (width<=740px){.app-shell{width:min(100% - 24px,620px);padding-bottom:50px}.topbar{height:70px}.mode-pill{display:none}.hero{padding:54px 4px 34px}.hero h1{font-size:clamp(46px,14vw,68px)}.conversation-card{grid-template-columns:1fr}.card-header{padding:21px 20px}.audio-pulse{width:42px}.audio-pulse span{display:none}.transcript{min-height:330px;padding:24px 20px 8px}.message{grid-template-columns:37px 1fr;gap:10px}.message-label>span{width:31px;height:31px}.latency-strip{border-left:0;border-top:1px solid var(--line);flex-direction:row;grid-area:auto/1}.latency-strip>div{border-bottom:0;border-right:1px solid var(--line);flex:1;padding:16px 12px}.latency-strip>div:last-child{border-right:0}.latency-strip strong{font-size:15px}.controls{text-align:center;flex-direction:column;align-items:stretch;padding:18px 20px}.controls button{justify-content:center}.controls p{margin:0}.text-input{margin:0 20px 22px}.pipeline{padding-top:48px}.pipeline-row{flex-direction:column;align-items:flex-start;gap:13px}.pipeline-step{width:100%}.connector{background:repeating-linear-gradient(#bdb6aa 0 4px,#0000 4px 9px);flex:none;width:1px;height:18px;margin:-7px 0 -6px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}