/* A steady workspace, with the conversation owning its own scroll area. */
html{scrollbar-gutter:stable;scroll-padding-top:100px}body{overflow-x:clip}body:has(dialog[open]){overflow:hidden}.topbar{position:sticky;top:0;z-index:20;min-height:72px}.main-shell{min-height:100dvh}main{width:100%;scroll-margin-top:90px}dialog{max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}dialog::backdrop{background:#081a31a3;backdrop-filter:blur(3px)}.button-row,.form-grid,.page-heading{min-width:0}.page-heading h1,h2,h3{text-wrap:balance;hyphens:none}.sidebar{background:radial-gradient(ellipse at 0 0,#28577b55,transparent 58%),linear-gradient(156deg,#153653 0%,#102a48 43%,#0b1e35 100%)}.brand{color:#e1ebf5}.brand-logo{filter:drop-shadow(0 1px 2px #040c1855);transition:filter .25s}.brand:hover .brand-logo{filter:drop-shadow(0 1px 5px #c5dfdf25)}.brand small{color:#9eb6c2;font-size:8px;letter-spacing:2.15px;margin-top:0}.brand>span{display:flex;flex-direction:column;line-height:1.07}.brand-subtitle{white-space:nowrap}.studio-result-image img{display:block;min-height:120px;max-width:100%;height:auto}.studio-feed{overflow-anchor:none;overscroll-behavior:contain}.studio-feed>*{overflow-anchor:none}.studio-message-body{min-width:0;overflow-wrap:anywhere}.studio-history{max-height:min(210px,35dvh);overflow:auto;overscroll-behavior:contain}.studio-composer textarea{overscroll-behavior:contain}.studio-composer-wrap{isolation:isolate}.teacher-chat-route .app-shell{height:var(--teacher-viewport-height,100dvh);min-height:0}.teacher-chat-route .main-shell{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.teacher-chat-route .topbar{position:relative;flex:0 0 auto;height:72px}.teacher-chat-route #main{padding-top:22px;padding-bottom:12px;flex:1;min-height:0;max-height:none;overflow:hidden;margin:0 auto;display:flex;flex-direction:column}.teacher-chat-route .footer{display:none}.teacher-chat-route #llamas-studio{flex:1;min-height:0;display:flex;flex-direction:column}.teacher-chat-route .studio-page{height:100%;min-height:0;max-width:980px;width:100%;margin:0 auto;display:flex;flex-direction:column}.teacher-chat-route .studio-header{flex-shrink:0;margin-bottom:12px}.teacher-chat-route .studio-header h1{font-size:32px;margin:6px 0}.teacher-chat-route .studio-feed{flex:1;min-height:0;max-height:none;overflow-y:auto;padding:6px 5px 18px}.teacher-chat-route .studio-composer-wrap{flex-shrink:0;position:relative;bottom:auto;padding-top:10px;padding-bottom:env(safe-area-inset-bottom,0)}.teacher-chat-route .studio-welcome{padding:18px 0 12px}.teacher-chat-route .studio-welcome h2{font-size:30px}.teacher-chat-route .studio-emblem{margin-bottom:15px}.teacher-chat-route .studio-tool-grid{margin-top:18px}.teacher-chat-route .studio-composer textarea{max-height:min(150px,22dvh);min-height:56px}.teacher-chat-route .studio-modes{margin-bottom:7px}.teacher-chat-route .studio-bottom-note{margin-top:7px}.teacher-chat-route .studio-history{flex-shrink:0}
@media(max-width:900px){.teacher-chat-route .topbar{height:66px;min-height:66px}.teacher-chat-route #main{padding:14px 22px 10px}.teacher-chat-route .studio-input-hint{max-width:46%;line-height:1.25}.teacher-chat-route .studio-bottom-note span{display:none}}
@media(max-width:650px){html{scroll-padding-top:74px}.topbar{min-height:64px}.teacher-chat-route .topbar{height:60px;min-height:60px}.teacher-chat-route #main{padding:11px 12px 5px}.teacher-chat-route .studio-header{margin-bottom:6px;align-items:center;gap:8px}.teacher-chat-route .studio-header h1{font-size:25px;margin:4px 0}.teacher-chat-route .studio-header .eyebrow{font-size:7px;letter-spacing:1.2px}.teacher-chat-route .studio-ready{display:none}.teacher-chat-route .studio-header .button-row{gap:5px}.teacher-chat-route .studio-header .btn{min-height:34px;padding:6px 8px}.teacher-chat-route .studio-feed{padding-bottom:12px}.teacher-chat-route .studio-welcome{padding-top:12px}.teacher-chat-route .studio-welcome h2{font-size:26px}.teacher-chat-route .studio-tool-grid{gap:8px}.teacher-chat-route .studio-tool-card{padding:12px}.teacher-chat-route .studio-tool-art{height:50px}.teacher-chat-route .studio-tool-card small{line-height:1.4}.teacher-chat-route .studio-modes{flex-wrap:wrap;gap:6px}.teacher-chat-route #studio-mode-description{display:none}.teacher-chat-route .studio-mode{min-height:34px;flex:1;padding:6px;font-size:10px}.teacher-chat-route .studio-bottom-note{font-size:8px;text-align:center}.teacher-chat-route .studio-input-hint{font-size:9px}.teacher-chat-route .studio-plus-menu{width:min(310px,calc(100vw - 42px));max-height:min(330px,52dvh);overflow-y:auto}.teacher-chat-route .studio-composer textarea{font-size:16px;max-height:110px;min-height:52px}.teacher-chat-route .studio-emblem{margin-bottom:10px}.teacher-chat-route .studio-prompt-chips{margin-top:14px}.teacher-chat-route .studio-composer-wrap{padding-top:6px}.teacher-chat-route .studio-composer{padding:10px}.teacher-chat-route .studio-composer-bottom{padding-top:4px}}
@media(max-height:600px){.teacher-chat-route .studio-header .eyebrow,.teacher-chat-route .studio-bottom-note{display:none}.teacher-chat-route .studio-header h1{font-size:23px}.teacher-chat-route .studio-modes{margin-bottom:4px}.teacher-chat-route .studio-composer textarea{min-height:42px;max-height:70px}.teacher-chat-route .studio-composer-wrap{padding-top:3px}.teacher-chat-route .topbar{min-height:48px;height:48px}}
@media print{.teacher-chat-route .app-shell,.teacher-chat-route .main-shell,.teacher-chat-route #main{height:auto;overflow:visible}.teacher-chat-route .topbar{display:none}}
/* Restoring a reading position must finish before a response redraws the feed. */
.teacher-chat-route .studio-feed{scroll-behavior:auto}
/* Lesson controls must fit the card, including enlarged text on a phone. */
.lesson-layout,.lesson-paper,.stage-list,.stage-btn,.timer-controls{min-width:0}.lesson-paper{scroll-margin-top:96px}.timer-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.timer-controls .timer{flex:none}.timer-controls .btn{min-width:0;max-width:100%;flex-shrink:1}.stage-btn{align-items:flex-start;overflow-wrap:break-word}.stage-btn>span:first-child{flex:none}.stage-btn .stage-time{flex:none}.lesson-layout+.teacher-art{margin-top:24px}
@media(max-width:850px){.stage-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;overflow:visible}.stage-list .stage-btn{display:grid;grid-template-columns:19px minmax(0,1fr) 22px;gap:6px;min-width:0;min-height:64px;padding:12px 10px;border:1px solid #e2e8ed;border-radius:7px;font-size:11px;line-height:1.55;background:#f7fafb}.stage-list .stage-btn.active{background:#e1ecee;border-color:#b9d0d3}.stage-list .stage-btn .stage-time{margin-left:0;text-align:right}.lesson-paper .timer-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:20px}.lesson-paper .timer-controls .timer{grid-column:1/-1;text-align:left;font-size:42px;line-height:1.2;margin-bottom:4px}.lesson-paper .timer-controls .btn{width:100%;min-height:44px;padding:10px 11px}.lesson-paper .timer-controls .btn:last-child{grid-column:1/-1}.lesson-paper{min-height:0}.lesson-paper h2{overflow-wrap:normal}.lesson-layout{gap:18px}}
@media(max-width:360px){.stage-list{padding:10px;gap:6px}.stage-list .stage-btn{grid-template-columns:16px minmax(0,1fr);padding:10px 7px;font-size:10px}.stage-list .stage-btn .stage-time{grid-column:2;text-align:left;font-size:9px}.lesson-paper{padding:20px}}
.library-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 23px}.library-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.library-material{display:flex;flex-direction:column;min-width:0;gap:13px}.library-material h2{font-size:25px;margin:0}.library-material p{margin:0;overflow-wrap:anywhere}.library-material>img{width:100%;height:190px;object-fit:contain;background:#edf3f5;border-radius:7px}.library-material .button-row{margin-top:auto}.library-material .eyebrow{line-height:1.7}.studio-message-actions button[data-material]{display:inline-flex;align-items:center;gap:7px}.studio-modes{flex-wrap:wrap}.studio-modes #studio-presentation{flex-shrink:0}@media(max-width:650px){.library-materials{grid-template-columns:1fr}.library-tabs{gap:7px}.library-tabs .btn{flex:1 1 120px}.teacher-chat-route .studio-mode{flex:1 1 29%;font-size:9px}.teacher-chat-route .studio-modes{gap:5px}.teacher-chat-route .studio-mode svg{width:14px}.teacher-chat-route .studio-mode#studio-presentation{flex:1 1 29%}}
/* Short lesson navigation stays readable with enlarged type on narrow phones. */
@media(max-width:480px){
 .stage-list{grid-template-columns:minmax(0,1fr)!important;gap:6px!important;padding:12px!important}
 .stage-list .stage-btn{display:grid!important;grid-template-columns:22px minmax(0,1fr) 27px!important;gap:8px!important;min-height:48px!important;padding:10px 12px!important;overflow-wrap:normal!important;word-break:normal!important;font-size:.82rem!important;line-height:1.4!important}
 .stage-list .stage-btn .stage-time{grid-column:3!important;grid-row:1!important;align-self:center!important}
 .interaction-panel h3{font-size:clamp(22px,5.4vw,30px);line-height:1.22}
}

.offer-original{font-size:.55em;color:#778697;font-weight:400;white-space:nowrap}.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px}