/* Approved Coda board; hidden/access guards remain authoritative. */
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .app-main{padding:32px 24px 40px!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]>.page-header{min-height:42px!important;margin:0 0 18px!important;gap:12px;width:calc(100% - 272px);}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]>.page-header h1{font-size:19px!important;letter-spacing:-.03em!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]>.page-header .page-kicker{display:none!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]>.page-header>.preview-status{margin-left:auto!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .ai-tutor-layout:not([hidden]){display:grid!important;grid-template-columns:minmax(0,1fr) 244px!important;gap:28px!important;max-width:none!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .preview-coda-main{gap:14px!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .preview-coda-sidebar{margin-top:-60px;gap:14px!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .ai-conversation-card{padding:20px!important;gap:12px!important;min-height:646px!important;border:1px solid #ffffffd9!important;border-radius:26px!important;background:linear-gradient(165deg,#ffffffbd,#ffffff66)!important;box-shadow:0 18px 44px #05145c1f,inset 0 1.5px 0 #fffffff2,inset 0 -1px 0 #ffffff66!important;backdrop-filter:blur(20px) saturate(170%);justify-content:flex-start!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] [data-coda-chat-intro]{margin:0!important;gap:12px!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] [data-coda-chat-intro] h2{font-size:24px!important;font-weight:800!important;letter-spacing:-.02em!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-approved-tap{display:block!important;position:relative!important;flex:none!important;width:148px!important;height:148px!important;min-height:0!important;perspective:620px;padding:0!important;border:1px solid #ffffffb3!important;border-radius:50%!important;background:radial-gradient(circle at 28% 20%,#ffffffcc,#cbdcff55 60%,#acb9f373)!important;box-shadow:inset 0 1px 6px #fff,0 18px 28px #05145c33!important;cursor:pointer;overflow:visible!important;margin:0 auto!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-approved-tap--small{width:80px!important;height:80px!important;margin:0!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-approved-tap .coda-flow{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;animation:none!important;overflow:visible!important;transform:rotateX(var(--coda-tilt-x,0deg)) rotateY(var(--coda-tilt-y,0deg))!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-flow::before,[data-view=ai] .coda-flow::after,[data-view=ai] .coda-orbits,[data-view=ai] .coda-topic{display:none!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-flow>img{position:absolute!important;inset:3%!important;width:94%!important;height:94%!important;object-fit:contain!important;filter:none!important;animation:none;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-approved-tap.plain .today-coda-ring{opacity:0;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-board-actions{gap:12px!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-board-actions button{min-height:96px!important;gap:22px!important;padding:14px!important;border-radius:20px!important;background:#ffffffbd!important;border:1px solid #fffffff2!important;box-shadow:0 8px 20px #05145c12,inset 0 1px 0 #fff!important;font-size:15px!important;transition:transform .18s ease,box-shadow .18s ease;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-board-actions button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #05145c24,inset 0 1px 0 #fff!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .reference-coda-chips{display:flex!important;flex-wrap:wrap;justify-content:center;gap:7px!important;margin:0!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .reference-coda-chips button{font-size:12px!important;padding:8px 12px!important;min-height:36px!important;background:#ffffffbd!important;border:1px solid #fffffff2!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]:is([data-coda-flow=conversation],[data-coda-local=true]) :is([data-coda-chat-intro],.coda-space-start,.reference-coda-chips){display:none!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai][data-coda-local=true] .ai-message-list{display:flex!important;flex-direction:column;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .ai-message-list{gap:12px!important;overflow-wrap:anywhere;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] :is(.ai-message--student,.coda-board-bubble--student){align-self:flex-end!important;margin-left:auto!important;max-width:72%!important;border-radius:18px 18px 4px 18px!important;background:linear-gradient(135deg,#1652e0,#4658da)!important;color:#fff!important;padding:11px 15px!important;box-shadow:0 8px 18px #1652e03d,inset 0 1px 0 #ffffff47!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .ai-message--student :is(p,span,div){color:inherit!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] :is(.ai-message--assistant,.coda-board-bubble--coda){max-width:85%!important;border-radius:18px 18px 18px 4px!important;padding:11px 15px!important;background:#ffffffe0!important;color:var(--board-ink)!important;border:1px solid #fff!important;box-shadow:0 6px 16px #05145c14!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .ai-message{font:500 15px/1.6 Manrope,sans-serif!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .ai-message p{margin-block:0 8px;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .ai-conversation-header{min-height:0!important;gap:12px!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] :is(.preview-coda-privacy,.reference-coda-now,.reference-coda-courses){padding:16px 18px!important;border:1px solid #ffffffd9!important;border-radius:22px!important;background:#ffffff99!important;box-shadow:0 14px 30px #05145c12,inset 0 1px 0 #fff!important;backdrop-filter:blur(20px) saturate(170%);}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .preview-coda-sidebar .coda-space-context{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .preview-coda-sidebar .coda-space-context:not([open]){padding:0!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .preview-coda-privacy h2,[data-view=ai] .reference-coda-now h2,[data-view=ai] .reference-coda-courses h2{font-size:11px!important;margin-bottom:10px!important;color:var(--today-muted,#566384)!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .preview-coda-access-row{margin:8px 0;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .preview-coda-privacy>p{font-size:12px!important;line-height:1.5!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-course-row{display:grid;width:100%;gap:4px;text-align:left;min-height:52px;padding:9px 0;background:none;border:0;color:var(--board-ink);font-family:inherit;cursor:pointer;overflow-wrap:anywhere;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-course-row strong{font-size:14px;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-course-row small{font-size:12px;color:var(--today-muted,#566384);}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-course-add{font:800 12px/1.5 Manrope,sans-serif;color:#0940c4;min-height:44px;border:0;background:transparent;text-align:left;cursor:pointer;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .preview-coda-upcoming{grid-row:2!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .preview-coda-soon{min-height:68px!important;flex-direction:row!important;align-items:center!important;gap:10px;padding:8px 10px!important;border:1px dashed #25508d66!important;border-radius:20px!important;background:#ffffff8c!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .preview-coda-soon h3{font-size:13px!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .preview-coda-soon p{font-size:11px!important;margin:4px 0 0;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] #ai-composer{grid-row:3!important;position:static!important;gap:0 8px!important;padding:6px 6px 6px 20px!important;border:1px solid #fffffff2!important;border-radius:26px!important;background:#ffffffd1!important;box-shadow:0 12px 28px #05145c1f,inset 0 1px 0 #fff!important;backdrop-filter:blur(18px) saturate(170%);}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] #ai-composer textarea{min-height:46px!important;height:46px!important;padding:12px 0!important;font-size:15px!important;resize:vertical;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] #ai-composer:focus-within{box-shadow:0 0 0 3px #4658da8c,0 12px 28px #05145c24!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-space-allowance{margin:0!important;padding:0!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-space-allowance summary{padding:4px 0!important;min-height:24px;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-space-tools{grid-row:4!important;}

.mc-coda-talk{display:none!important;}
.coda-local-messages,.coda-board-exchange{display:flex;flex-direction:column;gap:12px;min-width:0;}
.coda-board-exchange{margin:0 0 12px;}
.coda-board-bubble{white-space:pre-wrap;font:500 15px/1.6 Manrope,sans-serif;overflow-wrap:anywhere;}
.coda-inline-draft{width:min(100%,480px);box-sizing:border-box;border:1px solid var(--board-line,#fff);border-radius:18px;padding:16px;background:var(--board-card,#ffffffe0);color:var(--board-ink,#102044);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font:500 13px/1.5 Manrope,sans-serif;}
.coda-inline-draft>strong,.coda-inline-draft>label:first-of-type,.coda-inline-draft>.coda-board-note,.coda-draft-actions{grid-column:1/-1;}
.coda-inline-draft label{display:grid;gap:4px;min-width:0;}
.coda-inline-draft :is(input,select){box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid #8596c6;border-radius:10px;background:var(--board-card,#fff);color:inherit;font:inherit;}
.coda-draft-actions{display:flex;flex-wrap:wrap;gap:8px;}
.coda-board-button{min-height:44px;border-radius:12px;padding:10px 14px;background:#e6eafa;color:#102044;border:1px solid #b7c4e5;font:800 13px/1.5 Manrope,sans-serif;cursor:pointer;}
.coda-board-primary{background:#0940c4;color:#fff;border-color:#0940c4;}
.coda-board-editor-link{border:0;background:none;color:inherit;font:700 12px/1.5 Manrope,sans-serif;min-height:44px;text-decoration:underline;cursor:pointer;}
.coda-board-note{font:500 12px/1.5 Manrope,sans-serif;margin:0;}
.coda-timer-panel{position:fixed;inset:70px 30px auto auto;margin:0;box-sizing:border-box;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 96px);overflow:auto;padding:18px;border:1px solid #fff;border-radius:24px;background:#f7f8ffed;color:#102044;box-shadow:0 24px 70px #05145c44;backdrop-filter:blur(22px) saturate(170%);font:500 13px/1.5 Manrope,sans-serif;}
.coda-timer-panel::backdrop{background:#10204429;}
.coda-timer-panel header{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.coda-timer-panel button{min-height:44px;padding:8px 12px;border:1px solid #c8cfea;border-radius:12px;background:#fff;color:inherit;font:800 12px/1.4 Manrope,sans-serif;cursor:pointer;}
.coda-timer-panel header button{width:44px;font-size:22px;}
.coda-timer-clock{font:700 48px/1.5 Manrope,sans-serif;font-variant-numeric:tabular-nums;text-align:center;}
.coda-timer-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px;}
.coda-timer-buttons button:first-child{background:#0940c4;color:#fff;border-color:#0940c4;}
.coda-timer-panel fieldset{padding:0;border:0;margin:14px 0;}
.coda-timer-panel legend{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px;}
.coda-timer-sound,.coda-timer-check{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #c9d1e8;}
.coda-timer-panel>button{display:block;width:100%;margin-top:12px;}
html.theme-dark .coda-timer-panel{background:#20294cf5;color:#eef2ff;border-color:#8397d04d;}
html.theme-dark .coda-timer-panel button{background:#344568;color:#eef2ff;border-color:#8295c6;}
html.theme-dark .coda-timer-buttons button:first-child{background:#6478ec;}

html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] [hidden]{display:none!important;}

html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] :is(.ai-conversation-card,.preview-coda-privacy,.reference-coda-now,.reference-coda-courses,#ai-composer,.ai-message--assistant,.coda-board-bubble--coda){background:#20294ccc!important;border-color:#8397d04d!important;color:#eef2ff!important;}
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] :is(.coda-board-actions button,.reference-coda-chips button){background:#344268!important;border-color:#8397d04d!important;color:#eef2ff!important;}
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] :is(.preview-coda-soon,.today-phonebar){background:#293654cc!important;color:#eef2ff!important;}
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-course-add{color:#b9caff;}
@media(max-width:1100px){html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .app-main{padding:24px!important;}html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .ai-tutor-layout:not([hidden]){grid-template-columns:minmax(0,1fr) 230px!important;gap:18px!important;}html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .ai-conversation-card{min-height:560px!important;}}
@media(max-width:850px){html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .ai-tutor-layout:not([hidden]){grid-template-columns:minmax(0,1fr)!important;}html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .preview-coda-sidebar{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .app-main{padding:14px 16px 110px!important;}html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .ai-conversation-card{min-height:540px!important;padding:16px!important;justify-content:center!important;}html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .preview-coda-sidebar{grid-template-columns:minmax(0,1fr);}html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .preview-coda-upcoming{grid-template-columns:minmax(0,1fr)!important;}html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]>.page-header{flex-wrap:wrap!important;}html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]>.page-header>.preview-status{margin-left:0!important;flex-basis:100%;}html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] :is(.ai-message--assistant,.coda-board-bubble--coda){max-width:100%!important;} .coda-timer-panel{inset:80px auto auto 16px;}}
@media(prefers-reduced-motion:reduce){.coda-board-enabled *,.coda-board-enabled *::before,.coda-board-enabled *::after{animation:none!important;transition:none!important;transform:none!important;}}
html:is([data-reduced-motion=true],[data-design-motion=still]) .coda-board-enabled *{animation:none!important;transition:none!important;}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] :is(.ai-conversation-card,.preview-coda-privacy,.reference-coda-now,.reference-coda-courses,#ai-composer){backdrop-filter:none!important;background:var(--board-card,#fff)!important;}}

@media(min-width:851px){html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]>.page-header>.preview-status{flex-wrap:wrap!important;justify-content:flex-end;gap:8px!important;}html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .preview-status [data-workspace-lock]{font-size:11px!important;padding:8px!important;}html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .preview-status .avatar{display:none!important;}}
@media(max-width:850px){html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]>.page-header{width:100%;}}

html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .preview-status .preview-status-more{display:block!important;}
@media(min-width:1101px){
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .ai-tutor-layout:not([hidden]){grid-template-columns:minmax(0,1fr) 256px!important;gap:32px!important;}
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]>.page-header{width:calc(100% - 288px);}
}
@media(max-width:760px){
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]>.page-header{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;}
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]>.page-header>div:first-child{display:block!important;position:static!important;width:auto!important;}
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]>.page-header h1{display:block!important;position:static!important;}
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]>.page-header .page-kicker{display:block!important;font-size:12px!important;line-height:1.3!important;}
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]>.page-header>.preview-status{display:flex!important;grid-column:2!important;grid-row:1!important;flex-direction:column!important;align-items:flex-start!important;position:static!important;width:100%!important;min-width:0!important;gap:6px!important;}
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .preview-status :is(.mc-weather-bar,[data-app-weather]){display:contents!important;}
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .preview-status [data-live-focus-button]{display:flex!important;position:static!important;inset:auto!important;flex:0 0 auto!important;width:auto!important;min-width:144px!important;max-width:100%!important;padding:9px 14px!important;order:0;gap:8px!important;}
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .preview-status [data-live-focus]{display:inline!important;}
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .preview-status .mc-live-header{position:static!important;width:auto!important;min-width:0!important;max-width:100%!important;order:1;}
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .preview-status .preview-status-more{order:3;position:absolute!important;right:0;bottom:0;}
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .preview-status [data-workspace-lock]{display:flex!important;position:static!important;inset:auto!important;width:auto!important;min-width:0!important;flex:0 0 auto!important;order:2;padding:8px 12px!important;border-radius:999px!important;gap:8px!important;}
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .preview-status [data-workspace-lock] span.lock-label{display:inline!important;font-size:11px!important;}
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .preview-status .avatar{display:none!important;}
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .today-phonebar{min-height:86px!important;padding:12px 10px!important;justify-content:flex-start!important;}
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .today-phonebar-profile{margin-left:0!important;}
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-board-actions button{flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;}
}

@media(max-width:760px){
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]>.page-header::before{display:none!important;content:none!important;}
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]>.page-header>div:first-child{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column-reverse!important;gap:2px!important;}
}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-space-start{margin-top:10px!important;padding:0 12px!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .reference-coda-chips{margin-top:10px!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-board-actions button{font-weight:800!important;}
@media(min-width:761px){
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .preview-coda-upcoming{margin-top:42px!important;}
 html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .preview-coda-soon{min-height:95px!important;}
}

#app-shell[data-active-view=ai]>.today-ambient{opacity:.35;}
html.theme-dark #app-shell[data-active-view=ai]>.today-ambient{opacity:.2;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai][data-design-density=one] [data-view=ai] .ai-tutor-layout:not([hidden]){grid-template-columns:minmax(0,1fr)!important;max-width:none!important;margin:0!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai][data-design-density=one] [data-view=ai]>.page-header{width:100%;}

html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] :is(.preview-coda-sidebar,.preview-coda-soon) p{color:#c3cdea!important;}
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] #ai-composer textarea::placeholder{color:#c3cdea!important;}
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .preview-status :is([data-live-focus-button],[data-workspace-lock],.mc-live-header){background:#2a3557!important;color:#eef2ff!important;border-color:#8397d04d!important;}
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .mc-nav--mobile{background:#20294cf2!important;border-color:#8397d04d!important;}
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .mc-nav--mobile .mc-nav__item:not(.is-active){color:#c3cdea!important;}
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .preview-status :is([data-live-clock],.mc-app-weather__details>summary,.mc-app-weather__details>summary *,.preview-status-more>summary){color:#eef2ff!important;}

/* Approved phone exception: greeting, typing, then quick starts and future tools. */
@media(max-width:760px){
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .ai-conversation-card{min-height:0!important;padding:20px 16px!important;grid-row:1!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] #ai-composer{grid-row:2!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-mobile-starts{display:grid;gap:12px;grid-row:3!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .preview-coda-upcoming{grid-row:4!important;margin-top:0!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-space-tools{grid-row:5!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]:is([data-coda-flow=conversation],[data-coda-local=true]) .ai-conversation-card{max-height:clamp(140px,calc(100dvh - 460px),300px);overflow:auto!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]>.page-header .coda-approved-tap--small{grid-column:1;grid-row:1;width:64px!important;height:64px!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai]>.page-header:has(.coda-approved-tap--small)>div:first-of-type{display:none!important;}
}
@media(max-width:760px) and (max-height:700px){
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .today-phonebar{min-height:52px!important;padding:6px 10px!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .coda-approved-tap{width:64px!important;height:64px!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] .ai-conversation-card{padding:12px 16px!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] [data-view=ai] [data-coda-chat-intro] h2{font-size:21px!important;}
html body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view=ai] .preview-status :is([data-live-focus-button],[data-workspace-lock],.mc-live-header){min-height:36px!important;padding-block:6px!important;}
}