:root{--bg:#eef3fb;--bg-deep:#e4ecf9;--navy:#0f1e3d;--navy-soft:#33415f;--muted:#64748b;--blue:#1d63f0;--blue-dark:#0d3fc4;--cyan:#35c7ee;--white:#ffffff;--danger:#d63b3b;--shadow:rgba(15,30,61,0.12)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:linear-gradient(180deg,var(--bg) 0,var(--bg-deep) 100%);color:var(--navy);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overscroll-behavior-y:contain;min-height:100dvh}button{font-family:inherit}.app{position:relative;max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:max(14px,env(safe-area-inset-top)) 20px calc(4px + env(safe-area-inset-bottom));isolation:isolate}.brand-header{gap:14px;padding:6px 44px 4px 0}.brand-badge,.brand-header{display:flex;align-items:center}.brand-badge{position:relative;flex-shrink:0;width:56px;height:56px;border-radius:50%;justify-content:center;font-size:24px;color:white;background:radial-gradient(circle at 32% 28%,#6fb4ff 0,var(--blue) 55%,var(--blue-dark) 100%);box-shadow:0 6px 16px rgba(13,63,196,.32),0 0 0 4px rgba(255,255,255,.55),0 0 22px 4px rgba(53,199,238,.35)}.brand-text{min-width:0}.brand-name{font-size:27px;font-weight:800;letter-spacing:-.01em;margin:0;line-height:1.1}.brand-name .brand-soho{color:var(--navy)}.brand-name .brand-voice{background:linear-gradient(90deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-tagline{color:var(--muted);font-size:12.5px;line-height:1.35;margin:3px 0 0}.settings-btn{position:absolute;top:max(14px,env(safe-area-inset-top));right:20px;width:40px;height:40px;background:white;border:none;border-radius:50%;font-size:17px;color:var(--navy-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--shadow)}.tabs{gap:4px;background:rgba(255,255,255,.75);border-radius:999px;padding:5px;margin:18px 0 16px;box-shadow:inset 0 0 0 1px rgba(15,30,61,.05),0 1px 3px var(--shadow)}.tab,.tabs{display:flex}.tab{flex:1 1;align-items:center;justify-content:center;gap:6px;border:none;background:transparent;padding:11px 12px;border-radius:999px;font-size:14.5px;font-weight:700;color:var(--navy-soft);cursor:pointer;transition:background .25s ease,color .25s ease,box-shadow .25s ease}.tab .tab-icon{font-size:15px;line-height:1}.tab.active{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:white;box-shadow:0 4px 12px rgba(13,63,196,.35)}.lang-pill{justify-content:space-between;gap:8px;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:10px 12px;margin:0 0 8px;box-shadow:0 4px 16px var(--shadow),inset 0 0 0 1px rgba(15,30,61,.04);font-weight:700;font-size:16px}.lang-chip,.lang-pill{display:flex;align-items:center}.lang-chip{gap:7px;padding:6px 8px;color:var(--navy);min-width:0}.lang-flag{font-size:19px;line-height:1}.lang-chevron{font-size:11px;color:var(--muted);margin-left:1px}.lang-pill select{border:none;background:transparent;font:inherit;font-weight:700;color:var(--navy);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;max-width:120px}.lang-swap{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:none;background:rgba(29,99,240,.08);color:var(--blue);font-size:15px}.lang-swap,.orb-stage{display:flex;align-items:center;justify-content:center}.orb-stage{flex:1 1;flex-direction:column;gap:14px;padding:8px 0;min-height:0}.orb-wrap{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center}.orb-halo{inset:-18px;background:radial-gradient(circle,rgba(53,199,238,.22),rgba(53,199,238,0) 70%)}.orb-halo,.orb-static-ring{position:absolute;border-radius:50%;pointer-events:none}.orb-static-ring{border:1px solid rgba(29,99,240,.14)}.orb-static-ring.r1{inset:6px}.orb-static-ring.r2{inset:-10px;border-color:rgba(29,99,240,.08)}.orb-ring{position:absolute;inset:6px;border-radius:50%;border:2px solid rgba(29,99,240,.25);opacity:0}.orb-wrap[data-state=listening] .orb-ring,.orb-wrap[data-state=recording] .orb-ring{animation:ring-pulse 1.8s ease-out infinite}.orb-wrap[data-state=speaking] .orb-ring{animation:ring-pulse .9s ease-out infinite;border-color:rgba(53,199,238,.35)}@keyframes ring-pulse{0%{transform:scale(.8);opacity:.85}to{transform:scale(1.28);opacity:0}}.orb{position:relative;width:232px;height:232px;border-radius:50%;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 36px;color:white;background:radial-gradient(circle at 32% 26%,#7db8ff 0,var(--blue) 42%,var(--blue-dark) 100%);box-shadow:0 18px 40px rgba(13,63,196,.38),inset 0 0 0 7px rgba(255,255,255,.09),inset 0 -18px 30px rgba(13,63,196,.25),inset 0 14px 26px rgba(255,255,255,.2);transition:transform .15s ease,box-shadow .2s ease}.orb:active{transform:scale(.97)}.orb-wrap[data-state=processing] .orb{animation:orb-breathe 1.1s ease-in-out infinite}.orb-wrap[data-state=recording] .orb{animation:orb-breathe .7s ease-in-out infinite}.orb-wrap[data-state=speaking] .orb{background:radial-gradient(circle at 32% 26%,#a6ecff 0,var(--cyan) 42%,var(--blue-dark) 100%);animation:orb-breathe .5s ease-in-out infinite}@keyframes orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.orb-icon{font-size:46px;line-height:1}.orb-label{font-size:19px;font-weight:800;letter-spacing:.02em;text-align:center;line-height:1.25}.orb-sublabel{font-size:13px;font-weight:500;opacity:.9;max-width:150px;text-align:center;line-height:1.3}.hint{color:var(--muted);font-size:14px;text-align:center;line-height:1.45;max-width:260px}.end-btn{border:2px solid var(--danger);color:var(--danger);background:white;border-radius:999px;padding:13px 28px;font-size:15px;font-weight:800;cursor:pointer;margin-top:2px}.message-banner{text-align:center;font-size:14px;font-weight:600;color:var(--danger);background:rgba(214,59,59,.08);border-radius:12px;padding:10px 14px;margin:4px 0}.trust-row{display:flex;justify-content:space-between;gap:6px;padding:6px 2px 0}.trust-item{flex:1 1;flex-direction:column;gap:6px;text-align:center;color:var(--muted);font-size:11.5px;line-height:1.35}.trust-icon,.trust-item{display:flex;align-items:center}.trust-icon{width:34px;height:34px;border-radius:50%;background:rgba(29,99,240,.07);color:var(--blue);font-size:15px;justify-content:center}.footer-note{text-align:center;color:var(--muted);font-size:12px;padding:14px 0 4px;position:relative;z-index:1}.footer-note strong{color:var(--navy-soft);font-weight:700}.wave-decoration{margin:6px -20px -4px;line-height:0;pointer-events:none}.summary{flex:1 1;flex-direction:column;gap:10px;text-align:center;padding:24px 0}.summary,.summary .check{display:flex;align-items:center;justify-content:center}.summary .check{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));font-size:30px;color:white;margin-bottom:6px}.summary h2{margin:0;font-size:22px}.summary .meta{color:var(--muted);font-size:15px;margin-bottom:14px}.summary-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px;margin-top:8px}.action-btn{border-radius:16px;padding:16px;font-size:16px;font-weight:700;border:none;cursor:pointer}.action-btn.primary{background:var(--navy);color:white}.action-btn.secondary{background:white;color:var(--navy);box-shadow:0 2px 10px var(--shadow)}.action-btn.destructive{background:transparent;color:var(--danger);font-weight:700}.transcript-modal-backdrop{position:fixed;inset:0;background:rgba(15,30,61,.5);display:flex;align-items:flex-end;justify-content:center;z-index:20}.transcript-modal{background:var(--bg);border-radius:22px 22px 0 0;padding:20px;max-width:480px;width:100%;max-height:82vh;display:flex;flex-direction:column}.transcript-modal h2{margin:0 0 12px}.transcript-list{overflow-y:auto;display:flex;flex-direction:column;gap:10px;flex:1 1;padding-bottom:8px}.transcript-entry{background:white;border-radius:14px;padding:12px 14px;box-shadow:0 1px 4px var(--shadow)}.transcript-entry .label{font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--blue);display:block;margin-bottom:3px}.transcript-entry .text{font-size:15px;line-height:1.4}.transcript-entry .time{font-size:11px;color:var(--muted);margin-top:4px}.vm-stage{flex:1 1;align-items:center;justify-content:center;gap:18px;padding:20px 0}.vm-result,.vm-stage{display:flex;flex-direction:column}.vm-result{width:100%;max-width:320px;gap:12px;margin-top:8px}.vm-transcript-preview{background:white;border-radius:16px;padding:14px 16px;box-shadow:0 2px 10px var(--shadow);font-size:14px;line-height:1.5}.vm-transcript-preview .label{font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--muted);display:block;margin-bottom:4px}.share-fallback{text-align:center;font-size:13px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(15,30,61,.5);display:flex;align-items:flex-end;justify-content:center;z-index:20}.modal{background:white;border-radius:20px 20px 0 0;padding:24px;max-width:480px;width:100%;max-height:80vh;overflow-y:auto}.modal h2{margin-top:0}.modal p{line-height:1.6;color:var(--navy-soft);font-size:15px}.modal-close{width:100%;padding:14px;border-radius:12px;border:none;background:var(--navy);color:white;font-weight:700;font-size:16px;cursor:pointer;margin-top:8px}