web-app{display:grid;grid-template-areas:". . ." ". center ." ". . .";grid-template-columns:var(--viewport-inset-left) 1fr var(--viewport-inset-right);grid-template-rows:var(--viewport-inset-top) 1fr var(--viewport-inset-bottom);min-height:100svh}@property --content{syntax:"<string>";inherits:false;initial-value:""}@keyframes authentication-app-view-wiggle{0%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}to{transform:translateX(0)}}@keyframes authentication-app-title-scramble{0%{--content:"0101"}2.78%{--content:"1010"}5.56%{--content:"0101"}8.34%{--content:"c010"}11.12%{--content:"c101"}13.9%{--content:"c010"}16.68%{--content:"co01"}19.46%{--content:"co10"}22.24%{--content:"co01"}25.02%{--content:"cod0"}27.8%{--content:"cod1"}30.58%{--content:"cod0"}33.33%{--content:"code"}to{--content:"code"}}authentication-app{display:grid;grid-area:center;margin-bottom:var(--viewport-inset-top);back-button{left:16px;position:fixed;top:16px;z-index:100}}account-lookup-view,name-input-view,one-time-code-verification-view{display:flex;flex-direction:column;gap:16px;max-width:360px;place-self:center;transform:scale(1);transition-behavior:allow-discrete;transition-duration:.25s;transition-property:display,opacity;transition-timing-function:var(--transition-timing-ease-out);width:100%;@starting-style{opacity:0}&:has(._form-input:not(:placeholder-shown)){._title{opacity:.2}}@media (prefers-reduced-motion:no-preference){&[state=error]{._form{animation-duration:.25s;animation-name:authentication-app-view-wiggle;animation-timing-function:var(--transition-timing-overshoot-out-soft)}:is(._form-input,._form-submit-button-icon){transition-delay:.15s}}}._title{font-size:14px;font-weight:450;letter-spacing:-.006em;text-align:center;transition-duration:.1s;transition-property:opacity;transition-timing-function:var(--transition-timing-ease-out)}._form{--background-color:oklch(0.97 0 0);background:var(--background-color);border-radius:24px;box-shadow:0 1px 0 0 oklch(1 0 0),inset 0 0 0 1px oklch(0 0 0/.02),inset 0 1px 0 0 oklch(0 0 0/.08),inset 0 4px 2px -1px oklch(0 0 0/.04),0 12px 24px oklch(0 0 0/.02);display:grid;grid-template-areas:"stack";overflow:hidden}._form-label{display:grid;grid-area:stack;padding:12px 48px 12px 20px}._form-input{appearance:none;background-color:transparent;font-weight:420;line-height:24px;outline:none;transition-duration:.1s;transition-property:opacity;transition-timing-function:var(--transition-timing-ease-out);&:autofill{box-shadow:inset 0 0 0 24px var(--background-color)}&:disabled{opacity:.4}}._form-submit-button{--size:32px;border-radius:50%;display:grid;grid-area:stack;grid-template-areas:"stack";height:var(--size);isolation:isolate;justify-self:end;margin:8px;outline:none;position:relative;width:var(--size);&:disabled{._form-submit-button-icon{opacity:.4}}&:not(:disabled):active{._form-submit-button-content{transform:scale(.92)}._form-submit-button-shadow{transform:scale(.8) translateZ(0)}}@media (any-hover:hover){&:not(:disabled):is(:focus-visible,:hover){._form-submit-button-icon{opacity:1;transform:scale(1.05)}}}@media (any-pointer:coarse){&:before{content:"";grid-area:stack;margin:-6px}}}._form-submit-button-content{background:oklch(0 0 0/.06);border-radius:inherit;display:grid;grid-area:stack;grid-template-areas:"stack";transition-duration:.1s;transition-property:transform;transition-timing-function:var(--transition-timing-standard)}._form-submit-button-inner-glow{border-radius:inherit;display:grid;grid-area:stack;grid-template-areas:"stack";margin:1px;overflow:hidden;&:before{--size:38.2%;align-self:end;background:oklch(1 0 0);border-radius:50%;content:"";filter:blur(4px);grid-area:stack;height:var(--size);justify-self:center;margin-bottom:2px;width:var(--size)}}._form-submit-button-icon{--size:20px;color:oklch(0 0 0);filter:drop-shadow(0 3px 1px oklch(0 0 0/.1));grid-area:stack;height:var(--size);opacity:.85;place-self:center;transition-duration:.1s;transition-property:opacity,transform;transition-timing-function:var(--transition-timing-ease-out);width:var(--size)}._form-submit-button-gloss-coating{background:radial-gradient(farthest-side,transparent 80%,oklch(1 0 0/.5));border-radius:inherit;box-shadow:inset 0 -8px 2px -6px oklch(1 0 0/.6);display:grid;grid-area:stack;grid-template-areas:"stack";isolation:isolate;margin:1px;&:after{--gradient-first-color-stop:oklch(1 0 0);align-self:start;background:linear-gradient(var(--gradient-first-color-stop) 25%,transparent);border-radius:50%/61.8% 61.8% 38.2% 38.2%;content:"";grid-area:stack;height:38.2%;justify-self:center;margin-top:2px;width:69%}}._form-submit-button-shadow{background:radial-gradient(farthest-side,oklch(0 0 0/.1) 5%,transparent);border-radius:50%;filter:blur(2px);height:38.2%;inset:auto 4px -19.1% 4px;pointer-events:none;position:absolute;transform:translateZ(0);transition-duration:.1s;transition-property:transform;transition-timing-function:var(--transition-timing-standard);z-index:-1}}one-time-code-verification-view{@media (prefers-reduced-motion:no-preference){&:has(._form-input:placeholder-shown){._title span{color:transparent;&:after{animation-delay:.25s;animation-duration:1.5s;animation-iteration-count:infinite;animation-name:authentication-app-title-scramble;animation-timing-function:linear;opacity:1}}}}._title{white-space:pre;span{--color:var(--body-color);display:inline-block;font-variant-alternates:character-variant(cv01);font-variant-numeric:slashed-zero tabular-nums;position:relative;&:after{--content:"0101";color:var(--color);content:var(--content);inset:0;opacity:0;position:absolute}}}._form-label{padding:12px 20px}._form-input{font-variant-alternates:character-variant(cv01) styleset(ss02);font-variant-numeric:tabular-nums;text-align:center;&:not(:placeholder-shown){font-weight:500;letter-spacing:.2em;text-transform:uppercase}}}back-button,close-button{--size:36px;display:flex;grid-template-areas:"stack";height:var(--size);isolation:isolate;position:relative;width:var(--size);&[animate-on-entry]{transform:scale(1);transition-behavior:allow-discrete;transition-duration:.25s;transition-property:display,transform;transition-timing-function:var(--transition-timing-ease-out),var(--transition-timing-overshoot-out-soft);@starting-style{@media (prefers-reduced-motion:no-preference){transform:scale(0)}}}._button{--backdrop-filter:saturate(120%) blur(6px);-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);background:oklch(.78 0 0/.3);border-radius:50%;display:grid;flex:1;grid-area:stack;grid-template-areas:"stack";outline:none;transition-duration:.1s;transition-property:transform;transition-timing-function:var(--transition-timing-standard);&:before{content:"";grid-area:stack;margin:-4px;pointer-events:none;@media (any-pointer:coarse){pointer-events:auto}}&:active{transform:scale(.95);&:before{pointer-events:auto}+._shadow{--gradient-first-color-stop:oklch(0 0 0/0.3);transform:scale(.75) translateZ(0)}}@media (any-hover:hover){&:is(:focus-visible,:hover){._button-icon{opacity:1;transform:scale(1.05)}._button-gloss-coating:after{--gradient-first-color-stop:oklch(1 0 0)}}}}._button-inner-glow{border-radius:inherit;display:grid;grid-area:stack;grid-template-areas:"stack";margin:1px;overflow:hidden;&:before{--size:38.2%;align-self:end;background:linear-gradient(oklch(1 0 0/.3),oklch(1 0 0/.5));border-radius:50%;content:"";filter:blur(4px);grid-area:stack;height:var(--size);justify-self:center;margin-bottom:2px;width:var(--size)}}._button-icon{--size:24px;color:oklch(0 0 0);filter:drop-shadow(0 3px 1px oklch(0 0 0/.15));grid-area:stack;height:var(--size);opacity:.85;place-self:center;transition-duration:.1s;transition-property:opacity,transform;transition-timing-function:var(--transition-timing-ease-out);width:var(--size)}._button-gloss-coating{background:radial-gradient(farthest-side,transparent 80%,oklch(1 0 0/.15));border-radius:inherit;box-shadow:inset 0 -8px 2px -6px oklch(1 0 0/.5);display:grid;grid-area:stack;grid-template-areas:"stack";isolation:isolate;margin:1px;&:after{--gradient-first-color-stop:oklch(1 0 0/0.9);align-self:start;background:linear-gradient(var(--gradient-first-color-stop),transparent);border-radius:50%/61.8% 61.8% 38.2% 38.2%;content:"";grid-area:stack;height:38.2%;justify-self:center;margin-top:2px;transition-duration:.1s;transition-property:--gradient-first-color-stop;transition-timing-function:var(--transition-timing-ease-out);width:69%}}._shadow{--gradient-first-color-stop:oklch(0 0 0/0.2);background:radial-gradient(farthest-side,var(--gradient-first-color-stop) 5%,transparent);border-radius:50%;filter:blur(4px);height:38.2%;inset:auto 0 -19.1% 0;pointer-events:none;position:absolute;transform:translateZ(0);transition-duration:.1s;transition-property:--gradient-first-color-stop,transform;transition-timing-function:var(--transition-timing-standard);z-index:-1}}back-button{._button-icon{--size:18px;margin-left:-2px}}text-input-bar{--backdrop-filter:saturate(200%) blur(8px);-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);background:oklch(0 0 0/.8);border-color:transparent;border-radius:29px;border-width:1px;bottom:15px;box-shadow:inset 0 0 0 1px oklch(1 0 0/.15),inset 0 1px 1px oklch(1 0 0/.3),inset 0 2px 4px oklch(1 0 0/.2),0 1px 2px oklch(0 0 0/.04),0 2px 4px oklch(0 0 0/.04),0 4px 8px oklch(0 0 0/.04),0 8px 16px oklch(0 0 0/.04),0 16px 32px oklch(0 0 0/.04);display:none;left:16px;margin:0 auto;max-width:512px;position:fixed;right:16px;transition-behavior:allow-discrete;transition-duration:.25s;transition-property:display,opacity,transform;transition-timing-function:var(--transition-timing-ease-out),var(--transition-timing-ease-out),var(--transition-timing-overshoot-out-smooth);z-index:100;&[state=open]{display:block;opacity:1;transform:scale(1);@starting-style{opacity:0;@media (prefers-reduced-motion:no-preference){transform:scale(.95)}}}&[state=submitted]{display:none;transition-behavior:normal}&[state=dismissed]{display:none;opacity:0;transition-duration:.15s;transition-timing-function:var(--transition-timing-ease-in),var(--transition-timing-ease-in),var(--transition-timing-overshoot-in-smooth);@media (prefers-reduced-motion:no-preference){transform:scale(.8)}}.form{border-radius:28px;display:grid;grid-template-areas:"stack";overflow:hidden}.textarea{--max-height:38.2svh;--scrollbar-thumb-color:color-mix(in oklch,currentColor 40%,transparent);appearance:none;background:transparent;color:oklch(1 0 0);field-sizing:content;grid-area:stack;line-height:24px;max-height:var(--max-height);outline:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:16px 56px 16px 24px;scroll-padding-bottom:24px;@supports not (field-sizing:content){overflow-y:hidden}@media (hover:hover) and (pointer:fine){--max-height:61.8svh;@supports (scrollbar-color:auto){scrollbar-color:var(--scrollbar-thumb-color) transparent;scrollbar-width:thin}@supports selector(::-webkit-scrollbar){&::-webkit-scrollbar{background:transparent;max-height:6px;max-width:6px}&::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:999px}}}}.send-button{--size:36px;background:transparent;border-color:oklch(0 0 0/.25);border-radius:50%;border-width:1px;display:grid;grid-area:stack;grid-template-areas:"stack";height:var(--size);isolation:isolate;margin:0 10px 10px 0;outline:none;place-self:end;transition-duration:.1s;transition-property:transform;transition-timing-function:var(--transition-timing-standard);width:var(--size);&:before{content:"";grid-area:stack;margin:-5px;pointer-events:none;@media (any-pointer:coarse){pointer-events:auto}}&:not(:disabled):active{transform:scale(.95);&:before{pointer-events:auto}}&:disabled{.send-button-icon{opacity:.4}.send-button-inner-glow:before{opacity:.6}}@media (any-hover:hover){&:not(:disabled):is(:focus-visible,:hover){.send-button-icon{opacity:1;transform:scale(1.05)}.send-button-gloss-coating:after{--gradient-first-color-stop:oklch(1 0 0/0.4)}}}}.send-button-inner-glow{border-radius:inherit;display:grid;grid-area:stack;grid-template-areas:"stack";overflow:hidden;&:before{--size:38.2%;align-self:end;background:linear-gradient(oklch(1 0 0/.1),oklch(1 0 0/.3));border-radius:50%;content:"";filter:blur(4px);grid-area:stack;height:var(--size);justify-self:center;margin-bottom:2px;transition-duration:.1s;transition-property:opacity;transition-timing-function:var(--transition-timing-ease-out);width:var(--size)}}.send-button-icon{color:oklch(1 0 0);filter:drop-shadow(0 2px 1px oklch(0 0 0/.35));grid-area:stack;height:24px;opacity:.95;place-self:center;transition-duration:.1s;transition-property:opacity,transform;transition-timing-function:var(--transition-timing-ease-out);width:24px}.send-button-gloss-coating{background:radial-gradient(farthest-side,transparent 90%,oklch(1 0 0/.05));border-radius:inherit;box-shadow:inset 0 -8px 2px -6px oklch(1 0 0/.05);display:grid;grid-area:stack;grid-template-areas:"stack";isolation:isolate;&:after{--gradient-first-color-stop:oklch(1 0 0/0.3);align-self:start;background:linear-gradient(var(--gradient-first-color-stop),transparent);border-radius:50%/61.8% 61.8% 38.2% 38.2%;content:"";grid-area:stack;height:38.2%;justify-self:center;margin-top:2px;transition-duration:.1s;transition-property:--gradient-first-color-stop;transition-timing-function:var(--transition-timing-ease-out);width:69%}}}user-profile-button{--size:36px;display:grid;grid-template-areas:"stack";height:var(--size);position:fixed;right:16px;top:16px;width:var(--size);._button{border-radius:50%;display:grid;grid-area:stack;grid-template-areas:"stack";isolation:isolate;outline:none;position:relative;&:active{._button-content{transform:scale(.95)}._button-shadow{--gradient-first-color-stop:oklch(0 0 0/0.3);transform:scale(.75) translateZ(0)}}@media (any-hover:hover){&:is(:focus-visible,:hover){._button-user-initials{opacity:1}._button-gloss-coating:after{--gradient-first-color-stop:oklch(1 0 0/0.85)}}}@media (any-pointer:coarse){&:before{content:"";grid-area:stack;margin:-4px}}}._button-content{background:oklch(0 0 0/.85);border-radius:inherit;display:grid;grid-area:stack;grid-template-areas:"stack";transition-duration:.1s;transition-property:transform;transition-timing-function:var(--transition-timing-standard)}._button-inner-glow{border-radius:inherit;display:grid;grid-area:stack;grid-template-areas:"stack";margin:1px;overflow:hidden;&:before{--size:38.2%;align-self:end;background:linear-gradient(oklch(1 0 0/.3),oklch(1 0 0/.5));border-radius:50%;content:"";filter:blur(4px);grid-area:stack;height:var(--size);justify-self:center;margin-bottom:2px;width:var(--size)}}._button-user-initials{color:oklch(1 0 0);font-size:12px;font-weight:500;grid-area:stack;letter-spacing:0;opacity:.85;place-self:center;transition-duration:.1s;transition-property:opacity;transition-timing-function:var(--transition-timing-ease-out)}._button-gloss-coating{background:radial-gradient(farthest-side,transparent 80%,oklch(1 0 0/.2));border-radius:inherit;box-shadow:inset 0 -8px 2px -6px oklch(1 0 0/.3);display:grid;grid-area:stack;grid-template-areas:"stack";isolation:isolate;margin:1px;&:after{--gradient-first-color-stop:oklch(1 0 0/0.75);align-self:start;background:linear-gradient(var(--gradient-first-color-stop),transparent);border-radius:50%/61.8% 61.8% 38.2% 38.2%;content:"";grid-area:stack;height:38.2%;justify-self:center;margin-top:2px;transition-duration:.1s;transition-property:--gradient-first-color-stop;transition-timing-function:var(--transition-timing-ease-out);width:69%}}._button-shadow{--gradient-first-color-stop:oklch(0 0 0/0.2);background:radial-gradient(farthest-side,var(--gradient-first-color-stop) 5%,transparent);border-radius:50%;filter:blur(4px);height:38.2%;inset:auto 0 -19.1% 0;pointer-events:none;position:absolute;transform:translateZ(0);transition-duration:.1s;transition-property:--gradient-first-color-stop,transform;transition-timing-function:var(--transition-timing-standard);z-index:-1}}@keyframes ai-sphere-spin{to{transform:rotate3d(1,1,3,1turn)}}@keyframes drop-from-the-sky{0%{animation-timing-function:ease-in;transform:translateY(-110vh)}20%{animation-timing-function:ease-out;transform:translateY(16px)}35%{animation-timing-function:ease-in;transform:translateY(-40vh)}50%{animation-timing-function:ease-out;transform:translateY(16px)}65%{animation-timing-function:ease-in;transform:translateY(-20vh)}80%{animation-timing-function:ease-out;transform:translateY(16px)}90%{animation-timing-function:ease-in;transform:translateY(-2vh)}to{transform:translateY(0)}}ai-sphere{--gradient-first-color-stop:oklch(0.89 0.21 193.14);--gradient-second-color-stop:oklch(0.7 0.35 327.75);--size:56px;--status-indicator-animation-duration:10s;--status-indicator-opacity:0.5;bottom:16px;display:grid;grid-template-areas:"stack";left:16px;margin:0 auto;position:fixed;right:16px;transform:scale(1);transition-behavior:allow-discrete;transition-duration:.25s;transition-property:display,opacity,transform;transition-timing-function:var(--transition-timing-ease-out),var(--transition-timing-ease-out),var(--transition-timing-overshoot-out-smooth);width:fit-content;z-index:100;@starting-style{opacity:0;@media (prefers-reduced-motion:no-preference){transform:scale(.8)}}&[disabled]{pointer-events:none}@media (prefers-reduced-motion:no-preference){--status-indicator-animation-duration:4s;&[drop-from-the-sky]{animation-duration:2s;animation-fill-mode:forwards;animation-name:drop-from-the-sky;.sphere-status-indicator{&:after,&:before{animation-play-state:paused}}.sphere-icon{opacity:0}}}web-app[ai-state=waiting-for-text-input] &{display:none;transition:none}web-app[ai-state=thinking] &{--status-indicator-opacity:1;@media (prefers-reduced-motion:no-preference){--status-indicator-animation-duration:1s}}web-app[ai-state=error] &{--gradient-first-color-stop:oklch(0.65 0.3 29.63);--gradient-second-color-stop:oklch(0.7 0.24 37.46);--status-indicator-opacity:0.8}.sphere{background:oklch(0 0 0/.85);border-radius:50%;display:grid;grid-area:stack;grid-template-areas:"stack";height:var(--size);isolation:isolate;outline:none;transition-duration:.1s;transition-property:transform;transition-timing-function:var(--transition-timing-standard);width:var(--size);&:before{content:"";grid-area:stack;margin:-2px;pointer-events:none}&:active{transform:scale(.95);&:before{pointer-events:auto}+.sphere-shadow{filter:blur(5px);transform:scale(.85)}}@media (any-hover:hover){&:is(:focus-visible,:hover){.sphere-icon{opacity:1;transform:scale(1.04)}.sphere-gloss-coating:after{--gradient-first-color-stop:oklch(1 0 0/0.9)}}}}.sphere-status-indicator{--size:61.8%;border-radius:50%;display:grid;filter:blur(6px);grid-area:stack;grid-template-areas:"stack";height:var(--size);opacity:var(--status-indicator-opacity);place-self:center;transition-duration:.5s;transition-property:opacity;transition-timing-function:var(--transition-timing-ease-out);width:var(--size);&:after,&:before{animation-iteration-count:infinite;animation-name:ai-sphere-spin;animation-timing-function:linear;border-radius:inherit;content:"";grid-area:stack;isolation:isolate;transition-duration:.5s;transition-property:--gradient-first-color-stop,--gradient-second-color-stop;transition-timing-function:var(--transition-timing-ease-out)}&:before{animation-duration:calc(var(--status-indicator-animation-duration)*1.6);background:conic-gradient(from 0deg in hsl,var(--gradient-first-color-stop) 61.8%,var(--gradient-second-color-stop))}&:after{animation-direction:reverse;animation-duration:var(--status-indicator-animation-duration);background:conic-gradient(from 0deg in hsl,var(--gradient-second-color-stop) 61.8%,var(--gradient-first-color-stop));margin:4px}}.sphere-icon{color:oklch(1 0 0);filter:drop-shadow(0 2px 1px oklch(0 0 0/.3));grid-area:stack;height:24px;opacity:.85;place-self:center;transition-duration:.1s;transition-property:opacity,transform;transition-timing-function:var(--transition-timing-ease-out);width:24px}.sphere-gloss-coating{background:radial-gradient(farthest-side,transparent 90%,oklch(1 0 0/.2));border-radius:inherit;box-shadow:inset 0 -8px 2px -6px oklch(1 0 0/.3);display:grid;grid-area:stack;grid-template-areas:"stack";isolation:isolate;margin:1px;&:after{--gradient-first-color-stop:oklch(1 0 0/0.8);align-self:start;background:linear-gradient(var(--gradient-first-color-stop),transparent);border-radius:50%/61.8% 61.8% 38.2% 38.2%;content:"";grid-area:stack;height:38.2%;justify-self:center;margin-top:3px;transition-duration:.1s;transition-property:--gradient-first-color-stop;transition-timing-function:var(--transition-timing-ease-out);width:69%}}.sphere-shadow{align-self:end;display:grid;filter:blur(6px);grid-area:stack;grid-template-areas:"stack";isolation:isolate;margin-bottom:-3px;pointer-events:none;transition-duration:.1s;transition-property:filter,transform;transition-timing-function:var(--transition-timing-standard);z-index:-1}.sphere-shadow-layer{border-radius:50%;grid-area:stack;place-self:center;&:first-child{background:oklch(0 0 0/.6);height:1px;width:48px}&:nth-child(2){background:oklch(0 0 0/.6);height:8px;width:32px}&:nth-child(3){background:oklch(0 0 0/.8);height:1px;width:24px}}}ai-message-controller{bottom:80px;display:block;left:16px;margin:0 auto;pointer-events:none;position:fixed;right:16px;width:fit-content;z-index:100}ai-message{--backdrop-filter:saturate(120%) blur(24px);--max-height:61.8svh;--scrollbar-thumb-color:color-mix(in oklch,currentColor 20%,transparent);-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);background:oklch(.9924 0 0/.8);border-radius:28px;box-shadow:0 0 0 1px oklch(0 0 0/.02),inset 0 2px 4px 1px oklch(1 0 0/.5),inset 0 -2px 4px oklch(1 0 0/.5),inset 0 0 0 1px oklch(1 0 0/.5);display:block;filter:drop-shadow(0 12px 24px oklch(0 0 0/.16));max-width:420px;min-width:112px;overflow:hidden;pointer-events:auto;scale:1;transform:translateY(0);transition-behavior:allow-discrete;transition-duration:.25s,.1s,.25s,.25s;transition-property:display,opacity,scale,transform;transition-timing-function:var(--transition-timing-ease-out),var(--transition-timing-ease-out),var(--transition-timing-overshoot-out-smooth),var(--transition-timing-overshoot-out-dynamic);@starting-style{opacity:0;@media (prefers-reduced-motion:no-preference){scale:.95;transform:translateY(16px)}}&[dismissed]{display:none;opacity:0;transition-duration:.1s;transition-timing-function:var(--transition-timing-ease-in);@media (prefers-reduced-motion:no-preference){scale:.85;transform:translateY(16px)}}._message{font-weight:450;max-height:var(--max-height);overflow-wrap:anywhere;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:12px 20px;text-align:center;text-wrap:balance;transition-delay:50ms;transition-duration:.15s;transition-property:opacity;transition-timing-function:var(--transition-timing-ease-out);@starting-style{opacity:0}@media (hover:hover) and (pointer:fine){@supports (scrollbar-color:auto){scrollbar-color:var(--scrollbar-thumb-color) transparent;scrollbar-width:thin}@supports selector(::-webkit-scrollbar){&::-webkit-scrollbar{background:transparent;max-height:6px;max-width:6px}&::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:999px}}}}}@keyframes futuristic-tv-app-cursor-blink{0%,to{opacity:1}50%{opacity:0}}futuristic-tv-app{--casing-color:oklch(0.625 0.1458 214.07);--casing-highlight:oklch(0.8529 0.1046 220.82);--casing-shadow:oklch(0.2346 0.0587 230.89);--size:280px;display:grid;grid-area:center;margin-bottom:var(--viewport-inset-top);place-self:center;&[state=on]{._tv-screen-content video{opacity:1}}._tv{aspect-ratio:1;background:radial-gradient(circle at 30% 25%,oklch(1 0 0/.55) 0,transparent 25%),radial-gradient(circle at 50% 50%,var(--casing-highlight) 0,var(--casing-color) 40%,var(--casing-shadow) 100%);border-radius:50%;box-shadow:inset 0 -32px 64px oklch(0 0 0/.2),0 16px 32px oklch(0 0 0/.3);cursor:pointer;display:grid;grid-template-areas:"stack";height:var(--size);width:var(--size)}._tv-visor{align-self:center;aspect-ratio:4/3;background:oklch(.2 0 0);border-radius:61.8% 61.8% 61.8% 61.8%/38.2% 38.2% 38.2% 38.2%;box-shadow:inset 0 0 32px oklch(0 0 0),0 2px 3px oklch(1 0 0/.2);display:grid;grid-area:stack;grid-template-areas:"stack";margin:0 12px;&:after{background:linear-gradient(135deg,oklch(1 0 0/.1),transparent 40%),radial-gradient(circle at 70% 20%,oklch(1 0 0/.15) 0,transparent 20%);border-radius:inherit;content:"";grid-area:stack}}._tv-screen{align-self:center;aspect-ratio:16/9;background:oklch(.35 0 0);border-radius:28px;box-shadow:inset 0 0 32px oklch(0 0 0);margin:0 24px}._tv-screen,._tv-screen-content{display:grid;grid-area:stack;grid-template-areas:"stack"}._tv-screen-content{border-radius:inherit;overflow:hidden}._tv-screen-wake-up-neo{color:oklch(1 0 0/.4);font-size:14px;font-weight:450;grid-area:stack;letter-spacing:-.006em;padding:12px;&:empty{display:none}span:nth-child(2){animation:futuristic-tv-app-cursor-blink 1s step-end infinite;background:oklch(1 0 0/.4);border-radius:2px;display:inline-block;height:17px;margin-left:1px;vertical-align:text-bottom;width:6px}&.typing span:nth-child(2){animation:none;opacity:1}}._tv-screen-content video{grid-area:stack;opacity:0;pointer-events:none;transition-duration:.1s;transition-property:opacity,transform;transition-timing-function:var(--transition-timing-ease-out)}._tv-screen-reflections{align-self:start;background:linear-gradient(180deg,oklch(1 0 0/.12),oklch(1 0 0/.03));border-radius:8px;filter:blur(4px);grid-area:stack;height:56px;justify-self:end;margin-right:24px;margin-top:12px;transform:skewX(-10deg);width:56px}}