:is(:root:has(.atmos-app:not([hidden])),.atmos-app){--bg:var(--c-background);--surface:var(--c-background);--surface-2:var(--c-secondary);--text:var(--c-text);--muted:var(--c-muted);--line:var(--c-line);--hairline:var(--c-line);--accent:var(--c-text);--accent-soft:var(--c-hover);--ink:var(--c-accent);--on-ink:var(--c-on-accent);--danger:var(--c-danger);--composer:var(--c-composer);--composer-line:var(--c-composer-line)}main.atmos-app:has(.workspace-shell){background:var(--bg);padding:0}.atmos-app .workspace-main{padding:0}.toolbar-call{align-items:center;display:flex}.toolbar-call .send-button{color:var(--text);background:0 0;border:0;border-radius:50%;width:44px;height:44px;padding:10px}.atmos-app .conversation-surface{padding:0 0 26px}.call-screen{color:#f5f5f5;background:radial-gradient(42% 34% at 50% 48%,#b5641924,#b5641900),#0a0a0a;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:auto}.call-screen[open]{flex-direction:column;display:flex}.call-screen>header{padding:max(28px, env(safe-area-inset-top)) 24px 0;color:#a0a0a5;text-align:center;font-size:.8125rem;line-height:1.125rem}.call-identity{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:300px;padding:24px;display:flex}.call-wave{border:1px solid #e3b99b29;border-radius:50%;place-items:center;width:240px;height:240px;margin-bottom:36px;display:grid}.call-wave .brand-mark{filter:drop-shadow(0 0 38px #b564192e);border-radius:50%;width:150px;height:150px}.call-wave[data-active=true]{animation:1.4s ease-in-out infinite alternate call-ring}@keyframes call-ring{to{border-color:#e3b99b61;box-shadow:0 0 0 10px #e3b99b0a}}.call-identity h1{letter-spacing:-.02em;margin:0;font-size:2.625rem;font-weight:400;line-height:3.25rem}.call-identity time{color:#a0a0a5;font-variant-numeric:tabular-nums;font-size:1.125rem;line-height:1.5rem}.call-controls{padding:32px 24px max(64px, env(safe-area-inset-bottom));justify-content:center;align-items:flex-start;gap:42px;display:flex}.call-controls>div{flex-direction:column;align-items:center;gap:10px;min-width:66px;display:flex}.call-controls span{color:#f5f5f5;text-align:center;font-size:.8125rem;line-height:1.125rem}.call-controls .call-hangup span{color:#a0a0a5}.call-controls :is(.icon-button,.send-button){color:#f5f5f5;background:#262626;border:0;border-radius:50%;place-items:center;width:66px;min-width:66px;height:66px;min-height:66px;padding:0;display:grid}.call-controls :is(.icon-button,.send-button):hover:not(:disabled){background:#323232}.call-controls :is(.icon-button,.send-button):focus-visible{outline-offset:3px;outline:2px solid #f5f5f5}.call-controls .live-mute[aria-pressed=true],.call-controls .live-mute[aria-pressed=true]:hover:not(:disabled){color:#0a0a0a;background:#f5f5f5}.call-controls .live-end,.call-controls .live-end:hover:not(:disabled){background:#e84a50;width:72px;height:72px;margin-top:-3px}.call-return{border:1px solid var(--c-line);background:var(--c-surface);width:100%;min-height:44px;color:var(--c-text);font-size:var(--t-label);border-radius:14px;justify-content:center;align-items:center;gap:10px;margin:0 0 8px;padding:10px 16px;font-weight:500;display:flex}.call-return:hover{background:var(--c-hover)}.call-audio-help{color:#a0a0a5;text-align:center;align-self:center;max-width:320px;padding:8px 16px;font-size:.875rem}@media (width<=799px){.atmos-app .conversation-surface{padding-bottom:max(16px, env(safe-area-inset-bottom))}.call-wave{width:200px;height:200px;margin-bottom:28px}.call-wave .brand-mark{width:128px;height:128px}.call-identity h1{font-size:2.125rem;line-height:2.625rem}.call-controls{padding:24px 16px max(32px, env(safe-area-inset-bottom));gap:18px}}@media (height<=620px){.call-wave{width:150px;height:150px;margin-bottom:12px}.call-wave .brand-mark{width:96px;height:96px}.call-controls{padding-block:16px}}@media (prefers-reduced-motion:reduce){.call-wave[data-active=true]{animation:none}}.atmos-app :is(input,textarea,select){background:var(--c-surface);border:1px solid var(--c-line);color:var(--text);font:inherit;border-radius:12px;padding:15px 16px}body:has(.atmos-app:not([hidden])) dialog:not(.ui-sheet) :is(input,textarea,select){background:var(--c-surface);border:1px solid var(--c-line);color:var(--text);font:inherit;border-radius:12px;padding:15px 16px}.atmos-app button.primary{background:var(--c-text);color:var(--c-background);border:0;border-radius:12px;min-height:46px;padding:12px 24px}body:has(.atmos-app:not([hidden])) dialog:not(.ui-sheet) button[type=submit]{background:var(--c-text);color:var(--c-background);border:0;border-radius:12px;min-height:46px;padding:12px 24px}.atmos-app :is(h1,h2){letter-spacing:-.025em}.atmos-app .workspace-page{max-width:1280px;padding:48px clamp(24px,7.5vw,96px) 64px}.atmos-app .workspace-page h1{font-size:34px;font-weight:500;line-height:41px}.atmos-app .workspace-page h2{font-size:23px;font-weight:500;line-height:30px}.atmos-app .workspace-shell:not([data-view=conversation]) .toolbar-call{display:none}.atmos-app .company-context{width:100%;max-width:800px}.atmos-app .company-context h2{margin-bottom:12px}.atmos-app .company-context textarea{min-height:200px}body:has(.atmos-app:not([hidden])) .setup-dialog{background:var(--c-dialog);border:1px solid var(--c-line);border-radius:22px;padding:30px 36px}body:has(.atmos-app:not([hidden])) .setup-dialog>header{background:var(--c-dialog);position:static}body:has(.atmos-app:not([hidden])) .setup-dialog>header strong{color:var(--text);font-size:22px;font-weight:500;line-height:30px}body:has(.atmos-app:not([hidden])) .confirmation-dialog{background:var(--c-dialog);border-radius:22px;padding:36px}body:has(.atmos-app:not([hidden])) .draft-dialog{background:var(--c-background);border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:28px max(24px,50vw - 544px)}body:has(.atmos-app:not([hidden])) .draft-dialog>header{background:var(--c-background);margin-bottom:70px}.draft-dialog .setup-content{grid-template-columns:minmax(0,696px) minmax(0,285px);gap:24px 78px;display:grid}.draft-context{grid-area:1/2/span 4;padding-top:16px}.draft-context p{color:var(--muted);margin-top:16px;line-height:26px}body:has(.atmos-app:not([hidden])) .draft-dialog textarea#conversation-draft-text{letter-spacing:0;border-radius:18px;grid-column:1;min-height:356px;padding:28px;font-size:22px;font-weight:400;line-height:34px}.draft-dialog .setup-content>:not(.draft-context){grid-column:1}@media (width<=799px){.atmos-app .workspace-page{padding:28px 20px 40px}.atmos-app .workspace-page h1{font-size:30px;line-height:37px}body:has(.atmos-app:not([hidden])) .setup-dialog:not(.confirmation-dialog){background:var(--c-background);border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:20px}body:has(.atmos-app:not([hidden])) .setup-dialog>header{background:var(--c-background);margin-bottom:24px}.draft-dialog .setup-content{flex-direction:column;display:flex}.draft-context{order:2}.draft-context h2{font-size:17px}body:has(.atmos-app:not([hidden])) .draft-dialog textarea#conversation-draft-text{min-height:280px;padding:18px;font-size:17px;line-height:27px}.atmos-app button.primary{border-radius:18px;min-height:54px}}.atmos-app[hidden],.landing[hidden]{display:none}
