:root{--m-out:cubic-bezier(.23, 1, .32, 1);--m-in-out:cubic-bezier(.77, 0, .175, 1);--m-spring:var(--m-out);--m-pop:cubic-bezier(.34, 1.36, .64, 1);--m-bump:cubic-bezier(.34, 1.56, .64, 1);--m-press:.12s;--m-quick:.2s;--m-screen:.44s;--m-pop-ms:.5s}@supports (transition-timing-function:linear(0, 1)){:root{--m-spring:linear(0, .03, .102, .194, .293, .39, .48, .562, .634, .697, .75, .795, .833, .864, .89, .911, .929, .943, .954, .963, .971, .977, .981, .985, .988, .991, .993, .994, .995, .996, .997, .998, 1);--m-pop:linear(0, .027, .096, .189, .294, .402, .505, .601, .686, .76, .823, .874, .915, .948, .972, .99, 1.003, 1.011, 1.017, 1.019, 1.02, 1.019, 1.018, 1.016, 1.014, 1.012, 1.01, 1.008, 1.006, 1.005, 1.004, 1.003, 1);--m-bump:linear(0, .042, .145, .283, .433, .58, .714, .827, .918, .986, 1.034, 1.064, 1.079, 1.084, 1.08, 1.071, 1.06, 1.047, 1.035, 1.024, 1.014, 1.007, 1.001, .997, .995, .993, .993, .993, .994, .995, .996, .997, 1)}}html:has(.cf.stage){background:var(--cf-night,#061602)}html:has(.cf.stage) body{background:var(--cf-night,#061602)}html:has(.cf.stage[data-look=rel]){background:#0b0a0b}html:has(.cf.stage[data-look=rel]) body{background:#0b0a0b}.cf :is(.qq,.state,.agree,.live-q,.sub){text-wrap:pretty}.cf :is(.btn,.endbtn,.pill-cream,.iconbtn,.back,.link,.opt,.typectl,.linkq,.so-q-btn,.typelink,.ctl,.m-end,.m-voice),.m-press{transition:transform var(--m-press) var(--m-out), opacity var(--m-press) var(--m-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.cf :is(.btn,.endbtn,.pill-cream,.iconbtn,.back,.link,.opt,.typectl,.linkq,.so-q-btn,.typelink,.ctl,.m-end,.m-voice):not(:disabled):active,.m-press:not(:disabled):active,.m-pressed{opacity:.82;transform:scale(.97)}.m-screen{animation:m-in-fwd var(--m-screen) var(--m-spring) both}.m-screen[data-dir=back]{animation-name:m-in-back}.m-screen[data-dir=up]{animation-name:m-in-up}.m-screen[data-dir=fade]{animation:m-in-fade .28s var(--m-out) both}@keyframes m-in-fwd{0%{opacity:0;transform:translate(28px)}}@keyframes m-in-back{0%{opacity:0;transform:translate(-28px)}}@keyframes m-in-up{0%{opacity:0;transform:translateY(24px)scale(.985)}}@keyframes m-in-fade{0%{opacity:0;filter:blur(3px)}}.m-stagger>*{animation:m-in-up .38s var(--m-spring) both}.m-stagger>:nth-child(2){animation-delay:40ms}.m-stagger>:nth-child(3){animation-delay:80ms}.m-stagger>:nth-child(4){animation-delay:.12s}.m-stagger>:nth-child(n+5){animation-delay:.16s}.m-swap{animation:m-in-fade .24s var(--m-out) both}.m-pill{min-height:40px;font:600 16px/1 var(--cf-sans,system-ui, sans-serif);letter-spacing:.005em;white-space:nowrap;color:#fbf8f4;-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);animation:m-pop-in var(--m-pop-ms) var(--m-pop) both;background:#0a0c0a9e;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:13px;padding:0 16px 0 13px;display:inline-flex;box-shadow:0 8px 24px -12px #0009}.m-pill .m-dot{background:var(--m-c,#fbf8f4);width:10px;height:10px;transition:background-color var(--m-quick) var(--m-out);border-radius:50%;flex:none;position:relative}.m-pill .m-label{animation:m-in-fade .22s var(--m-out) both;display:inline-block}.m-pill .m-dot:after{content:"";border:2px solid var(--m-c,#fbf8f4);opacity:0;border-radius:50%;position:absolute;inset:-4px}.m-pill[data-kind=listening],.m-pill[data-kind=recording]{--m-c:var(--cf-clear-n,#8fc79a)}.m-pill[data-kind=recording]{--m-c:var(--cf-flag-n,#e27461)}.m-pill:is([data-kind=listening],[data-kind=recording]) .m-dot{transform:scale(calc(1 + var(--lv,0) * .4));transition:transform 90ms linear, background-color var(--m-quick) var(--m-out)}.m-pill:is([data-kind=listening],[data-kind=recording]) .m-dot:after{animation:m-ring 1.6s var(--m-out) infinite}.m-pill:is([data-kind=speaking],[data-kind=joining]){--m-c:#fbf8f4}.m-pill:is([data-kind=speaking],[data-kind=joining]) .m-dot{animation:1.2s ease-in-out infinite m-breathe}.m-pill:is([data-kind=thinking],[data-kind=saving],[data-kind=retrying]){--m-c:var(--cf-watch-n,#e3b55b)}.m-pill:is([data-kind=thinking],[data-kind=saving],[data-kind=retrying]) .m-dot{animation:1s ease-in-out infinite m-breathe}.m-pill[data-kind=saved]{--m-c:var(--cf-clear-n,#8fc79a);animation:m-bump-in var(--m-pop-ms) var(--m-bump) both}.m-pill[data-kind=saved] .m-dot{background:0 0;width:16px;height:16px}.m-pill[data-kind=saved] .m-dot:before{content:"";border:solid var(--m-c);border-width:0 2.5px 2.5px 0;width:5px;height:10px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.m-pill[data-kind=offline]{--m-c:var(--cf-flag-n,#e27461);background:#46120cc7;border-color:#e2746180}.m-pill[data-kind=idle] .m-dot{background:0 0;border:2px solid #fbf8f4b3}.m-pill.m-light{color:var(--cf-ink,#22281f);border-color:var(--cf-rule,#ddd7cc);background:#fefdfbdb;box-shadow:0 6px 18px -12px #22281f73}.m-dots{gap:3px;margin-left:1px;display:inline-flex}.m-dots i{opacity:.35;background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.1s ease-in-out infinite m-dot}.m-dots i:nth-child(2){animation-delay:.15s}.m-dots i:nth-child(3){animation-delay:.3s}@keyframes m-pop-in{0%{opacity:0;transform:translateY(-6px)scale(.94)}}@keyframes m-bump-in{0%{opacity:.4;transform:scale(.9)}}@keyframes m-ring{0%{opacity:.55;transform:scale(.6)}to{opacity:0;transform:scale(1.3)}}@keyframes m-breathe{50%{opacity:.45;transform:scale(.82)}}@keyframes m-dot{0%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.m-toaster{z-index:60;left:0;right:0;top:calc(10px + env(safe-area-inset-top,0px));pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.m-toast{pointer-events:auto;max-width:min(92vw,440px);transition:transform var(--m-quick) var(--m-in-out), opacity var(--m-quick) var(--m-out)}.m-toast .m-pill{white-space:normal;min-height:46px;padding:0 18px 0 15px;font-size:17px;line-height:1.25;animation:none}.m-toast[data-leaving]{opacity:0;transform:translateY(-130%)}.m-toast:not([data-leaving]){animation:m-toast-in var(--m-pop-ms) var(--m-pop) both}@keyframes m-toast-in{0%{opacity:0;transform:translateY(-130%)}}.m-progress{flex-direction:column;gap:9px;width:100%;display:flex}.m-progress .m-count{font:600 17px/1 var(--cf-sans,system-ui, sans-serif);color:inherit;font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;display:flex}.m-progress .m-count b{font:500 30px/1 var(--cf-serif,Georgia, serif);letter-spacing:-.01em}.m-progress .m-count span{opacity:.74}.m-progress .m-segs{gap:4px;height:6px;display:flex}.m-progress .m-segs i{background:color-mix(in srgb, currentColor 18%, transparent);border-radius:3px;flex:1;position:relative;overflow:hidden}.m-progress .m-segs i:after{content:"";border-radius:inherit;transform-origin:0;transition:transform var(--m-screen) var(--m-spring);background:currentColor;position:absolute;inset:0;transform:scaleX(0)}.m-progress .m-segs i[data-s=done]:after{transform:scaleX(1)}.m-progress .m-segs i[data-s=now]:after{animation:1.8s ease-in-out infinite m-now;transform:scaleX(1)}@keyframes m-now{50%{opacity:.55}}.m-progress .m-bar{background:color-mix(in srgb, currentColor 18%, transparent);border-radius:3px;height:6px;overflow:hidden}.m-progress .m-bar i{border-radius:inherit;transform-origin:0;height:100%;transition:transform var(--m-screen) var(--m-spring);background:currentColor;display:block}.m-top{z-index:2;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 0;justify-content:space-between;align-items:center;gap:12px;min-height:58px;display:flex;position:relative}.m-clock{font:600 16px/1 var(--cf-sans,system-ui, sans-serif);font-variant-numeric:tabular-nums;color:var(--cf-cream-2,#f2efeabd);align-items:center;gap:8px;display:inline-flex}.m-clock:before{content:"";background:var(--cf-flag-n,#e27461);border-radius:50%;width:9px;height:9px}.m-clock.off:before{background:0 0;border:2px solid}.m-progwrap{z-index:2;color:var(--cf-paper,#f2efea);padding:14px 20px 0;position:relative}.m-top>*,.cf.stage .bar>*{transition:filter var(--m-quick) var(--m-out)}html:has(.m-toast:not([data-leaving])) :is(.m-top,.cf.stage .bar)>*{filter:opacity(0);pointer-events:none}.m-skel{background:color-mix(in srgb, currentColor 12%, transparent);border-radius:10px;display:block;position:relative;overflow:hidden}.m-skel:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, currentColor 14%, transparent), transparent);animation:m-shimmer 1.4s var(--m-in-out) infinite;position:absolute;inset:0;transform:translate(-100%)}.cf .skel-q i,.cf .skel-btn{position:relative;overflow:hidden}.cf .skel-q i:after,.cf .skel-btn:after{content:"";animation:m-shimmer 1.4s var(--m-in-out) infinite;background:linear-gradient(90deg,#0000,#f2efea29,#0000);position:absolute;inset:0;transform:translate(-100%)}@keyframes m-shimmer{to{transform:translate(100%)}}.m-bump{animation:m-bump-in .42s var(--m-bump) both}.m-nudge{animation:m-nudge .36s var(--m-out) both}@keyframes m-nudge{20%{transform:translate(-6px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}to{transform:none}}@media (prefers-reduced-motion:reduce){.m-screen,.m-screen[data-dir],.m-stagger>*,.m-swap,.m-pill,.m-pill[data-kind=saved],.m-pill .m-label,.m-toast:not([data-leaving]),.m-bump{animation:.15s linear both m-in-fade-flat!important}.m-pill .m-dot,.m-pill .m-dot:after,.m-dots i,.m-progress .m-segs i:after,.m-nudge,.m-skel:after,.cf .skel-q i:after,.cf .skel-btn:after{transition:none!important;animation:none!important}.m-pill:is([data-kind=listening],[data-kind=recording]) .m-dot{transform:none}.m-toast{transition:opacity .15s linear}.m-toast[data-leaving],.cf :is(.btn,.endbtn,.pill-cream,.iconbtn,.back,.link,.opt,.typectl,.linkq,.so-q-btn,.typelink,.ctl,.m-end,.m-voice):not(:disabled):active,.m-press:not(:disabled):active,.m-pressed{transform:none}}@keyframes m-in-fade-flat{0%{opacity:0}}@media (prefers-reduced-transparency:reduce){.m-pill{-webkit-backdrop-filter:none;backdrop-filter:none;background:#141614}}.cf.stage>.so-q{z-index:6;top:calc(17px + env(safe-area-inset-top,0px));padding:0;position:absolute;right:12px}.cf.stage>.so-q .so-q-btn,.m-end,.m-voice{min-height:36px;color:var(--cf-paper,#f2efea);font:600 14px/1 var(--cf-sans,system-ui, sans-serif);white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0a8c;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:7px;padding:0 12px;text-decoration:none;display:inline-flex}.cf.stage:has(>.so-q) .m-top{padding-right:104px}html:has(.m-toast:not([data-leaving])) .cf.stage>.so-q{filter:opacity(0);pointer-events:none}.m-top .m-end{margin-left:auto}.m-end:before{content:"";background:var(--cf-flag-n,#e27461);border-radius:2px;width:9px;height:9px}.m-end:disabled{opacity:.4}.m-progwrap .m-voice{position:absolute;top:10px;right:20px}.m-voice svg{width:17px;height:17px}.m-voice[aria-pressed=false]{color:var(--cf-cream-2,#f2efeabd);border-style:dashed}.ctl-row{grid-template-columns:1fr 1.2fr 1.2fr 1fr;gap:8px;width:100%;max-width:520px;margin:0 auto;display:grid}.ctl{white-space:nowrap;min-height:66px;color:var(--cf-paper,#f2efea);font:600 14px/1.1 var(--cf-sans,system-ui, sans-serif);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0a9e;border:1px solid #fff3;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 2px;display:flex}.ctl svg{width:22px;height:22px}.ctl.primary{color:#0b0a0b;background:#f1dce2;border-color:#f1dce2;font-size:16px}.cf:not([data-look=rel]) .ctl.primary{background:var(--cf-sheet,#fefdfb);border-color:var(--cf-sheet,#fefdfb);color:var(--cf-night,#061602)}.ctl:disabled{opacity:.3;cursor:default}.cf .meter.wave{color:#f2efea66;height:56px;transition:color var(--m-quick) var(--m-out);align-items:center;gap:3px;margin-top:18px;display:flex}.cf .meter.wave i{will-change:transform;background:currentColor;border-radius:3px;flex:1;height:100%;transform:scaleY(.06)}.cf .meter.wave[data-zone=good]{color:var(--cf-paper,#f2efea)}.cf .meter.wave[data-zone=loud]{color:var(--cf-flag-n,#e27461)}.cf .wave-hint{min-height:18px;font:600 14px/18px var(--cf-sans,system-ui, sans-serif);color:var(--cf-flag-n,#e27461);text-align:center;margin-top:6px;display:block}.cf .iv-meter.slim .meter.wave{height:26px;margin-top:0}.cf .iv-meter.slim .wave-hint{display:none}@media (prefers-reduced-motion:reduce){.ctl:not(:disabled):active,.m-end:not(:disabled):active,.m-voice:active{transform:none}}
