.ui .room{--chip-pad:16px;--room-toolbar-top:calc(var(--header-h) + env(safe-area-inset-top));isolation:isolate;min-height:calc(100dvh - var(--room-toolbar-top));flex-direction:column;display:flex;position:relative}.ui .room__identity{width:min(100% - 2 * max(var(--gutter), env(safe-area-inset-left,0px), env(safe-area-inset-right,0px)), var(--content-task));color:var(--ui-ink-2);font:550 1rem / 1.4 var(--font-body);align-items:center;gap:12px;margin:12px auto 0;display:flex}.ui .room__identity-name{color:inherit;font:inherit;letter-spacing:inherit;margin:0}.ui .room__symbol{box-sizing:border-box;background:var(--room-tile);width:48px;height:48px;transition:background-color .16s var(--ui-ease-std);border-radius:12px;flex:0 0 48px;padding:12px;display:block}.ui .room__symbol>.swap,.ui .room__symbol .swap__in,.ui .room__symbol .swap__out{height:100%}.ui .room__bar{z-index:2;padding:12px max(calc(var(--gutter) - var(--chip-pad)), calc((100% - var(--content-task)) / 2 - var(--chip-pad)), env(safe-area-inset-right)) 12px max(calc(var(--gutter) - var(--chip-pad)), calc((100% - var(--content-task)) / 2 - var(--chip-pad)), env(safe-area-inset-left));flex-wrap:wrap;flex:none;align-items:center;gap:8px;display:flex;position:relative}.ui .room__chip{max-width:100%;min-height:44px;padding:12px var(--chip-pad);color:var(--ui-ink);font:500 .9375rem / 1.25 var(--font-body);cursor:pointer;overflow-wrap:anywhere;box-shadow:none;transition:transform .24s var(--ui-ease), background-color .16s var(--ui-ease-std);background:0 0;border:0;border-radius:22px;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.ui .room__chip:active:not(:disabled){transform:scale(.97)}.ui .room__chip:focus-visible{outline:2px solid var(--ui-ink);outline-offset:2px}.ui .room__chip:disabled{opacity:.6;cursor:progress}.ui .room__chip--end{margin-inline-start:auto}.ui .room__chip--end .control-label>span{justify-content:flex-end}.ui .room__chip.room__chip--quiet:is(a,button){box-shadow:none;color:var(--ui-mint-ink);padding-inline:var(--chip-pad);background:0 0}.ui .room__chip.room__chip--quiet:is(a,button):hover:not(:disabled){background:var(--ui-tint)}.ui .room__chip-dot{background:var(--room-dot);border-radius:50%;flex:none;width:9px;height:9px}@media (hover:hover) and (pointer:fine){.ui .room__chip:is(a,button):hover:not(:disabled){background:var(--ui-surface)}}.ui .room__sheet{background:var(--ui-canvas);padding:24px 0 calc(56px + env(safe-area-inset-bottom));box-shadow:none;border-radius:0;flex:1 0 auto;margin-top:0;position:relative}.ui .room__inner{width:min(100% - 2 * max(var(--gutter), env(safe-area-inset-left,0px), env(safe-area-inset-right,0px)), var(--content-task));gap:24px;margin:0 auto;display:grid}.ui .room__inner>*{min-width:0}@media (width<=359px){.ui .room{--chip-pad:12px}.ui .room__bar{gap:4px}}.ui .room__title{color:var(--ui-ink);font:650 clamp(1.875rem, 4.2vw, 2.625rem) / 1.14 var(--font-body);letter-spacing:-.026em;text-wrap:balance;animation:room-words var(--motion-enter) var(--ui-ease) backwards;margin:0}@keyframes room-rise{0%{opacity:0}}@keyframes room-words{0%{opacity:0;filter:blur(2px);transform:translateY(4px)}}html[data-animations=off] .ui .room__title{animation:none}html[data-animations=off] .ui .room__chip{transition:none}.ui .room-main{width:100%;max-width:none;margin:0;padding:0;display:block}.ui .room[data-room=speak]{--room-1:var(--room-speak-wash-1);--room-2:var(--room-speak-wash-2);--room-3:var(--room-speak-wash-3);--room-4:var(--room-speak-wash-4);--room-ink:var(--ui-cocoa);--room-soft:var(--room-speak-soft);--room-dot:var(--room-speak-dot);--room-mark:var(--room-speak-mark)}.ui .chips{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:0;padding:0;display:flex}.ui .chip{isolation:isolate;cursor:pointer;background:var(--ui-surface);min-height:54px;box-shadow:inset 0 0 0 1px var(--ui-hair);color:var(--ui-ink);font:500 1.0625rem / 1 var(--font-body);-webkit-tap-highlight-color:transparent;transition:transform .14s var(--ui-ease);border-radius:27px;align-items:center;padding:0 24px;display:inline-flex;position:relative}.ui .chip input{z-index:2;opacity:0;cursor:pointer;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.ui .chip__fill{z-index:-1;border-radius:inherit;background:var(--ui-ink);opacity:0;position:absolute;inset:0}.ui .chip:has(input:checked){color:var(--ui-surface-warm);box-shadow:none}.ui .chip:has(input:checked) .chip__fill{opacity:1}.ui .chip:active{transform:scale(.975)}.ui .chip:has(input:focus-visible){outline:2px solid var(--ui-mint);outline-offset:3px}@media (hover:hover) and (pointer:fine){.ui .chip:not(:has(input:checked)):hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ui-ink) 22%, transparent)}}.ui .chips{isolation:isolate;position:relative}.ui .chip__label{z-index:2;position:relative}.ui .chips[data-glider] .chip{isolation:auto}.ui .chips[data-glider] .chip:has(input:checked){color:var(--ui-ink)}.ui .chips[data-glider] .chip__fill{display:none}.ui .chips[data-glider] .chip:has(input:checked):active{transform:none}@media (forced-colors:active){.ui .chips[data-glider] .chip__fill{display:block}.ui .chips[data-glider] .chip:has(input:checked){color:var(--ui-surface-warm)}}.ui .room__promise{min-height:1.5em;color:var(--ui-ink-2);font:400 1.125rem / 1.45 var(--font-body);text-wrap:balance;animation:room-rise var(--motion-enter) var(--ui-ease) backwards;margin:0}.ui .room__foot{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.ui .speak-form .room__foot{justify-content:space-between}.ui .room__foot,.ui .speak-answer__row{z-index:4;margin-inline:calc(-1 * var(--gutter));padding:16px var(--gutter) calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top, var(--ui-canvas) calc(100% - 16px), transparent);position:sticky;bottom:0}.ui .room :is(.mode-error,.conversation-error,.guided-failed){z-index:35;top:calc(var(--header-h) + env(safe-area-inset-top,0px) + 76px);border:2px solid var(--ui-danger);background:var(--ui-surface);width:auto;max-height:none;color:var(--ui-danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--ui-danger) 10%, transparent);font:500 .9375rem / 1.45 var(--font-body);border-radius:12px;margin:0;padding:12px 16px;position:sticky}.ui .room :is(.mode-error,.conversation-error,.guided-failed) p{margin:0}.ui .room .microphone-error__actions{flex-wrap:wrap;gap:8px 18px;margin-top:10px;display:flex}.ui .room .microphone-error__actions button{min-height:44px;color:var(--room-ink,var(--ui-ink));font:600 .875rem / 1 var(--font-body);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0}.ui .room .microphone-error__actions button:focus-visible{outline:2px solid var(--room-ink,var(--ui-ink));outline-offset:3px}.ui .room :is(.mode-error,.conversation-error,.guided-failed) .text-button{color:inherit}.ui .room__foot .comm-quota{margin-right:auto}.ui .seg{isolation:isolate;background:var(--ui-tint-2);border:0;border-radius:14px;grid-template-columns:repeat(2,1fr);gap:4px;min-width:0;margin:0;padding:4px;display:inline-grid;position:relative}.ui .seg:before{content:"";z-index:-1;background:var(--ui-surface);width:calc(50% - 6px);height:calc(100% - 8px);box-shadow:0 1px 3px color-mix(in srgb, var(--ui-ink) 14%, transparent);transition:transform var(--motion-open) var(--ui-ease);border-radius:10px;position:absolute;top:4px;left:4px}.ui .seg:has(.seg__opt:nth-of-type(2) input:checked):before{transform:translate(calc(100% + 4px))}html[data-animations=off] .ui .seg:before,html[data-input=keyboard] .ui .seg:before{transition:none}.ui .seg:has(input:focus-visible):before{transition:none}.ui .seg__opt{isolation:isolate;min-width:92px;min-height:48px;color:var(--ui-ink-2);font:500 .9375rem / 1.2 var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .16s var(--ui-ease-std,cubic-bezier(.4, 0, .2, 1));border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative}.ui .speak-form .seg__opt{min-height:44px}.ui .seg__opt input{z-index:2;opacity:0;width:100%;height:100%;cursor:inherit;appearance:none;margin:0;position:absolute;inset:0}.ui .seg__opt svg{flex:none}.ui .seg__fill{z-index:-1;border-radius:inherit;background:var(--ui-surface);opacity:0;pointer-events:none;transition:opacity .16s var(--ui-ease-std);position:absolute;inset:0}.ui .seg__opt:has(input:checked){color:var(--ui-ink)}.ui .seg__opt:has(input:disabled){opacity:.4;cursor:default}.ui .seg__opt:has(input:focus-visible){outline:2px solid var(--ui-mint);outline-offset:2px}@media (hover:hover) and (pointer:fine){.ui .seg__opt:has(input:enabled):hover{color:var(--ui-ink)}.ui .seg__opt:not(:has(input:checked,input:disabled)):hover .seg__fill{opacity:.55}}@media (forced-colors:active){.ui .seg:before{border:2px solid canvastext}.ui .seg__fill{display:none}.ui .chip{border:1px solid buttontext}.ui .chip:has(input:checked){border:3px solid highlight;padding-inline:22px}}.ui .room__go,.ui .btn-tonal{min-height:var(--btn-h);border-radius:var(--btn-radius);cursor:pointer;background:var(--ui-mint);color:var(--ui-on-action);font:var(--btn-font);letter-spacing:-.008em;text-align:center;-webkit-tap-highlight-color:transparent;transition:transform .14s var(--ui-ease), background-color .18s var(--ui-ease-std), color .18s var(--ui-ease-std);border:0;justify-content:center;align-items:center;gap:8px;padding:10px 28px;text-decoration:none;display:inline-flex}.ui .btn-tonal{background:var(--ui-mint-soft);color:var(--ui-mint-ink)}.ui :is(.room__go,.btn-tonal):active:not(:disabled){transform:scale(.97)}.ui :is(.room__go,.btn-tonal):focus-visible{outline:2px solid var(--ui-mint);outline-offset:3px}.ui :is(.room__go,.btn-tonal):disabled{background:var(--ui-tint-2);color:var(--ui-ink-3);cursor:default}@media (hover:hover) and (pointer:fine){.ui .room__go:hover:not(:disabled){background:var(--ui-mint-hover)}.ui .btn-tonal:hover:not(:disabled){background:var(--ui-mint-soft-2)}}html[data-animations=off] .ui .btn-tonal{transition:none}html[data-animations=off] .ui .btn-tonal:active{transform:none}@media (forced-colors:active){.ui :is(.room__go,.btn-tonal){border:1px solid buttontext}}.ui .room-field{gap:8px;display:grid}.ui .room-field textarea{width:100%;min-height:max(132px, var(--room-placeholder-height,0px));border:1px solid var(--ui-hair-2);box-sizing:border-box;resize:none;background:var(--ui-surface);max-height:60dvh;color:var(--ui-ink);font:400 1.25rem / 1.45 var(--font-body);field-sizing:content;border-radius:12px;padding:20px 22px;transition:none;display:block}.ui .room-field--short textarea{min-height:max(84px, var(--room-placeholder-height,0px));font-size:clamp(1.125rem,2.6vw,1.3125rem)}.ui .room-field textarea:placeholder-shown{max-height:none}.ui .room-field textarea::placeholder{color:var(--ui-ink-2);opacity:1;font-style:normal}.ui .room-field textarea:focus-visible{outline:2px solid var(--room-ink);outline-offset:2px}.ui .room-field__count[data-over]{color:var(--ui-danger);text-align:left;font-weight:500}.ui .room-field__count{color:var(--ui-ink-3);font:400 .8125rem / 1.3 var(--font-body);text-align:right;margin:0}.ui .room-legend{color:var(--ui-ink-2);font:500 1.0625rem / 1.4 var(--font-body);margin:0 0 12px;padding:0}.ui .room-fieldset{border:0;gap:clamp(22px,4vh,34px);min-width:0;margin:0;padding:0;display:grid}.ui .room-fieldset>*{min-width:0}.ui .room-fieldset>.room__foot,.ui .speak-form .room__foot{position:static}.ui .room-examples{margin-top:-12px}.ui .room-examples>summary{width:fit-content;min-height:44px;color:var(--ui-ink-2);font:500 1rem / 1.4 var(--font-body);cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.ui .room-examples>summary::-webkit-details-marker{display:none}.ui .room-examples>summary:focus-visible{outline:2px solid var(--room-ink);outline-offset:3px;border-radius:4px}.ui .room-examples[open]>summary svg{transform:rotate(180deg)}.ui .room-examples>summary svg{transition:transform .2s var(--ui-ease)}html[data-input=keyboard] .ui .room-examples>summary svg,html[data-animations=off] .ui .room-examples>summary svg{transition:none}.ui .room .mode-note{background:var(--room-soft);color:var(--room-ink);border-radius:6px 22px 22px}.ui .room .mode-link{color:var(--room-ink)}@media (hover:hover) and (pointer:fine){.ui .room .mode-link:hover{background:var(--ui-tint-2)}}.ui .room[data-compact=all] .room__sheet{padding-top:24px;padding-bottom:calc(32px + env(safe-area-inset-bottom))}.ui .room[data-compact=all] .room__inner{gap:24px}:is(.ui .room .room__sheet:has(>.room__inner>:last-child :is(.room__foot,.speak-answer__row)),.ui .room .room__sheet:has(>.room__inner>:last-child:is(.room__foot,.speak-answer__row))){padding-bottom:24px}@media (width<=700px){.ui .room__sheet,.ui .room[data-compact=phone] .room__sheet{padding-top:24px}.ui .chip{min-height:48px;padding:0 20px;font-size:1rem}.ui .room__foot{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.ui .room__foot .comm-quota{order:-1;grid-column:1/-1}.ui .room__foot:not(:has(.seg)) .room__go{grid-column:1/-1}.ui .room__foot .room__go{width:100%}}.ui .seg{justify-self:start}.ui .room__sentinel{pointer-events:none;width:1px;height:1px;position:absolute;top:90px;left:0}.ui .room[data-sticky] .room__bar{top:var(--room-toolbar-top);z-index:5;isolation:isolate;background:var(--ui-canvas);position:sticky}.ui .room[data-sticky] .room__bar:before{content:"";z-index:-1;pointer-events:none;opacity:0;transition:opacity .22s var(--ui-ease-std);background:linear-gradient(var(--ui-canvas) 72%, transparent);position:absolute;inset:0 0 -12px}.ui .room[data-sticky][data-stuck] .room__bar:before{opacity:1}.ui .room[data-sticky] .room__bar:after{content:"";z-index:-1;background:var(--ui-canvas);pointer-events:none;height:16px;position:absolute;bottom:100%;left:0;right:0}.ui .room :is(button,a,input,textarea,summary,[tabindex]){scroll-margin-top:calc(var(--room-toolbar-top) + 128px)}html[data-animations=off] .ui .room[data-sticky] .room__bar:before{transition:none}@media (width<=760px){.ui .room{--room-toolbar-top:calc(64px + env(safe-area-inset-top))}}.ui .room__close{display:none}@media (width<=760px){:root:has(.room[data-bare]){--header-h:0px}body:has(.room[data-bare]) :is(.app-header,.app-header-spacer){display:none}.ui .room[data-bare]{--room-toolbar-top:0px;--room-close-top:calc(env(safe-area-inset-top,0px) + 10px);--room-close-row:calc(var(--room-close-top) + 44px);--room-close-x:max(calc(max(var(--gutter) - 6px, 12px) - 8px), env(safe-area-inset-left,0px))}.ui .room[data-bare][dir=rtl]{--room-close-x:max(calc(max(var(--gutter) - 6px, 12px) - 8px), env(safe-area-inset-right,0px))}.ui .room[data-bare]>.room__close{z-index:6;top:var(--room-close-top);width:44px;height:44px;color:var(--ui-ink);-webkit-tap-highlight-color:transparent;transition:background-color var(--motion-feedback) var(--ui-ease-std), transform var(--motion-press-release) var(--spring-morph,cubic-bezier(.23, 1, .32, 1));border-radius:50%;place-items:center;text-decoration:none;display:grid;position:absolute;inset-inline-start:var(--room-close-x)}.ui .room[data-bare]>.room__close:active{transition-duration:var(--motion-press);transform:scale(.97)}.ui .room[data-bare]>.room__close:focus-visible{outline:2px solid var(--ui-action);outline-offset:2px}.ui .room[data-bare]>.room__close svg{flex:none;display:block}.ui .room[data-bare] .room__sheet{padding-top:var(--room-close-row)}}@media (width<=760px) and (hover:hover) and (pointer:fine){.ui .room[data-bare]>.room__close:hover{background:var(--ui-tint)}}@media (width<=760px) and (forced-colors:active){.ui .room[data-bare]>.room__close:focus-visible{outline-color:highlight}}@media (forced-colors:active){.ui .room[data-sticky] .room__bar:before{background:canvas}}@media (width<=520px){.ui .room__bar{gap:8px}}.ui .room__sheet:has(.room-loader,.speak-results:is([data-state=failed],[data-state=timeout],[data-state=empty])){flex-direction:column;padding-bottom:clamp(36px,7vw,76px);display:flex}.ui .room__sheet:has(.room-loader,.speak-results:is([data-state=failed],[data-state=timeout],[data-state=empty])) .room__inner{flex-direction:column;flex:1 0 auto;display:flex}.ui .speak-results:is([data-state=failed],[data-state=timeout],[data-state=empty]){text-align:center;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;display:flex}.ui .speak-results:has(.room-loader){text-align:center;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;display:flex}.ui .speak-results:is([data-state=failed],[data-state=timeout],[data-state=empty]) .speak-results__actions{justify-content:center}.ui .room__inner>.room-loader{flex:1 0 auto}.ui .room-loader{color:var(--ui-ink-2);flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;gap:12px;display:flex}.ui .room-loader .thinking__dot{opacity:.8}.ui .room[data-input-keyboard] :is(.room__bar,.room__foot,.speak-answer__row){position:static}.ui .room[data-input-keyboard] .room__bar:before{content:none}.ui .room[data-input-keyboard] :is(.room-field,.speak-text,.comm-plan__field) textarea:focus:not(:placeholder-shown){min-height:0;max-height:var(--room-input-height)}.ui .room-field__label{color:var(--ui-ink);font:500 .9375rem / 1.4 var(--font-body)}.ui .room-field__label>span{color:var(--ui-ink-2);font-weight:400}.ui .room-loader__label{font:400 1.125rem / 1.4 var(--font-body)}.ui .wait-label{min-width:0;display:grid}.ui .wait-label__line{opacity:0;transition:opacity .26s var(--ui-ease-std);grid-area:1/1}.ui .wait-label__line[data-current]{opacity:1}html[data-animations=off] .ui .wait-label__line{transition:none}.ui :is(.room-loader,.tw-choosing) .wait-label{text-align:center}.ui .wait-inline{width:100%;color:var(--ui-ink-2);font:400 1.0625rem / 1.4 var(--font-body);text-align:start;justify-content:flex-start;align-items:center;gap:12px;margin:0;display:flex}.ui .wait-pill{background:var(--speak-cocoa,var(--ui-cocoa));max-width:100%;min-height:52px;color:var(--ui-surface-warm);font:500 1rem / 1.4 var(--font-body);text-align:start;box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:12px 24px;display:inline-flex}.ui .wait-pill .thinking__dot{opacity:.9}@media (forced-colors:active){.ui .wait-pill{border:1px solid buttontext}}@media (width<=420px){.ui .room__foot:has(.seg){grid-template-columns:minmax(0,1fr)}.ui .room__foot .seg{justify-self:start}}@media (width<=360px){.ui .wait-pill{gap:10px;padding-inline:18px}}
