body{color:#fff}main{z-index:1;text-align:center;min-height:100dvh;padding:var(--spacing-lg) 28px;flex-direction:column;justify-content:center;align-items:center;max-width:640px;margin:0 auto;display:flex;position:relative}main:not(.is-composing) h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}main h1{letter-spacing:0;color:#ffffffbf;font-size:1.05rem;font-weight:400;line-height:1.3;transition:color .3s}main>button{transition:opacity .2s;display:none}main button[disabled]{opacity:.55;cursor:default}#error:empty{display:none}#error{text-align:left;color:#ffd5d0;font-size:.9rem}#prompt,#intro p,#intro button,#voice>p,#voice>button:last-of-type,#transcript p,main.is-composing textarea,main.is-composing textarea::placeholder{text-shadow:0 0 22px #ffffff80,0 0 45px #ffffff4d}#voice{flex-direction:column;align-items:center;width:100%;display:flex}#voice>button:first-of-type{aspect-ratio:1;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;transform-origin:50%;background:0 0;border-radius:50%;width:min(390px,88vw);padding:0;line-height:0;transition:transform .85s cubic-bezier(.22,1,.36,1)}main.is-talking #voice>button:first-of-type{transform:translateY(calc(37dvh - 75px))scale(.385)}@media (width<=443px){main.is-talking #voice>button:first-of-type{transform:translateY(calc(37dvh - 18vw))scale(.41)}}#voice>button:first-of-type:hover{background:0 0}#voice>button:first-of-type:focus-visible{outline-color:#fff}#orb{aspect-ratio:1;width:100%;display:block}#voice>button:first-of-type>span{display:none}main.is-talking #voice>p{opacity:0;pointer-events:none}#voice>p{color:#fff;text-wrap:balance;width:min(16ch,86vw);min-height:2.5em;font-size:clamp(1.4rem,5.9vw,1.7rem);font-weight:400;line-height:1.25;transition:opacity .4s;position:absolute;bottom:13dvh;left:50%;transform:translate(-50%)}#voice>button:last-of-type{bottom:var(--spacing-lg);color:#ffffffd9;text-underline-offset:3px;background:0 0;width:auto;padding:0;font-size:.9rem;font-weight:400;text-decoration:underline;position:absolute;left:50%;transform:translate(-50%)}#voice>button:last-of-type:hover{color:#fff;background:0 0}#transcript{gap:var(--spacing-lg);pointer-events:none;opacity:0;flex-direction:column;padding:14dvh 20px 0;transition:opacity .5s;display:flex;position:absolute;top:0;left:0;right:0}main.is-talking #transcript{opacity:1}#transcript>div{transition:opacity .6s}#transcript>div:nth-last-child(2){opacity:.28}#transcript>div:nth-last-child(n+3){opacity:0}#transcript>div>p:first-child{text-align:right;color:#fff;margin-bottom:var(--spacing-md);font-size:.95rem;font-weight:400;line-height:1.3}#transcript>div>p:last-child{text-align:left;color:#fff;font-size:clamp(1.4rem,5.9vw,1.7rem);font-weight:400;line-height:1.3}main.webgl-disabled #orb{display:none}main.webgl-disabled #voice>button:first-of-type{aspect-ratio:auto;color:#414b5c;background:#fff;border-radius:999px;width:auto;height:42px;padding:0 22px;font-size:.875rem;font-weight:400;line-height:42px;box-shadow:0 1px 6px #00000014}main.webgl-disabled #voice>button:first-of-type>span{display:inline}main.is-composing{text-align:left;justify-content:flex-start;align-items:stretch;gap:var(--spacing-lg)}main.is-composing h1.is-missing{color:#ffd5d0}main.is-composing #voice{display:none}main.is-composing{padding-top:30dvh;padding-bottom:var(--spacing-lg)}main.is-composing textarea{color:#fff;letter-spacing:-.01em;resize:none;field-sizing:content;background:0 0;border:none;border-radius:0;padding:0;font-size:clamp(1.5rem,6.2vw,1.85rem);font-weight:400;line-height:1.3}main.is-composing textarea:focus{outline:none}main.is-composing textarea::placeholder{color:#ffffff8c;font-weight:400}main.is-composing>button{color:#414b5c;background:#fff;height:39px;margin-top:auto;padding:0 24px;font-size:.875rem;font-weight:400;line-height:39px;display:block;box-shadow:0 1px 6px #00000014}main.is-composing>button:hover{background:#fff}main.is-composing:has(textarea:placeholder-shown)>button{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){main h1,main button,#voice>button:first-of-type{transition:none}}