/* Coda welcome matches the native surface. Existing forms and tutor hooks stay intact. */
[data-view="ai"] .page-header {display:none}
.coda-welcome {max-width:570px;margin:0 auto;text-align:center;padding:12px 20px 24px}
.coda-brand {display:flex;align-items:center;gap:12px;text-align:left;margin-bottom:10px}
.coda-brand img {width:48px;height:48px;object-fit:contain}
.coda-brand h1 {font-size:24px;margin:0}.coda-brand p {font-size:13px;margin:4px 0;color:var(--mc-text-secondary,#aab7d5)}
.coda-luminous-orb {position:relative;width:220px;height:220px;margin:24px auto 30px;border-radius:50%;background:radial-gradient(circle at 28% 30%,#030a24 18%,#10237d 60%,#57deff 84%,#1f6cf0);box-shadow:0 0 50px #1677ef55,inset -4px -5px 15px #89eaff80;border:1px solid #6bcfff}
.coda-luminous-orb i {position:absolute;inset:50px -1px;border:2px solid transparent;border-bottom-color:#8ccfff;border-right-color:#6fabff;border-top-color:#3369ff;border-radius:50%;transform:rotate(-48deg);box-shadow:0 3px 10px #56aeff6b}
.coda-luminous-orb i:nth-child(2) {inset:38px 4px;transform:rotate(-38deg);opacity:.6}.coda-luminous-orb i:nth-child(3) {inset:25px 9px;transform:rotate(-29deg);opacity:.4}
.coda-welcome .coda-greeting {color:#aab7d5;font-size:15px;margin:0 0 12px}.coda-welcome h2 {font-size:clamp(30px,4vw,42px);line-height:1.14;letter-spacing:-1.2px;margin:0;font-weight:600}
[data-view="ai"] .ai-tutor-layout {display:flex!important;flex-direction:column;max-width:570px;margin:auto;gap:16px}
[data-view="ai"] .ai-conversation-card {order:0;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
[data-view="ai"] .ai-conversation-header {display:none!important}
[data-view="ai"] .ai-message-list:empty {display:none;min-height:0!important}
[data-view="ai"] .ai-message-list {min-height:0!important}
[data-view="ai"] .ai-composer {border-radius:28px!important;border:1px solid #72beff66!important;background:linear-gradient(150deg,#183f7455,#25346d66)!important;backdrop-filter:blur(24px);padding:14px!important;box-shadow:0 18px 60px #216add24}
[data-view="ai"] .ai-composer textarea {min-height:44px!important;background:transparent!important;border:0!important;font-size:17px!important}
[data-view="ai"] .ai-composer__bottom {margin-top:0!important}[data-view="ai"] [data-ai-composer-note] {font-size:10px;opacity:.6}
[data-view="ai"] [data-ai-send] {border-radius:50%!important;width:44px;height:44px;padding:10px!important;min-width:44px;background:linear-gradient(140deg,#1677ff,#3448ed)!important}[data-view="ai"] [data-ai-send] span{display:none}
[data-view="ai"] .ai-tutor-sidebar {display:flex!important;flex-direction:column;gap:14px}
[data-view="ai"] .ai-prompt-card {order:-1;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
[data-view="ai"] .ai-prompt-card .section-heading,[data-view="ai"] .ai-prompt-card>.small-print {display:none}
[data-view="ai"] .ai-prompt-list {display:grid!important;grid-template-columns:1fr!important;gap:10px}
[data-view="ai"] .ai-prompt-list button {min-height:64px!important;padding:14px!important;border-radius:18px!important;background:linear-gradient(135deg,#29217a66,#0c1b3566)!important;border:1px solid #7969e544!important;font-size:15px;text-align:left;color:inherit}
[data-view="ai"] .ai-prompt-list button svg {background:linear-gradient(140deg,#3881e8,#5842d5)!important;color:white!important;width:20px;height:20px;padding:7px;border-radius:10px}
[data-view="ai"] .ai-context-card,[data-view="ai"] .ai-history-card {font-size:13px}
[data-view="ai"] .ai-source-options {max-width:570px;margin:12px auto}
[data-view="ai"] .ai-verify-note {font-size:11px;margin-bottom:10px}
[data-view="ai"] .ai-tutor-rail {display:none}
@media(max-width:600px){.coda-welcome {padding:4px 0 22px}.coda-luminous-orb{width:190px;height:190px;margin:24px auto}.coda-brand{margin-top:8px}[data-view="ai"] .ai-tutor-layout{gap:16px}}
@media(prefers-reduced-transparency:reduce){[data-view="ai"] .ai-composer,[data-view="ai"] .ai-prompt-list button{background:#13213e!important;backdrop-filter:none}}
html:not(.theme-dark) .coda-greeting{color:#505b78}html:not(.theme-dark) [data-view="ai"] .ai-composer,html:not(.theme-dark) [data-view="ai"] .ai-prompt-list button{background:linear-gradient(140deg,#eeebff,#e4f0ff)!important;color:#151f42}
[data-view="ai"] {background:radial-gradient(ellipse at 50% 700px,#1359ad24,transparent 60%);padding-bottom:30px}
.coda-luminous-orb {background:radial-gradient(circle at 28% 30%,#020617 32%,#04163d 62%,#126fc0 83%,#9aefff 96%)}
main:has([data-view="ai"]:not([hidden]))>.glass-topbar {display:none}
[data-view="ai"] .ai-conversation-card {display:flex!important;flex-direction:column;gap:10px!important}
[data-view="ai"] .ai-message-list {padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
[data-view="ai"] .ai-composer {order:1}
[data-view="ai"] .ai-verify-note {order:2;opacity:.7}
/* Flowing-light welcome and a persistent bottom composer. */
.coda-flow {width:280px;height:280px;margin:10px auto 10px;position:relative}
.coda-flow img {width:100%;height:100%;animation:coda-breathe 8s ease-in-out infinite;filter:drop-shadow(0 0 14px #176de827)}
@keyframes coda-breathe {0%,100%{transform:translateY(0) scale(1);opacity:.94}50%{transform:translateY(-4px) scale(1.025);opacity:1}}
@media(prefers-reduced-motion:reduce){.coda-flow img{animation:none}}
[data-view="ai"] {padding-bottom:180px;min-height:calc(100dvh - 100px)}
[data-view="ai"] .ai-composer {position:fixed;z-index:30;bottom:24px;left:calc(50% + 110px);transform:translateX(-50%);width:min(540px,calc(100vw - 300px));display:flex!important;align-items:center;gap:10px!important;min-height:70px;padding:12px 16px!important;background:linear-gradient(140deg,#214b817a,#4b99dd40)!important;box-shadow:inset 0 1px 0 #ffffff26,0 15px 70px #087cff44;backdrop-filter:blur(30px)}
[data-view="ai"] .ai-composer textarea {flex:1;width:0;min-height:34px!important;height:40px;resize:none;margin:0;padding:8px 0!important}
[data-view="ai"] .ai-composer__bottom {flex:none;padding:0!important;border:0!important}
[data-view="ai"] [data-ai-composer-note] {display:none}
[data-view="ai"] .ai-verify-note {display:none}
[data-view="ai"] .ai-message-list:empty {display:none!important}
.coda-tools {max-width:540px;margin:24px auto 0;color:#aebbd6;font-size:13px}
.coda-tools>summary {text-align:center;cursor:pointer;padding:12px;list-style:none}
.coda-tools[open]>summary {margin-bottom:16px}
.coda-brand img {width:42px;height:46px}
@media(max-width:760px){
 [data-view="ai"] .ai-composer {left:16px;right:16px;bottom:calc(80px + env(safe-area-inset-bottom,0px));transform:none;width:auto;max-width:none}
 .coda-welcome{padding:0 0 8px}.coda-flow {width:min(64vw,260px);height:min(64vw,260px);margin:14px auto 12px}
 .coda-welcome h2{font-size:34px}.coda-tools{margin-top:10px}
 [data-view="ai"] {background:radial-gradient(ellipse at 50% 90%,#086adb3d,transparent 65%)}
}
@media(max-height:700px) and (max-width:760px){.coda-flow{width:195px;height:195px;margin:0 auto}.coda-welcome h2{font-size:30px}.coda-welcome .coda-greeting{margin-bottom:8px}}
@media(prefers-reduced-transparency:reduce){[data-view="ai"] .ai-composer{background:#163253!important;backdrop-filter:none}}
.coda-look-switch{display:flex;background:#1d294955;border:1px solid #a5c4ff22;border-radius:12px;padding:4px;gap:4px;margin:14px 0 4px}
.coda-look-switch button{flex:1;border:0;border-radius:9px;padding:9px 5px;min-height:36px;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}
.coda-look-switch button[aria-pressed=true]{background:#607cac44;box-shadow:0 1px 3px #0003}
.coda-flow.is-seed img{padding:32px;filter:drop-shadow(0 0 18px #448cff44)}
[data-view="ai"] .ai-conversation-card{height:auto!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;transform:none!important;contain:none!important}
@media(max-height:700px) and (max-width:760px){
 .coda-brand{margin:0;height:40px}.coda-brand h1{font-size:21px}.coda-brand p{font-size:11px}.coda-brand img{width:32px;height:36px}
 .coda-look-switch{margin:8px 0 0;padding:2px}.coda-look-switch button{min-height:30px;padding:5px}
 .coda-flow{width:145px;height:145px;margin:0 auto}.coda-welcome h2{font-size:26px;line-height:1.12}.coda-welcome .coda-greeting{font-size:12px;margin:0 0 6px}
 .coda-tools{margin:0}.coda-tools>summary{padding:8px;font-size:11px}
}
body>.coda-bottom-composer{position:fixed!important;z-index:80;bottom:24px;left:calc(50% + 110px);transform:translateX(-50%);width:min(540px,calc(100vw - 300px));display:flex!important;align-items:center;gap:12px;padding:12px 16px!important;margin:0!important;min-height:70px;border:1px solid #77c9ff66!important;border-radius:30px!important;background:linear-gradient(140deg,#214b81bd,#4b99dd80)!important;box-shadow:inset 0 1px 0 #ffffff26,0 15px 70px #087cff44;backdrop-filter:blur(30px);color:#e8f4ff}
body>.coda-bottom-composer[hidden]{display:none!important}
body>.coda-bottom-composer textarea{flex:1;width:0;min-height:40px!important;height:40px;max-height:140px;margin:0;padding:10px 0!important;resize:none;background:transparent!important;border:0!important;color:inherit;font:inherit;font-size:16px}
body>.coda-bottom-composer .ai-composer__bottom{display:flex;padding:0;margin:0;border:0}
body>.coda-bottom-composer [data-ai-composer-note],body>.coda-bottom-composer [data-ai-send] span{display:none}
body>.coda-bottom-composer [data-ai-send]{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:10px;border-radius:50%;background:#167ace;color:white;border:1px solid #7ebfff55}
body>.coda-bottom-composer [data-ai-send] svg{width:22px;height:22px}
html:not(.theme-dark) body>.coda-bottom-composer{background:#e0eefff0!important;color:#142744}
@media(max-width:760px){body>.coda-bottom-composer{left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px));width:auto;transform:none}}
@media(prefers-reduced-transparency:reduce){body>.coda-bottom-composer{background:#183553!important;backdrop-filter:none}}
.coda-look-switch{width:100%}
[data-view="ai"] .ai-conversation-card:has(.ai-message-list:empty){display:none!important}
body>.coda-bottom-composer [data-ai-send]{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;padding:10px!important;border-radius:50%!important}
/* Crisp glass highlights; character and rings animate independently. */
.coda-flow{isolation:isolate}.coda-flow>img{filter:drop-shadow(0 0 8px #168cf52b);animation:coda-liquid-idle 10s ease-in-out infinite;will-change:transform}
@keyframes coda-liquid-idle{0%,100%{transform:rotate(-5deg) scale(.985)}50%{transform:rotate(6deg) scale(1.015)}}
@keyframes coda-thinking{to{transform:rotate(360deg)}}
.coda-flow:not(.is-seed)[data-thinking=true]>img{animation:coda-thinking 4s linear infinite}
.coda-flow.is-seed>img{animation:coda-seed-idle 8s ease-in-out infinite;padding:40px}
@keyframes coda-seed-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.coda-orbits{display:none;position:absolute;inset:15%;animation:coda-thinking 40s linear infinite;pointer-events:none}
.is-seed .coda-orbits{display:block}.coda-orbits i{position:absolute;inset:17% -12%;border:1px solid #8eeaff8c;border-radius:50%;transform:rotate(-32deg);box-shadow:0 0 5px #6abaff25}
.coda-orbits i:nth-child(2){inset:0 16%;transform:rotate(40deg);border-color:#85b8ff66}.coda-orbits i:nth-child(3){inset:6%;transform:rotate(20deg);border-style:dotted;opacity:.4}
.coda-orbits b{position:absolute;color:#bbecff;font-size:15px;top:15%;left:0;text-shadow:0 0 8px #44d9ff}.coda-orbits b:last-child{left:auto;right:4%;top:70%;font-size:10px}
.is-seed[data-thinking=true] .coda-orbits{animation-duration:4s}
.coda-flow[data-color=violet]{filter:hue-rotate(40deg)}.coda-flow[data-color=mint]{filter:hue-rotate(-55deg)}.coda-flow[data-color=amber]{filter:hue-rotate(180deg)}
.coda-flow[data-motion=false]>img,.coda-flow[data-motion=false] .coda-orbits{animation:none!important;will-change:auto}
@media(prefers-reduced-motion:reduce){.coda-flow>img,.coda-orbits{animation:none!important;will-change:auto}}
.coda-topic{position:absolute;right:12%;bottom:14%;font:600 16px Georgia,serif;color:#dbf8ff;padding:6px 9px;border-radius:12px;background:#0b213bba;border:1px solid #a9deff55;backdrop-filter:blur(12px)}.coda-topic:empty{display:none}
.coda-state{font-size:11px!important;min-height:15px;margin:0 0 5px!important;color:#99cee8}.coda-state:empty{display:none}
.coda-customize{border:0;background:transparent;position:relative;padding:0;min-width:44px;min-height:44px;cursor:pointer}.coda-customize img{width:36px!important;height:42px!important}.coda-settings-spark{position:absolute;right:0;top:4px;color:#aee9ff;font-size:12px}
.coda-settings{max-width:420px;width:calc(100% - 32px);border:1px solid #8ebdfc55;border-radius:24px;background:#101d34;color:#eaf4ff;padding:24px;box-shadow:0 30px 100px #0009}.coda-settings::backdrop{background:#020916aa;backdrop-filter:blur(10px)}
.coda-settings header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:0;margin-bottom:24px}.coda-settings h2{font-size:22px;margin:4px 0}.coda-settings header p{font-size:9px;letter-spacing:.15em;color:#a5b8d5;margin:0}.coda-settings header button{font-size:24px;background:transparent;border:0;color:inherit;min-width:44px;min-height:44px}
.coda-settings label{display:block;font-size:14px}.coda-settings select{width:100%;margin:8px 0 20px;padding:12px;background:#1c2e4b;color:inherit;border:1px solid #7db4f455;border-radius:12px;font:inherit}.coda-settings fieldset{border:0;padding:0;margin:0 0 24px}.coda-settings legend{margin-bottom:12px;font-size:14px}.coda-swatches{display:flex;justify-content:space-between;gap:8px}.coda-swatches label{text-align:center;font-size:11px;cursor:pointer}.coda-swatches input{accent-color:#62c7ff}.coda-swatches span{display:block;width:34px;height:34px;margin:5px auto;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 4px #ffffff22}
.coda-settings .coda-toggle{display:flex;align-items:center;gap:10px;padding:10px 0}.coda-settings input[type=checkbox]{width:18px;height:18px;accent-color:#61ccff}.coda-settings-note{font-size:11px;line-height:1.6;color:#9fb1ce}.coda-settings-done{width:100%;padding:12px;margin-top:12px;border:1px solid #7edbff55;background:#22699a;color:white;border-radius:14px}.coda-motion-demo{font-size:10px;color:#a3cbe8;background:transparent;border:1px solid #71a4d733;padding:6px 12px;border-radius:16px;margin:12px 0 0;cursor:pointer}
.coda-welcome.in-conversation .coda-flow{width:110px;height:110px}.coda-welcome.in-conversation h2,.coda-welcome.in-conversation .coda-greeting{display:none}
/* Liquid-glass refinement: a stable core with independent light currents. */
.coda-flow:not(.is-seed)::before{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle at 32% 24%,#247ad51a 0%,#020b21a8 50%,#0466b133 83%);box-shadow:inset 0 0 0 1px #70ccff44,inset -10px -7px 24px #157bec18,0 0 35px #1285ff12;pointer-events:none}
.coda-flow:not(.is-seed)::after{content:"";position:absolute;inset:15%;border-radius:50%;border:1px solid transparent;border-top-color:#c7f8ff99;border-right-color:#68dfff55;box-shadow:1px -1px 4px #9aeaff33;transform:rotate(-24deg);pointer-events:none;animation:coda-refraction 18s linear infinite}
.coda-flow:not(.is-seed)>img{position:relative;z-index:1;filter:drop-shadow(0 0 3px #3ba5ff3d);animation:coda-liquid-idle 14s ease-in-out infinite}
.coda-flow:not(.is-seed)[data-thinking=true]>img{animation:coda-thinking 6s linear infinite}
.coda-flow:not(.is-seed)[data-thinking=true]::after{animation-duration:9s;border-top-color:#e3ffff;box-shadow:1px -1px 6px #81dfff66}
@keyframes coda-refraction{from{transform:rotate(-24deg)}to{transform:rotate(-384deg)}}
.coda-flow[data-motion=false]::after{animation:none!important}
@media(prefers-reduced-motion:reduce){.coda-flow::after{animation:none!important}}

.coda-swatches [data-swatch=blue]{--swatch:#58caff}.coda-swatches [data-swatch=violet]{--swatch:#72adff}.coda-swatches [data-swatch=mint]{--swatch:#76e4bd}.coda-swatches [data-swatch=amber]{--swatch:#ffc970}

.coda-flow.is-original-coda>img{object-fit:contain;filter:none!important;mix-blend-mode:normal;max-width:100%;max-height:100%}
.coda-flow.is-original-coda .coda-orbits{display:none}
@media(prefers-reduced-motion:reduce){.coda-flow.is-original-coda,.coda-flow.is-original-coda>img{animation:none!important;transition:none!important;transform:none!important}}

html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-presence__orb.coda-avatar-presentation{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:12px!important}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-presence__orb.coda-avatar-presentation::before,html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-presence__orb.coda-avatar-presentation::after{display:none!important}
.coda-avatar-presentation img{display:block;width:100%;height:100%;object-fit:contain}