:root{--background:#d1684e;--ink:#fff9ee;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--ink);margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}button,input,select{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.os1-screen{background:var(--background);flex-direction:column;height:100dvh;min-height:100svh;display:flex;position:relative;overflow:hidden}.system-bar{inset:env(safe-area-inset-top,0px) 0 auto;z-index:2;justify-content:space-between;align-items:center;padding:22px 30px;display:flex;position:absolute}.system-bar h1{letter-spacing:-1.4px;margin:0;font-size:23px;font-weight:300}.system-bar h1 span{font-weight:200}.system-bar>button{opacity:.65}.presence{pointer-events:none;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.presence>*{--mark-size:clamp(175px, 33vmin, 300px)}@container (max-height:280px){.presence>*{--mark-size:155px}}@container (max-height:185px){.presence>*{--mark-size:110px}}.credit{margin:calc(30px - var(--mark-size) * .387) 0 0;letter-spacing:.4px;text-align:center;opacity:.72;font-size:12px;font-weight:300;line-height:1.8}.credit a{color:inherit;pointer-events:auto;text-underline-offset:3px;-webkit-text-decoration:underline #fff9ee80;text-decoration:underline #fff9ee80}.credit a:hover{text-decoration-color:currentColor}.os1-mark{width:var(--mark-size);aspect-ratio:1;display:block}.console{width:min(500px,100% - 32px);padding-bottom:max(30px, env(safe-area-inset-bottom));flex-shrink:0;margin:0 auto}.command-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff29;border-radius:32px;justify-content:center;align-items:center;gap:14px;width:fit-content;margin:0 auto;padding:6px 12px;display:flex}.icon-button{background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:relative}.icon-button:hover:not(:disabled){background:#ffffff14}.icon-button[data-active=true]{background:#ffffff26}.muted-slash{background:currentColor;width:1.5px;height:24px;position:absolute;transform:rotate(-45deg)}.session-timer{text-align:center;letter-spacing:1.5px;font-variant-numeric:tabular-nums;opacity:.4;margin:14px 0 0;font-size:11px;font-weight:300;transition:opacity .3s,color .3s}.session-timer[data-running=true]{opacity:.75}.session-timer[data-urgent=true]{opacity:1;color:#ffe3d2}.session-status{text-align:center;letter-spacing:1.1px;min-height:14px;margin:0 0 16px;font-size:11px;font-weight:300}.connection-progress{width:60%;height:3px;accent-color:var(--ink);margin:0 auto 16px;display:block}.panel{scrollbar-width:thin;background:#b75540ed;border:1px solid #ffffff38;border-radius:18px;max-height:calc(100dvh - 300px);margin-bottom:24px;padding:18px 20px;overflow-y:auto;box-shadow:0 8px 35px #71372312}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-heading h2{margin:0;font-size:14px;font-weight:400}.panel-heading button{background:0 0;border:0;width:32px;height:32px;font-size:24px}.setting{justify-content:space-between;align-items:center;gap:18px;margin:20px 0;font-size:14px;display:flex}.setting select{color:var(--ink);background:#a44935;border:1px solid #ffffff50;border-radius:6px;padding:8px 12px}.setting input{width:135px;accent-color:var(--ink)}.setting-control{align-items:center;gap:10px;min-width:0;display:flex}.voice-name{font-weight:400}.slider-setting{flex-direction:column;align-items:stretch;gap:5px;margin:14px 0}.slider-setting input{width:100%;margin:0}.slider-heading{justify-content:space-between;display:flex}.slider-heading output{font-variant-numeric:tabular-nums;opacity:.8}.slider-ends{opacity:.65;justify-content:space-between;font-size:11px;display:flex}.preview-button{background:0 0;border:1px solid #ffffff50;border-radius:50%;flex-shrink:0;width:32px;height:32px;font-size:11px}.preview-button:hover:not(:disabled){background:#ffffff14}.text-button{text-underline-offset:3px;opacity:.8;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.panel-note{opacity:.8;margin:16px 0 0;font-size:11px;line-height:1.6}.captions{text-align:center;scrollbar-width:none;flex-direction:column-reverse;max-height:min(30dvh,240px);margin-bottom:20px;padding:24px 12px 0;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 28px);mask-image:linear-gradient(#0000,#000 28px)}.captions::-webkit-scrollbar{display:none}.captions p{overflow-wrap:anywhere;flex-shrink:0;margin:0 0 14px;font-size:15px;font-weight:300;line-height:1.5}.captions p[data-role=user]{opacity:.7}.captions p span{text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-bottom:3px;font-size:10px;display:block}.captions .empty{opacity:.7;font-size:13px}.error{overflow-wrap:anywhere;background:#843827;border-radius:12px;padding:14px 18px;font-size:13px;line-height:1.5}@media (max-width:520px){.system-bar{padding:16px 20px}.console{padding-bottom:max(20px, env(safe-area-inset-bottom))}}@media (max-height:500px){.credit{line-height:1.5}.panel{max-height:50dvh;margin-bottom:10px}.captions{max-height:22dvh}.console{padding-bottom:12px}}