:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--page:#f4f5f1;--page-wash:#e3764e1f;--surface:#fffffcdb;--surface-soft:#f0f1ec;--surface-raised:#fff;--ink:#1d211c;--ink-soft:#646b62;--ink-faint:#646b62;--line:#2a31281f;--line-strong:#2a312833;--control-border:#747c71;--accent:#d85f38;--accent-deep:#b94322;--accent-soft:#fbe2d7;--accent-ink:#76301d;--green:#216b49;--green-soft:#dcf2e6;--danger:#a53a2c;--danger-soft:#fae5e1;--shadow:0 24px 70px #232a201a, 0 2px 7px #232a200a;--radius-xl:28px;--radius-md:14px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--page);min-width:320px;min-height:100%;line-height:1.5}body{background:radial-gradient(circle at 12% 0%, var(--page-wash), transparent 31rem), radial-gradient(circle at 92% 92%, #487b5912, transparent 28rem), var(--page);min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{font:inherit;color:inherit;letter-spacing:inherit;background:0 0}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}svg{vertical-align:middle;display:block}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--accent-deep);outline-offset:3px}button:disabled,select:disabled{cursor:not-allowed}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{width:min(1440px,100%);min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));flex-direction:column;margin-inline:auto;display:flex}.site-header,.site-footer{justify-content:space-between;align-items:center;width:100%;display:flex}.site-header{flex:none;min-height:44px;margin-bottom:22px}.brand{min-height:44px;color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.02rem;font-weight:720;text-decoration:none;display:inline-flex}.brand__mark{border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);background:var(--accent-soft);width:34px;height:34px;color:var(--accent-deep);border-radius:11px;place-items:center;display:grid}.privacy-badge,.connection-pill,.turn-count{white-space:nowrap;align-items:center;display:inline-flex}.privacy-badge{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 78%, transparent);min-height:32px;color:var(--ink-soft);border-radius:999px;gap:7px;padding:5px 11px;font-size:.76rem;font-weight:650}.app-grid{flex:auto;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:18px;min-height:0;display:grid}.call-card,.transcript-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px)}.call-card{flex-direction:column;min-height:610px;padding:clamp(22px,3.4vw,42px);display:flex}.call-card__topline,.transcript-card__header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.eyebrow{color:var(--accent-deep);letter-spacing:.13em;text-transform:uppercase;margin:0 0 7px;font-size:.69rem;font-weight:750;line-height:1.2}h1,h2,p{margin-top:0}.call-card h1{letter-spacing:-.055em;margin-bottom:0;font-size:clamp(1.7rem,3vw,2.45rem);font-weight:680;line-height:1.05}.connection-pill{border:1px solid var(--line);min-height:30px;color:var(--ink-soft);letter-spacing:.015em;border-radius:999px;gap:7px;padding:4px 10px;font-size:.72rem;font-weight:700}.connection-pill i{background:var(--ink-faint);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--ink-faint) 14%, transparent);border-radius:50%}.connection-pill[data-connected=true]{border-color:color-mix(in srgb, var(--green) 24%, transparent);background:var(--green-soft);color:var(--green)}.connection-pill[data-connected=true] i{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 14%, transparent)}.call-stage{flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:288px;padding:25px 0 22px;display:flex}.voice-orb{--orb-a:#eca07e;--orb-b:#d75d37;--orb-c:#a13825;aspect-ratio:1;isolation:isolate;place-items:center;width:clamp(152px,15vw,188px);display:grid;position:relative}.voice-orb__ring{border:1px solid color-mix(in srgb, var(--orb-b) 22%, transparent);opacity:0;border-radius:50%;position:absolute}.voice-orb__ring--outer{inset:-16px}.voice-orb__ring--inner{inset:-4px}.voice-orb__core{background:radial-gradient(circle at 30% 24%, #ffffffad, transparent 29%), radial-gradient(circle at 68% 74%, var(--orb-c), transparent 52%), linear-gradient(145deg, var(--orb-a), var(--orb-b));width:100%;height:100%;box-shadow:inset 0 1px 1px #ffffff85, inset -20px -22px 40px #5c1e112e, 0 24px 55px color-mix(in srgb, var(--orb-b) 27%, transparent);border:1px solid #ffffff61;border-radius:50%;justify-content:center;align-items:center;gap:7px;transition:filter .4s,transform .5s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;transform:scale(.92)}.voice-orb__glow{background:radial-gradient(circle,#ffffff3b,#0000 66%);border-radius:50%;position:absolute;inset:12%}.voice-orb__wave{z-index:1;background:#ffffffdb;border-radius:999px;width:6px;height:23px;transform:scaleY(.45);box-shadow:0 1px 7px #521d0f29}.voice-orb__wave--two{height:37px}.voice-orb[data-mode=listening] .voice-orb__core,.voice-orb[data-mode=speaking] .voice-orb__core,.voice-orb[data-mode=thinking] .voice-orb__core,.voice-orb[data-mode=connecting] .voice-orb__core{transform:scale(1)}.voice-orb[data-mode=idle] .voice-orb__core,.voice-orb[data-mode=error]{--orb-a:#db9c90;--orb-b:#b94d3e;--orb-c:#713127}.voice-orb[data-mode=connecting] .voice-orb__ring--inner{opacity:.72;border-top-color:var(--orb-b);animation:1.8s linear infinite ring-spin}.voice-orb[data-mode=listening] .voice-orb__ring,.voice-orb[data-mode=speaking] .voice-orb__ring{animation:2.4s ease-out infinite orb-pulse}.voice-orb[data-mode=listening] .voice-orb__ring--outer,.voice-orb[data-mode=speaking] .voice-orb__ring--outer{animation-delay:.55s}.voice-orb[data-mode=thinking] .voice-orb__core{animation:1.8s ease-in-out infinite orb-breathe}.voice-orb[data-mode=speaking] .voice-orb__wave--one,.voice-orb[data-mode=speaking] .voice-orb__wave--three{animation:.72s ease-in-out infinite alternate sound-wave}.voice-orb[data-mode=speaking] .voice-orb__wave--two{animation:.54s ease-in-out .15s infinite alternate-reverse sound-wave}.voice-orb[data-mode=listening] .voice-orb__wave{animation:1.5s ease-in-out infinite alternate quiet-wave}.voice-orb[data-mode=listening] .voice-orb__wave--two{animation-delay:.3s}.status-copy{text-align:center;margin-top:28px}.status-copy h2{letter-spacing:-.03em;margin-bottom:6px;font-size:clamp(1.2rem,2.1vw,1.55rem);font-weight:680}.status-copy p{max-width:340px;color:var(--ink-soft);margin:0;font-size:.88rem;line-height:1.5}.inline-notice{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:16px;padding:11px;display:grid}.inline-notice--sound{border-color:color-mix(in srgb, var(--green) 21%, transparent);background:var(--green-soft)}.inline-notice--error{border-color:color-mix(in srgb, var(--danger) 20%, transparent);background:var(--danger-soft)}.inline-notice__icon{background:color-mix(in srgb, var(--surface-raised) 76%, transparent);width:38px;height:38px;color:var(--ink-soft);border-radius:11px;place-items:center;display:grid}.inline-notice--sound .inline-notice__icon{color:var(--green)}.inline-notice--error .inline-notice__icon{color:var(--danger)}.inline-notice strong,.inline-notice p{margin:0;font-size:.79rem;line-height:1.4;display:block}.inline-notice p{color:var(--ink-soft);margin-top:1px;font-size:.74rem}.notice-action{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface-raised) 86%, transparent);min-height:44px;color:var(--ink);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:.75rem;font-weight:700;display:inline-flex}.notice-action:hover{background:var(--surface-raised)}.call-controls{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:14px;padding-top:20px;display:grid}.session-field{grid-template-columns:1fr;gap:6px;min-width:0;display:grid}.session-field>label{color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;font-size:.69rem;font-weight:750}.select-wrap{display:block;position:relative}.select-wrap select{appearance:none;border:1px solid var(--control-border);background:var(--surface-raised);width:100%;min-height:48px;color:var(--ink);cursor:pointer;border-radius:12px;padding:0 42px 0 13px;font-size:.88rem;font-weight:650}.select-wrap select:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.select-wrap select:disabled{opacity:.58}.select-wrap svg{pointer-events:none;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.session-field small{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;line-height:1.2;overflow:hidden}.control-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;display:flex}.control-actions .button--start{width:100%}.button{letter-spacing:-.01em;cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 20px;font-size:.84rem;font-weight:750;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.46}.button--start{background:var(--ink);min-width:min(100%,220px);box-shadow:0 8px 20px color-mix(in srgb, var(--ink) 18%, transparent);color:var(--surface-raised)}.button--start:hover{box-shadow:0 10px 25px color-mix(in srgb, var(--ink) 24%, transparent)}.button--round{border-color:var(--line-strong);background:var(--surface-raised);color:var(--ink)}.button--round[data-muted=true]{border-color:color-mix(in srgb, var(--accent) 30%, transparent);background:var(--accent-soft);color:var(--accent-ink)}.button--end{border-color:color-mix(in srgb, var(--danger) 16%, transparent);background:var(--danger-soft);color:var(--danger)}.privacy-note{color:var(--ink-faint);text-align:center;justify-content:center;align-items:center;gap:6px;margin:12px 0 0;font-size:.67rem;line-height:1.35;display:flex}.transcript-card{flex-direction:column;min-height:610px;max-height:calc(100dvh - 142px);display:flex;overflow:hidden}.transcript-card__header{border-bottom:1px solid var(--line);flex:none;padding:28px 28px 21px}.transcript-card__actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.transcript-card h2{letter-spacing:-.035em;margin-bottom:0;font-size:1.25rem;font-weight:680}.turn-count{background:var(--surface-soft);min-height:29px;color:var(--ink-soft);border-radius:999px;padding:4px 9px;font-size:.68rem;font-weight:700}.transcript-reset{border:1px solid var(--line-strong);min-height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:5px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.transcript-reset:hover:not(:disabled){border-color:color-mix(in srgb, var(--danger) 30%, var(--line));background:var(--danger-soft);color:var(--danger)}.transcript-reset-status{border-bottom:1px solid var(--line);background:var(--surface-soft);color:var(--ink-soft);margin:0;padding:10px 28px;font-size:.75rem;line-height:1.45}.transcript-reset-status--error{background:var(--danger-soft);color:var(--danger)}.transcript-list{overscroll-behavior:contain;scrollbar-color:var(--control-border) transparent;scrollbar-width:thin;flex:auto;min-height:0;padding:24px;overflow:auto}.transcript-list:focus-visible,.status-copy:focus-visible{outline:3px solid var(--accent-deep);outline-offset:-3px;border-radius:var(--radius-md)}.transcript-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:330px;padding:36px 18px;display:flex}.transcript-empty__icon{border:1px solid var(--line);background:var(--surface-soft);width:48px;height:48px;color:var(--ink-soft);border-radius:15px;place-items:center;margin-bottom:17px;display:grid}.transcript-empty p{color:var(--ink);margin-bottom:8px;font-size:.9rem;font-weight:680}.transcript-empty>span:last-child{max-width:250px;color:var(--ink-faint);font-size:.75rem;line-height:1.55}.transcript-turn{max-width:91%;margin:0 0 18px}.transcript-turn[data-role=user]{margin-left:auto}.transcript-turn__meta{color:var(--ink-faint);letter-spacing:.045em;text-transform:uppercase;align-items:center;gap:9px;margin:0 3px 6px;font-size:.65rem;font-weight:740;display:flex}.transcript-turn[data-role=user] .transcript-turn__meta{justify-content:flex-end}.transcript-turn>p{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);white-space:pre-wrap;border-radius:6px 16px 16px;margin-bottom:0;padding:12px 14px;font-size:.85rem;line-height:1.58}.transcript-turn[data-role=user]>p{border-color:color-mix(in srgb, var(--accent) 15%, transparent);background:var(--accent-soft);color:var(--accent-ink);border-radius:16px 6px 16px 16px}.streaming-label{color:var(--accent-deep);align-items:center;gap:4px;display:inline-flex}.streaming-label i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite live-blink}.thinking-dots{align-items:center;gap:4px;min-height:15px;display:inline-flex}.thinking-dots i{background:var(--ink-faint);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite dot-bounce}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}.site-footer{min-height:38px;color:var(--ink-faint);letter-spacing:.01em;justify-content:center;gap:8px;padding-top:13px;font-size:.64rem}.site-footer__credit{color:var(--ink-soft)}.site-footer__credit strong{color:var(--accent-deep);letter-spacing:.035em;font-weight:760}@keyframes ring-spin{to{transform:rotate(360deg)}}@keyframes orb-pulse{0%{opacity:.7;transform:scale(.9)}70%,to{opacity:0;transform:scale(1.1)}}@keyframes orb-breathe{50%{filter:saturate(.9);transform:scale(.96)}}@keyframes sound-wave{0%{transform:scaleY(.45)}to{transform:scaleY(1.05)}}@keyframes quiet-wave{0%{transform:scaleY(.38)}to{transform:scaleY(.58)}}@keyframes live-blink{50%{opacity:.28}}@keyframes dot-bounce{0%,65%,to{opacity:.42;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@media (max-width:980px){.app-grid{grid-template-columns:minmax(0,1fr)}.call-card,.transcript-card{min-height:auto}.transcript-card{max-height:640px}.transcript-list{min-height:330px}}@media (max-width:620px){.app-shell{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.site-header{margin-bottom:10px;padding:0 4px}.privacy-badge{justify-content:center;width:34px;height:34px;padding:0;font-size:0}.call-card,.transcript-card{border-radius:22px}.call-card{padding:22px 17px 18px}.call-card h1{font-size:1.72rem}.call-stage{min-height:270px;padding-top:30px}.voice-orb{width:146px}.status-copy{margin-top:24px}.inline-notice{grid-template-columns:auto minmax(0,1fr)}.notice-action{grid-column:1/-1;width:100%}.control-actions{width:100%;padding-bottom:0}.button--start,.control-actions .button{flex:1 1 0}.privacy-note{margin-top:16px;padding-inline:5px}.transcript-card__header{padding:22px 20px 17px}.transcript-card__actions{gap:6px}.transcript-list{min-height:300px;padding:20px 17px}.transcript-empty{min-height:260px}.site-footer{text-align:center;flex-wrap:wrap;padding-inline:12px}}@media (max-width:390px){.transcript-card__header{flex-direction:column;gap:12px}.transcript-card__actions{flex-wrap:wrap;width:100%}.transcript-reset{margin-left:auto}.transcript-reset-status{padding-inline:20px}.call-card__topline{align-items:flex-start}.connection-pill{padding-inline:8px;font-size:.66rem}.button{padding-inline:14px}}@media (prefers-color-scheme:dark){:root{--page:#111310;--page-wash:#c9532f1f;--surface:#1b1e1ae6;--surface-soft:#242821;--surface-raised:#2a2e27;--ink:#f1f1ea;--ink-soft:#b0b5aa;--ink-faint:#a8afa3;--line:#eef1e71a;--line-strong:#eef1e72b;--control-border:#858d82;--accent:#ec7951;--accent-deep:#f08b66;--accent-soft:#47291f;--accent-ink:#ffd8c8;--green:#73c89d;--green-soft:#19382a;--danger:#ee8c7b;--danger-soft:#462521;--shadow:0 28px 75px #00000052, 0 2px 5px #0003}.voice-orb__core{border-color:#ffffff3b}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
