:root{--ink: #14241f;--ink-soft: #3d534c;--muted: #6b7d76;--paper: #e8f0ec;--paper-deep: #d5e4dc;--surface: rgba(255, 255, 255, .55);--line: rgba(20, 36, 31, .1);--teal: #1f7a5c;--teal-deep: #145244;--teal-bright: #2ea87a;--amber: #c4891b;--danger: #b33a3a;--danger-soft: #f7e4e4;--radius: 18px;--font-display: "Fraunces", Georgia, serif;--font-ui: "Manrope", "Segoe UI", sans-serif;--safe-top: max(12px, env(safe-area-inset-top));--safe-bottom: max(20px, env(safe-area-inset-bottom));color:var(--ink);background:var(--paper);font-family:var(--font-ui);font-synthesis:none;line-height:1.45;font-weight:600}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(120% 80% at 10% -10%,#f7fff9 0%,transparent 55%),radial-gradient(90% 70% at 100% 0%,#cfe6da 0%,transparent 50%),radial-gradient(70% 50% at 50% 110%,#dceee5 0%,transparent 55%),linear-gradient(180deg,#eef6f1 0%,var(--paper) 45%,#dce8e1 100%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:0}#root{position:relative;z-index:1}button,input,select{font:inherit}button,select,input{min-height:48px}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.loading,.login-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.loading{font-family:var(--font-display);font-size:1.4rem;color:var(--ink-soft);animation:fade-in .48s ease both}.login-page{width:100%}.login-shell{width:min(100%,420px);text-align:center;animation:rise-in .56s cubic-bezier(.22,1,.36,1) both}.login-shell .brand{font-family:var(--font-display);font-size:clamp(2.6rem,9vw,3.4rem);font-weight:650;letter-spacing:-.03em;margin:0 0 8px;color:var(--ink)}.login-shell .lede{margin:0 0 28px;color:var(--muted);font-weight:500}.login-shell form{display:grid;gap:10px;text-align:left}.login-shell label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:800}.login-shell input{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#ffffffb8;color:var(--ink);backdrop-filter:blur(8px)}.login-shell .primary{width:100%;margin-top:8px}.app-shell{width:min(100% - 28px,720px);margin:0 auto;min-height:100vh;min-height:100dvh;padding:var(--safe-top) 0 var(--safe-bottom);display:grid;grid-template-rows:auto 1fr auto auto;gap:8px;animation:fade-in .42s ease both}.app-header{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px}.app-header .brand-row{display:flex;align-items:center;gap:12px;min-width:0}.app-header .brand{font-family:var(--font-display);font-size:clamp(1.55rem,5vw,1.9rem);font-weight:650;letter-spacing:-.03em;margin:0;line-height:1}.text-button{min-height:44px;border:none;background:transparent;color:var(--ink-soft);font-weight:700;padding:8px 10px}.text-button:hover:not(:disabled){color:var(--ink)}.status-dot{width:10px;height:10px;border-radius:50%;background:#8a9791;flex-shrink:0}.status-dot.connected{background:var(--teal-bright)}.status-dot.connecting,.status-dot.reconnecting{background:var(--amber)}.status-dot.error{background:var(--danger)}.notice,.global-error{border:1px solid rgba(196,137,27,.35);border-radius:14px;background:#fff6dfe6;padding:12px 16px;margin:0 0 8px;color:#6a4a0c;font-weight:600}.global-error{position:fixed;z-index:4;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(92vw,480px)}.stage{display:grid;align-content:center;justify-items:center;gap:8px;min-height:min(52vh,420px);padding:8px 0 4px}.voice-orb-stage{position:relative;width:min(72vw,280px);aspect-ratio:1;display:grid;place-items:center}.voice-orb-rings{position:absolute;inset:0;display:grid;place-items:center}.ring{position:absolute;border-radius:50%;border:1px solid rgba(31,122,92,.18);width:72%;height:72%;opacity:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.voice-orb{position:relative;width:58%;aspect-ratio:1;border-radius:50%;transform:scale(var(--orb-scale, 1));transition:transform 90ms linear;z-index:1}.voice-orb-core{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.55),transparent 42%),radial-gradient(circle at 50% 55%,var(--teal-bright),var(--teal-deep) 70%);box-shadow:0 18px 40px #14524438,inset 0 -10px 24px #0a28202e}.voice-orb-sheen{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),transparent 60%);pointer-events:none}.voice-orb-status{position:absolute;bottom:-2.4rem;left:50%;transform:translate(-50%);margin:0;white-space:nowrap;font-family:var(--font-display);font-size:clamp(1.35rem,4.5vw,1.75rem);font-weight:650;letter-spacing:-.02em;color:var(--ink)}.mode-idle .voice-orb-core,.mode-ready .voice-orb-core{animation:orb-breathe 3.6s ease-in-out infinite}.mode-listening .voice-orb-core{animation:orb-listen 1.8s ease-in-out infinite}.mode-listening .ring-a{opacity:calc(.25 + var(--orb-energy, 0) * .55);width:calc(78% + var(--orb-energy, 0) * 18%);height:calc(78% + var(--orb-energy, 0) * 18%);border-color:rgba(46,168,122,calc(.2 + var(--orb-energy, 0) * .45))}.mode-thinking .voice-orb-rings{animation:orb-spin 8s linear infinite}.mode-thinking .ring{opacity:.45;border-style:dashed}.mode-thinking .ring-a{width:84%;height:84%}.mode-thinking .ring-b{width:96%;height:96%;opacity:.28}.mode-thinking .voice-orb-core{animation:orb-think 1.4s ease-in-out infinite}.mode-speaking .ring{opacity:.7;animation:orb-ripple 1.6s ease-out infinite}.mode-speaking .ring-b{animation-delay:.35s}.mode-speaking .ring-c{animation-delay:.7s}.mode-speaking .voice-orb-core{animation:orb-speak .9s ease-in-out infinite}.controls{display:grid;gap:10px;width:min(100%,420px);margin:2.6rem auto 0;justify-self:center}.provider-row{display:grid;gap:6px}.provider-row label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800}.provider-row select{width:100%;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:var(--surface);color:var(--ink-soft);backdrop-filter:blur(8px)}.primary-actions button{width:100%;min-height:56px;font-size:1.05rem}.voice-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hold-to-talk{width:100%;min-height:56px;border-style:dashed;user-select:none}button{border:1px solid var(--line);border-radius:14px;background:#ffffffb3;color:var(--ink);font-weight:750;padding:10px 16px;backdrop-filter:blur(8px);transition:background .16s ease,transform .16s ease}button:hover:not(:disabled){background:#ffffffeb}button:active:not(:disabled){transform:translateY(1px)}button.primary{border-color:var(--teal-deep);background:var(--teal-deep);color:#f4fbf7}button.primary:hover:not(:disabled){background:var(--teal)}button.danger{border-color:#b33a3a59;background:var(--danger-soft);color:var(--danger)}button.muted{background:#fff4d8;border-color:#c4891b66;color:#744c06}.error{color:var(--danger)!important;margin:4px 0 0!important;font-weight:700;text-align:center}.transcript-panel{margin-top:8px;padding-top:14px;border-top:1px solid var(--line);min-height:0}.transcript-panel .section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.transcript-panel h2{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:650}.transcript-panel .count{color:var(--muted);font-size:.78rem;font-weight:700}.transcript{max-height:28vh;overflow:auto;scrollbar-gutter:stable;padding-right:4px}.transcript article{padding:10px 0;border-bottom:1px solid rgba(20,36,31,.06);animation:rise-in .32s ease both}.transcript article>span{display:block;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}.transcript article p{margin:0;font-weight:600;color:var(--ink)}.transcript article.assistant p{color:var(--teal-deep)}.typing{color:var(--teal-bright)}.empty{color:var(--muted);margin:8px 0 4px;font-weight:500}.pwa-note{color:var(--muted);font-size:.78rem;text-align:center;margin:8px 0 0;font-weight:500}@keyframes orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes orb-listen{0%,to{filter:saturate(1)}50%{filter:saturate(1.15)}}@keyframes orb-think{0%,to{transform:scale(.98);opacity:.92}50%{transform:scale(1.04);opacity:1}}@keyframes orb-speak{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes orb-ripple{0%{transform:scale(.85);opacity:.55}to{transform:scale(1.35);opacity:0}}@keyframes orb-spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:560px){.app-shell{width:min(100% - 20px,720px);gap:6px}.voice-actions{grid-template-columns:1fr}.stage{min-height:min(46vh,360px)}.voice-orb-stage{width:min(78vw,240px)}.transcript{max-height:24vh}.controls{margin-top:2.2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.voice-orb{transition:none}}:root{--ink: #17211e;--ink-soft: #4c5c56;--muted: #77857f;--paper: #f4f7f5;--paper-deep: #e7eeea;--surface: #ffffff;--line: rgba(23, 33, 30, .11);--teal: #176f54;--teal-deep: #105540;--teal-bright: #2aa87b;--font-display: "Manrope", "Segoe UI", sans-serif;font-weight:500}body{background:var(--paper)}body:before{opacity:.025}.pulse-shell{width:min(100% - 32px,760px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:var(--safe-top) 0 var(--safe-bottom);display:grid;grid-template-rows:auto minmax(330px,1fr) auto auto;gap:14px;animation:fade-in .36s ease both}.pulse-header{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:18px}.pulse-brand,.header-actions{display:flex;align-items:center}.pulse-brand{gap:10px}.pulse-brand h1{margin:0;font-size:1.05rem;line-height:1;font-weight:760;letter-spacing:-.025em}.header-actions{gap:4px}.provider-compact select{min-height:40px;max-width:128px;border:0;border-radius:10px;padding:6px 28px 6px 10px;background-color:transparent;color:var(--muted);font-size:.78rem;font-weight:650;text-align:right}.provider-compact select:hover:not(:disabled){background-color:var(--paper-deep);color:var(--ink)}.icon-button{width:40px;min-height:40px;padding:9px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted)}.icon-button svg,.mic-button svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pulse-stage{min-height:0;padding:12px 0 0;display:grid;align-content:center;justify-items:center}.pulse-stage .voice-orb-stage{width:min(66vw,300px)}.pulse-stage .voice-orb-rings{border:1px solid rgba(31,122,92,.1);border-radius:50%;transform:scale(.9)}.pulse-stage .voice-orb{width:64%}.pulse-stage .voice-orb-core{background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.7),transparent 36%),radial-gradient(circle at 50% 58%,var(--teal-bright),var(--teal-deep) 72%);box-shadow:0 20px 55px #1055402e}.pulse-stage .voice-orb-status{bottom:-2.65rem;font-family:var(--font-ui);font-size:clamp(1.25rem,4.5vw,1.65rem);font-weight:690}.status-hint{margin:38px 0 0;color:var(--muted);font-size:.8rem;font-weight:520;text-align:center}.pulse-controls{width:min(100%,430px);margin:0 auto;display:grid;gap:9px}.pulse-dock{min-height:72px;padding:7px 10px;border:1px solid var(--line);border-radius:24px;background:#ffffffdb;display:grid;grid-template-columns:1fr 76px 1fr;align-items:center}.dock-action{min-height:48px;padding:8px;border:0;background:transparent;color:var(--ink-soft);font-size:.75rem;font-weight:650}.dock-action:hover:not(:disabled){background:var(--paper-deep)}.end-action:not(:disabled){color:var(--danger)}.mic-button{width:62px;min-height:62px;margin:0 auto;padding:18px;border:1px solid var(--teal-deep);border-radius:50%;background:var(--teal-deep);color:#f7fffb;display:grid;place-items:center;transition:transform .16s ease,background .16s ease}.mic-button:hover:not(:disabled){background:var(--teal);transform:scale(1.035)}.mic-button.active{box-shadow:0 0 0 6px #2aa87b17}.mic-button.muted{border-color:var(--amber);background:var(--amber)}.hold-to-talk,.stop-speaking{width:100%;min-height:46px;border-radius:15px}.stop-speaking{border:0;background:transparent;color:var(--ink-soft);font-size:.78rem}.transcript-panel{width:min(100%,560px);margin:0 auto;min-height:0;padding-top:0;border-top:1px solid var(--line)}.transcript-panel summary{min-height:48px;padding:12px 4px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink-soft);cursor:pointer;list-style:none;font-size:.8rem;font-weight:650}.transcript-panel summary::-webkit-details-marker{display:none}.transcript-panel summary:after{content:"+";margin-left:4px;color:var(--muted);font-size:1.1rem;font-weight:400}.transcript-panel[open] summary:after{content:"−"}.transcript-panel summary .count{margin-left:auto;font-size:.7rem;color:var(--muted)}.transcript-panel .transcript{max-height:32vh;padding:0 4px 10px}.notice{width:min(100%,560px);margin:0 auto}@media(max-width:560px){.pulse-shell{width:min(100% - 24px,760px);grid-template-rows:auto minmax(300px,1fr) auto auto;gap:8px}.pulse-stage{padding-top:0}.pulse-stage .voice-orb-stage{width:min(72vw,260px)}.pulse-dock{border-radius:22px}}@media(max-height:720px){.pulse-shell{grid-template-rows:auto minmax(250px,1fr) auto auto}.pulse-stage .voice-orb-stage{width:min(52vh,230px)}}