/* The everyday surface: one conversation. History and integrations live in settings. */
:root{--cream:#fbfdff;--paper:#fff;--forest:#677f9d;--ink:#44536a;--muted:#7d8ba0;--line:#edf2f8;--gold:#7b9cba}
body{background:radial-gradient(ellipse at 50% 45%,#f3f9ff 0,transparent 48%),#fff;color:var(--ink)}
.workspace{display:block;min-height:100dvh}.workspace main{padding:0 28px;max-width:1100px}.topbar{height:90px;border:0}.cedar-wordmark{font:27px var(--serif);letter-spacing:1px}.topbar button{font-size:27px;line-height:1;border-radius:50%;width:48px;height:48px;background:#fff;box-shadow:0 6px 28px #819cb013}
.sidebar{display:none;z-index:20;background:#fbfdfff7;color:var(--ink);backdrop-filter:blur(22px);right:18px;top:80px;bottom:auto;height:auto;max-height:80vh;overflow:auto;border:1px solid var(--line);border-radius:24px;box-shadow:0 25px 70px #445b7522;padding:25px;width:255px}.settings-open .sidebar{display:flex}.sidebar .brand,.sidebar .nav-label,.sidebar-bottom p{display:none}.sidebar nav button{color:var(--ink)}.sidebar nav button.active,.sidebar nav button:hover{color:#405774;background:#eaf2fa}.sidebar-bottom{margin-top:25px;padding-top:15px;border-color:var(--line)}.sidebar-bottom button{color:var(--muted)}.sidebar nav b{background:#e0eaf4;color:var(--ink)}
.presence{min-height:calc(100dvh - 135px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px 0 28px}.presence-greeting{font:19px var(--serif);letter-spacing:.5px;margin-bottom:35px}.presence-orb{width:clamp(225px,32vw,350px);aspect-ratio:1;position:relative;border-radius:50%;background:radial-gradient(ellipse at 74% 31%,#fffdf4dd 0,transparent 28%),radial-gradient(ellipse at 30% 69%,#d5edff 0,transparent 50%),radial-gradient(ellipse at 60% 70%,#83bde7 0,#aacfed 40%,#e9f7ff 80%);box-shadow:inset 0 0 16px 7px #ffffffad,inset -18px -4px 45px #8ec6ec88,0 30px 90px 20px #8fc8f03b,0 0 75px 15px #d1ebff7a;overflow:hidden;animation:breathe 8s ease-in-out infinite}.presence-orb i{position:absolute;inset:7%;border-radius:50%;filter:blur(11px);background:radial-gradient(ellipse at 60% 70%,#fff9 0,transparent 25%),radial-gradient(ellipse at 25% 50%,#ffffffe0 0,transparent 22%),radial-gradient(ellipse at 65% 30%,#fefbf090 0,transparent 30%);transform:rotate(20deg);animation:cloud-drift 22s ease-in-out infinite alternate}.presence-orb i:nth-child(2){transform:rotate(135deg);opacity:.7;animation-delay:-8s}.presence-orb i:nth-child(3){inset:0;background:radial-gradient(ellipse at 50% 85%,#e7f7ffbb 0,transparent 38%);filter:blur(4px)}
.presence-state{font-size:10px;letter-spacing:5px;margin-top:55px}.presence h1{font:23px var(--serif);letter-spacing:1px;margin:12px 0 35px}.microphone{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 12px 30px #81add22e,0 0 0 14px #f5faff88,0 0 0 15px #edf5fc;transition:transform .2s}.microphone:hover{transform:scale(1.04)}.microphone svg{width:28px;height:32px;fill:#91a4bc;stroke:#677d9b;stroke-width:2;stroke-linecap:round}.microphone svg path{fill:none}.call-caption{font-size:11px;margin-top:24px;letter-spacing:1px}.type-toggle{font-size:12px;margin-top:15px;color:var(--muted);text-decoration:underline;text-underline-offset:5px}
.home-grid{display:block}.right-rail,.suggestions,footer{display:none}.conversation{display:none}.typing .presence{display:none}.typing .conversation{display:flex;flex-direction:column;max-width:760px;margin:20px auto;min-height:calc(100dvh - 150px);border:0;box-shadow:none;background:transparent}.conversation .eyebrow{display:none}.conversation .panel-heading{padding:15px 0}.conversation .messages{flex:1;min-height:260px;max-height:calc(100dvh - 310px);padding:24px 0}.composer{border:1px solid #e5eef7;border-radius:22px;background:#fff;box-shadow:0 8px 30px #5d7ea608}.composer textarea{background:transparent}.message.assistant{background:#edf5fc;color:var(--ink)}.message.user{background:#647f9c;color:#fff}.approvals{max-width:720px;margin:0 auto}.approvals:not(:empty){padding:15px 0 40px}.approval{background:#fff;border:1px solid #ddebf7;border-radius:24px;box-shadow:0 15px 55px #5d7fa312}.approval pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 var(--sans)}.browser-evidence{max-width:100%;height:auto;border-radius:12px;margin-top:20px;border:1px solid var(--line)}.page-heading{margin:35px 0}.page-heading h1{font-size:40px}.card,.panel{border-radius:18px}.login-screen{display:block;min-height:100dvh;background:radial-gradient(ellipse at 50% 35%,#eaf5ff,transparent 55%),#fff}.login-art{display:none}.login-form{max-width:420px;padding:50px 28px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.login-form .small-mark{margin-bottom:25px;color:#91acc7}.login-form .eyebrow,.login-form .fine{display:none}.login-form input{border-radius:12px}.login-form h2{font-size:38px}.primary{background:#627c9a}.primary:hover{background:#506c8b}
@keyframes breathe{0%,100%{transform:scale(.985)}50%{transform:scale(1.015)}}@keyframes cloud-drift{from{rotate:-12deg;translate:-5px 3px}to{rotate:15deg;translate:7px -5px}}
@media(max-width:640px){.workspace main{padding:0 22px}.topbar{height:76px}.presence{min-height:calc(100dvh - 92px)}.presence-orb{width:min(70vw,330px)}.presence-greeting{margin-bottom:32px;font-size:17px}.presence-state{margin-top:48px}.presence h1{font-size:21px}.sidebar{top:73px;right:15px}.typing .conversation{margin-top:0}.conversation .messages{max-height:calc(100dvh - 280px)}.approval-actions{flex-wrap:wrap}.approval-actions button{min-height:45px}}
@media(prefers-reduced-motion:reduce){.presence-orb,.presence-orb i{animation:none}}
@media(max-height:850px){.topbar{height:65px}.presence{min-height:calc(100dvh - 70px);padding:8px 0 20px}.presence-greeting{margin-bottom:20px}.presence-orb{width:min(65vw,34dvh,300px);flex-shrink:0}.presence-state{margin-top:30px}.presence h1{margin:10px 0 28px}.microphone{width:62px;height:62px;flex-shrink:0}.call-caption{margin-top:20px}.type-toggle{margin-top:10px}.phone-fallback{margin-top:12px}}
.phone-fallback{font-size:10px;color:#92a0b1;margin-top:20px}.microphone.listening{box-shadow:0 0 0 15px #e4f2ff,0 0 0 28px #eff8ff,0 12px 45px #81add255}.microphone.listening svg{fill:#719dc2}#voice-audio{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:50}