:root{color:#243b35;font-synthesis:none;--green:#176950;--ink:#223e35;--muted:#78837e;--border:#e4e9e3;--purple:#eee9fa;--orange:#fff0df;--blue:#e9f1fa;--pink:#fae9ee;--mint:#e7f4eb;background:#f7f8f5;font-family:Noto Sans KR,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,textarea,select{outline-offset:4px}button{color:inherit}a{color:var(--green)}button{background:0 0;border:0}h1,h2,h3,p{margin:0}p{line-height:1.75}h1{letter-spacing:-1.1px;font-size:30px;line-height:1.4}h2{letter-spacing:-.5px;font-size:20px}h3{letter-spacing:-.4px;font-size:18px}small{font-size:12px}svg{flex-shrink:0}img{object-fit:cover;max-width:100%}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dce4dc;border-radius:10px;padding:11px 13px;font-size:14px}textarea{resize:vertical;line-height:1.65}input:focus,textarea:focus,select:focus{border-color:#0000;outline:2px solid #93bba9}label{flex-direction:column;gap:9px;margin-bottom:18px;font-size:13px;font-weight:600;display:flex}label input,label textarea,label select{font-weight:400}.muted{color:var(--muted)}.small{font-size:13px}.tiny{letter-spacing:.5px;color:#8f9c92;font-size:11px;font-weight:600}.eyebrow{letter-spacing:1.8px;color:#728e7d;margin-bottom:9px;font-size:10px;font-weight:800;display:block}.btn{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-size:14px;font-weight:700;transition:background .18s,transform .18s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.primary{background:var(--green);color:#fff;box-shadow:0 3px 6px #153e3210}.primary:hover{background:#0e5741}.secondary{background:#fff;border:1px solid #dce5db}.secondary:hover{background:#f2f6ef}.subtle{color:#99604e;background:#f8ede8}.full{width:100%}.small-btn{padding:9px 13px;font-size:12px}.badge{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;width:max-content;padding:5px 10px;font-size:11px;font-weight:700;line-height:1.6;display:inline-flex}.green{background:var(--mint);color:#408166}.purple{background:var(--purple);color:#8264ac}.orange{background:var(--orange);color:#ac7c47}.blue{background:var(--blue);color:#537eaa}.pink{background:var(--pink);color:#b57086}.icon-btn{border-radius:8px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-btn:hover{background:#edf3ed}.text-button{color:var(--green);align-items:center;gap:7px;padding:6px 0;font-size:12px;font-weight:600;display:inline-flex}.brand{letter-spacing:-.5px;align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.brand small{letter-spacing:.4px;color:#8fa29a;margin-top:4px;font-size:10px;font-weight:400;display:block}.brand-symbol{color:#224b3a;background:#dfecb9;border-radius:12px 12px 12px 3px;place-items:center;width:37px;height:40px;display:grid}.login-page{background:#f9faf6;min-height:100vh;padding:0 5vw}.login-nav{justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:30px 0;display:flex}.login-layout{grid-template-columns:1.12fr 1fr;align-items:center;gap:100px;max-width:1120px;margin:40px auto 30px;display:grid}.login-story h1{letter-spacing:-2px;margin:10px 0 16px;font-size:49px;line-height:1.3}.login-story>p{color:#7c887e;font-size:15px}.login-visual{background:#e1eddd;border-radius:24px 80px 24px 24px;height:280px;margin:26px 0 20px;position:relative;overflow:hidden}.login-visual img{object-position:center;width:100%;height:100%}.visual-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffdc;border-radius:20px;align-items:center;gap:7px;padding:9px 15px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:16px;left:20px}.login-pills{color:#6d8575;gap:24px;font-size:11px;display:flex}.login-pills span{align-items:center;gap:6px;display:flex}.login-card{border:1px solid var(--border);background:#fff;border-radius:20px;padding:36px;box-shadow:0 12px 60px #14351e07}.login-card h2{margin:15px 0 9px;font-size:25px}.login-card>p{font-size:13px}.tabs{background:#f5f6f2;border-radius:11px;gap:5px;margin:25px 0;padding:5px;display:flex}.tabs button{color:#899188;border-radius:7px;flex:1;padding:11px;font-size:13px}.tabs .selected{color:var(--green);background:#fff;font-weight:700;box-shadow:0 2px 5px #00000009}.demo-box{border-top:1px solid var(--border);margin-top:28px;padding-top:24px}.demo-box strong{font-size:13px}.demo-box p{color:#8a9187;margin:7px 0 12px;font-size:12px}.demo-buttons{gap:6px;margin-bottom:14px;display:flex}.demo-buttons button{background:#f0f5ee;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 3px;font-size:11px;display:flex}.demo-box>small{color:#9da69c;font-size:10px}.login-footer{text-align:center;color:#a0aa9d;padding:24px;font-size:11px}.loading{color:#779385;justify-content:center;align-items:center;gap:10px;min-height:65vh;display:flex}.spin{animation:3s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;display:flex}.sidebar{color:#e7eee9;z-index:20;background:#163e32;flex-direction:column;width:238px;padding:29px 22px 20px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .brand{font-size:15px}.sidebar .brand small{color:#97b0a3}.camp-label{background:#ffffff07;border:1px solid #ffffff10;border-radius:12px;flex-direction:column;gap:7px;margin:35px 0 26px;padding:17px 14px;display:flex}.camp-label strong{font-size:13px}.camp-label>span:last-child{color:#a7b9ac;font-size:10px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.sidebar nav>button{color:#a7beb0;text-align:left;border-radius:9px;align-items:center;gap:12px;width:100%;padding:13px;font-size:13px;display:flex}.sidebar nav>button.nav-active{color:#274f3b;background:#dce9bb;font-weight:800}.sidebar nav>button:hover:not(.nav-active){color:#fff;background:#ffffff0a}.sidebar nav b{color:#244735;background:#dfeabb;border-radius:50%;place-items:center;width:20px;height:20px;margin-left:auto;font-size:10px;display:grid}.sidebar-bottom{margin-top:auto;padding-top:30px}.side-note{color:#c1d3b9;border:1px solid #ffffff15;border-radius:14px;margin-bottom:23px;padding:18px 15px}.side-note strong{margin:8px 0;font-size:12px;display:block}.side-note p{color:#94b39e;font-size:11px}.profile{text-align:left;border-top:1px solid #ffffff13;align-items:center;gap:10px;width:100%;padding:20px 0 0;display:flex}.profile>span:nth-child(2){flex:1}.profile strong{font-size:12px}.profile small{color:#87a392;margin-top:5px;font-size:10px;display:block}.avatar{color:#7d795d;background:#f0e6d6;border-radius:11px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:inline-grid}.workspace{width:calc(100% - 238px);margin-left:238px}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:12px;height:79px;padding:0 37px;display:flex}.breadcrumb{color:#9ba59d;align-items:center;gap:15px;font-size:11px;display:flex}.breadcrumb strong{color:#586b5f;font-weight:500}.top-actions{align-items:center;gap:18px;display:flex}.demo-indicator{color:#7c8a7d;align-items:center;gap:6px;font-size:10px;display:flex}.demo-indicator i{background:#d0aa65;border-radius:50%;width:6px;height:6px}.class-chip{color:#68775f;background:#f4f6f0;border-radius:6px;padding:8px 12px;font-size:11px}.notification{position:relative}.notification i{background:#eaa077;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:7px}.main-content{max-width:1440px;margin:auto;padding:29px 38px 45px}.journey-tabs{border:1px solid var(--border);background:#fff;border-radius:13px;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:31px;padding:7px;display:grid}.journey-tabs>button{text-align:left;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex;position:relative}.journey-tabs>button>span:first-child{color:#9ba396;border:1px solid #e2e6dd;border-radius:50%;place-items:center;width:29px;height:29px;font-size:11px;display:grid}.journey-tabs small{letter-spacing:1px;color:#a1a99c;margin-bottom:3px;font-size:8px;display:block}.journey-tabs strong{color:#8b9587;white-space:nowrap;font-size:11px;font-weight:500}.journey-tabs .active{background:#edf3e5}.journey-tabs .active>span:first-child{color:#fff;background:#37694c;border-color:#37694c}.journey-tabs .active strong{color:#2e5b42;font-weight:800}.journey-tabs .active small{color:#63846a}.day-dot{background:#74966a;border-radius:50%;width:5px;height:5px;position:absolute;top:16px;right:12px}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.page-heading h1{font-size:27px}.page-heading p{color:#849080;margin-top:10px;font-size:12px}.page-heading.compact{margin-bottom:22px}.wave{color:#c6a96f;margin-left:3px;font-size:25px}.hero-card{background:#eaf0df;border:1px solid #dfe7d5;border-radius:18px;grid-template-columns:1fr 44%;min-height:321px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:29px 32px 25px;position:relative}.hero-tag{color:#5e795a;background:#ffffff7a;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:600;display:inline-flex}.hero-copy h2{letter-spacing:-1px;max-width:390px;margin:18px 0 12px;font-size:28px;line-height:1.45}.hero-copy>p{color:#75806c;word-break:keep-all;max-width:375px;margin-bottom:22px;font-size:12px;line-height:1.85}.hero-copy>small{color:#8c9b80;margin-top:15px;font-size:9px;display:block}.hero-image{position:relative}.hero-image>img{object-position:50% 40%;width:100%;height:100%;position:absolute;inset:0}.hero-image:before{content:"";z-index:1;background:linear-gradient(90deg,#eaf0df,#0000 22%);position:absolute;inset:0}.day-4 .hero-image>img{object-position:50% 30%}.floating-note{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdc;border:1px solid #fff;border-radius:12px;align-items:center;gap:9px;padding:12px 16px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:25px;right:20px;transform:rotate(-3deg);box-shadow:0 8px 25px #35482113}.floating-note small{color:#90a087;margin-top:3px;font-size:9px;font-weight:400;display:block}.sparkle-dot{color:#9d9762;background:#eee8cd;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.home-columns{grid-template-columns:1.65fr 1fr;gap:22px;margin-top:23px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:14px;padding:23px}.section-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.section-title h2{font-size:17px}.section-title>span{color:#9aa290;font-size:10px}.lesson-row{align-items:flex-start;gap:13px;margin-top:22px;display:flex}.lesson-row>div{flex:1}.lesson-number{color:#9a85b5;background:#eeeaf5;border-radius:9px;place-items:center;width:29px;height:29px;font-size:12px;font-weight:700;display:grid}.lesson-number.mint{color:#7a946d;background:#eaf0e4}.lesson-row p{color:#95a08f;margin-top:5px;font-size:10px;line-height:1.85}.duration{color:#9aab8c;background:#f5f7ef;border-radius:4px;padding:4px 7px;font-size:9px}.lesson-link{color:#79936c;text-align:left;border-top:1px solid #eef0e7;align-items:center;gap:7px;width:100%;margin-top:23px;padding:16px 0 0;font-size:11px;display:flex}.lesson-link svg:last-child{margin-left:auto}.lesson-tip{color:#8c9e81;align-items:center;gap:8px;margin-top:23px;font-size:11px;display:flex}.approval-tip{text-align:center;background:#f3f0f9;border:1px solid #e8e4ef;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:22px 20px;display:flex}.round-illustration{color:#a490c2;background:#e9e1f3;border:5px solid #f9f6fd;border-radius:50%;place-items:center;width:59px;height:59px;margin-bottom:11px;display:grid}.approval-tip h3{color:#6c5b82;font-size:15px}.approval-tip p{color:#9b8da9;margin:10px 0 14px;font-size:11px}.approval-tip>div:last-of-type{color:#9883ae;align-items:center;gap:7px;font-size:9px;display:flex}.approval-tip small{color:#aea1bb;margin-top:14px;font-size:9px}.agents-heading{margin:29px 0 15px}.agent-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.agent-card{text-align:left;background:#fff;border:1px solid #e9e3ef;border-radius:12px;align-items:center;gap:14px;padding:19px;transition:all .2s;display:flex}.agent-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #23332906}.agent-card>div{flex:1}.agent-card strong{color:#4a5a48;font-size:12px}.agent-card p{color:#9aa28e;margin-top:5px;font-size:10px}.agent-card>svg{color:#aebaa3}.agent-avatar{color:#a78abf;background:#f1edf8;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:inline-flex}.agent-card.orange .agent-avatar{background:var(--orange);color:#b28859}.agent-card.blue .agent-avatar{background:var(--blue);color:#638ca9}.agent-card.pink .agent-avatar{background:var(--pink);color:#be7e8f}.works-card .agent-avatar{color:#91a178;background:#edf2e4}.app-footer{color:#a2ad9d;text-align:center;padding:0 20px 24px;font-size:9px}.app-footer span{padding:0 7px}.toast{z-index:200;color:#fff;background:#244b3c;border-radius:11px;align-items:center;gap:20px;max-width:90vw;padding:15px 19px;font-size:13px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #16372525}.toast button{color:#d1dfd5;display:flex}.modal-shade{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#1b342c70;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fffefa;border:1px solid #fff;border-radius:19px;width:500px;max-width:100%;max-height:92vh;padding:28px;overflow:auto;box-shadow:0 20px 90px #14271f30}.modal.wide{width:940px}.modal-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.modal-heading h2{font-size:20px}.soft-notice{color:#6a8458;background:#eff5e9;border:1px solid #e0e8d8;border-radius:12px;align-items:center;gap:14px;margin-bottom:23px;padding:17px;font-size:12px;display:flex}.demo-warning{color:#a08765;background:#fbf6e9;border-radius:8px;margin:15px 0;padding:11px;font-size:11px}.studio-layout{border:1px solid var(--border);background:#fff;border-radius:16px;grid-template-columns:210px 1fr;min-height:640px;display:grid;overflow:hidden}.conversation-sidebar{border-right:1px solid var(--border);background:#fbfcf8;padding:20px 15px}.conversation-sidebar>.tiny{margin:25px 8px 13px;display:block}.agent-selector{flex-direction:column;gap:5px;display:flex}.agent-selector button{text-align:left;color:#889381;border-radius:7px;align-items:center;gap:9px;padding:11px 10px;font-size:12px;display:flex}.agent-selector .selected{color:#51733f;background:#eaf1e2;font-weight:700}.conversation-list button{text-align:left;color:#9a9f91;border-radius:6px;align-items:center;gap:7px;width:100%;padding:9px 8px;font-size:11px;display:flex}.conversation-list button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-list button.selected{color:#5e7553;background:#f0f2e9}.conversation-list>p{padding:6px 8px;font-size:11px}.chat-panel{flex-direction:column;min-width:0;height:690px;display:flex}.chat-heading{border-bottom:1px solid #edf0e7;align-items:center;gap:12px;padding:20px 23px;display:flex}.chat-heading h2{font-size:15px}.chat-heading p{color:#a0a690;margin-top:4px;font-size:10px}.chat-heading>.badge{margin-left:auto}.message-list{scrollbar-width:thin;flex:1;padding:24px 26px;overflow-y:auto}.chat-welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:295px;display:flex}.welcome-symbol{border-radius:21px;margin-bottom:22px;padding:20px}.chat-welcome h3{font-size:19px}.chat-welcome>p{color:#9a9e8e;margin:12px 0 22px;font-size:11px}.suggestion-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.suggestion-chips button{background:#fbfcf6;border:1px solid #e6e9dd;border-radius:7px;align-items:center;gap:8px;padding:10px;font-size:10px;display:flex}.message{align-items:flex-start;gap:10px;margin-bottom:22px;font-size:13px;display:flex}.message-avatar{color:#718761;background:#edf2e6;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:12px;display:flex}.message>div{max-width:85%}.message small{color:#94a087;font-size:10px}.message p{white-space:pre-wrap;color:#52644b;background:#f5f6ef;border-radius:0 11px 11px;margin-top:7px;padding:13px 15px;font-size:12px;line-height:1.8}.message.user{flex-direction:row-reverse}.message.user>div{text-align:right}.message.user p{text-align:left;background:#e5f0df;border-radius:11px 0 11px 11px}.message.user .message-avatar{color:#938563;background:#eadfc8}.composer-wrap{padding:0 21px 15px}.composer{background:#fff;border:1px solid #dce5d3;border-radius:13px;box-shadow:0 3px 20px #30412206}.composer textarea{resize:none;background:0 0;border:0;outline:none;padding:15px;font-size:12px}.composer-actions{align-items:center;gap:14px;padding:0 12px 11px;display:flex}.upload-button{cursor:pointer;color:#8a9a7a;flex-direction:row;align-items:center;gap:7px;margin:0;font-size:10px;display:flex;position:relative}.upload-button input{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.composer-actions>span{color:#adb79d;font-size:8px}.send-button{background:var(--green);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.chat-footnote{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.chat-footnote>span{color:#a3ac98;font-size:8px}.attached-file{background:#f2f5ec;border-radius:8px;align-items:center;gap:10px;margin-bottom:10px;padding:9px;font-size:11px;display:flex}.attached-file img{border-radius:6px;width:40px;height:40px}.attached-file .icon-btn{margin-left:auto}.chat-request{color:#839971;background:#f8faf3;border:1px solid #dfe8d6;border-radius:12px;align-items:flex-start;gap:10px;margin:10px 0 20px;padding:15px;display:flex}.chat-request>div{flex:1}.chat-request strong{color:#557146;font-size:12px}.chat-request p{margin-top:5px;font-size:11px}.chat-request img{border-radius:9px;width:180px;max-height:200px;margin-top:10px;display:block}.chat-request small{margin-top:6px;font-size:8px;display:block}.stats-grid{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:33px;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:8px;padding:21px 19px;display:flex}.stat-card>div>span{color:#8c9884;font-size:11px;display:block}.stat-card strong{margin:12px 0 9px;font-size:28px;font-weight:700;display:block}.stat-card small{color:#a4ad9d;font-size:9px}.stat-icon{border-radius:11px;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.class-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.class-card{border:1px solid var(--border);background:#fff;border-radius:13px;padding:23px}.class-card .section-title{margin-bottom:18px}.class-card h3{margin-top:12px;font-size:17px}.class-card>p{color:#9fa794;margin-top:8px;font-size:11px}.inline-label{color:#88927c;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;margin-top:24px;font-size:10px}.inline-label select{width:100px;padding:7px 9px;font-size:11px}.budget-line{color:#9da88e;justify-content:space-between;gap:8px;margin-top:16px;font-size:8px;display:flex}.budget-line strong{color:#7b9270;font-weight:500}.progress{background:#eef2e8;border-radius:5px;height:5px;margin:8px 0 20px;overflow:hidden}.progress>span{background:#a7bd83;height:100%;display:block}.info-strip{color:#7f9369;background:#edf3e6;border:1px solid #e0e9d5;border-radius:11px;align-items:center;gap:14px;margin:23px 0 30px;padding:19px;display:flex}.info-strip strong{font-size:12px}.info-strip p{color:#96a285;margin-top:6px;font-size:10px}.request-section{margin-top:30px}.request-table{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.table-head,.table-row{grid-template-columns:2fr 1fr 1.2fr 1fr;align-items:center;gap:15px;padding:15px 20px;font-size:11px;display:grid}.table-head{color:#94a087;background:#f3f6ee;font-size:10px}.table-row{color:#87977b;border-top:1px solid #edf0e7}.request-person{align-items:center;gap:11px;min-width:0;display:flex}.request-person>div{min-width:0}.request-person strong{text-overflow:ellipsis;white-space:nowrap;color:#526b46;font-size:12px;display:block;overflow:hidden}.request-person small{color:#a0ab94;margin-top:6px;font-size:9px;display:block}.page-heading>select,.section-title>select{max-width:155px;font-size:12px}.review-title{margin:18px 0 12px}.request-prompt{white-space:pre-wrap;background:#fafbf5;border:1px solid #e7eadf;border-radius:9px;padding:17px;font-size:13px;line-height:1.8}.review-reference{object-fit:contain;border-radius:10px;max-width:100%;max-height:240px;margin:16px auto;display:block}.review-buttons{justify-content:flex-end;gap:9px;margin-top:15px;display:flex}.empty-state{text-align:center;color:#b1b9a3;flex-direction:column;align-items:center;padding:46px 22px;display:flex}.empty-state h3{color:#8e9e7c;margin:16px 0 8px;font-size:15px}.empty-state p{font-size:11px}.empty-state.large{background:#fff;border:1px dashed #dbe3cd;border-radius:16px;padding:75px 25px}.empty-state.large h2{color:#657c56;margin:25px 0 12px;font-size:22px}.empty-state.large .btn{margin-top:24px}.empty-art{color:#a1b785;background:#f2f6e9;border-radius:26px;place-items:center;width:92px;height:92px;display:grid}.artwork-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.artwork-card{border:1px solid var(--border);background:#fff;border-radius:15px;overflow:hidden}.artwork-image{width:100%;height:240px;padding:0;display:block;position:relative;overflow:hidden}.artwork-image>img{width:100%;height:100%;transition:transform .3s}.artwork-image:hover>img{transform:scale(1.03)}.artwork-image>.badge{background:#ffffffdf;position:absolute;top:13px;left:13px}.artwork-body{padding:20px}.artwork-body>small{color:#94a287;font-size:10px}.artwork-body h3{margin:9px 0;font-size:16px}.artwork-body p{color:#a2ae95;margin-bottom:13px;font-size:11px}.pending-list{flex-direction:column;gap:10px;margin:20px 0;display:flex}.pending-list>div{color:#a69974;background:#fff9ee;border:1px solid #eae2cd;border-radius:12px;align-items:center;gap:12px;padding:17px;display:flex}.pending-list>div>div{flex:1}.pending-list strong{font-size:12px}.pending-list small{margin-top:6px;font-size:10px;display:block}.presentation-bar{color:#698751;background:#eaf2e2;border-radius:12px;align-items:center;gap:18px;margin-bottom:25px;padding:20px;display:flex}.presentation-bar>div{flex:1}.presentation-bar strong{font-size:13px}.presentation-bar small{margin-top:5px;font-size:10px;display:block}.exhibit-view{grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;display:grid}.exhibit-view>img{object-fit:contain;background:#f2f3ec;border-radius:13px;width:100%;max-height:58vh}.exhibit-view aside h2{margin:20px 0;font-size:25px;line-height:1.6}.exhibit-view aside p{color:#8c9b7c;margin:15px 0;font-size:14px}.exhibit-view aside small{font-size:10px;line-height:1.8;display:block}.exhibit-view aside .btn{margin-top:25px}.heart-mark{color:#c4939e;background:#f5e7e9;border-radius:20px;place-items:center;width:63px;height:63px;display:grid}.rolling-compose{border:1px solid var(--border);background:#fff;border-radius:15px;grid-template-columns:1fr 1.2fr;gap:45px;margin-bottom:32px;padding:28px;display:grid}.rolling-compose>div{background:#fcf3e1;border-radius:12px;flex-direction:column;justify-content:center;padding:25px;display:flex}.rolling-compose h2{color:#a18a5c;font-size:25px;line-height:1.7}.rolling-compose p{color:#b6a987;margin-top:16px;font-size:11px}.rolling-compose form label:last-of-type{margin-bottom:15px}.notes-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.note-card{background:#f8efcf;border:1px solid #eee4c6;border-radius:4px 4px 20px;min-height:190px;padding:22px}.note-1{background:#eaf1e0;border-color:#dce8cc}.note-2{background:#f1eaf4;border-color:#e7dfed}.note-card>div:first-child{justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:600;display:flex}.note-card>p{color:#7b8168;white-space:pre-wrap;overflow-wrap:anywhere;margin:25px 0 20px;font-size:15px;line-height:1.9}.note-card>small{color:#a5a38f;font-size:10px}.admin-actions{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;display:grid}.admin-actions>button{text-align:left;color:#7f9566;background:#eff5e8;border:1px solid #e0e8d5;border-radius:12px;grid-template-columns:35px 1fr 24px;align-items:center;gap:9px 13px;padding:24px;display:grid}.admin-actions strong{color:#4d6b39;font-size:15px}.admin-actions span{grid-column:2;font-size:10px}.admin-actions svg:last-child{grid-area:1/3/3}.inline-info{color:#a1ad91;border-top:1px solid #edf0e6;justify-content:space-between;align-items:center;margin-top:17px;padding-top:15px;font-size:10px;display:flex}.inline-info strong{color:#7d9268;font-size:10px;font-weight:500}.issued-codes{border:1px solid var(--border);background:#f7f9f1;border-radius:8px;max-height:40vh;margin:20px 0;padding:15px;overflow:auto}.issued-codes>div{border-bottom:1px solid #e8eddf;justify-content:space-between;gap:15px;padding:9px;font-size:12px;display:flex}.issued-codes code{letter-spacing:2px;color:#466638}.status-list{padding:0 25px}.status-list>div{border-bottom:1px solid #edf0e7;align-items:center;gap:16px;padding:22px 0;display:flex}.status-list>div:last-child{border-bottom:0}.status-list>div>div{flex:1}.status-list strong{font-size:13px}.status-list p{color:#9ba68e;margin-top:5px;font-size:11px}.status-list+.small{padding:15px 0 30px}.audit-list{border:1px solid var(--border);background:#fff;border-radius:12px;padding:12px 22px;font-size:11px}.audit-list>div{border-bottom:1px solid #edf0e7;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.audit-list time{color:#a0aa94;font-size:10px}.lesson-slide{text-align:center;background:#edf3e5;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:42px 55px 50px;display:flex}.lesson-emblem{color:#92a16e;background:#e1eaca;border-radius:26px;place-items:center;width:82px;height:82px;margin:15px 0 20px;display:grid}.lesson-slide h2{font-size:32px}.lesson-slide p{color:#758968;word-break:keep-all;max-width:630px;margin:23px 0;font-size:18px;line-height:1.9}.lesson-slide>div{color:#92a17e;border-top:1px solid #d9e3cd;padding-top:22px;font-size:15px}.slide-controls{justify-content:space-between;align-items:center;gap:15px;margin-top:22px;display:flex}.slide-controls>span{color:#93a17f;font-size:12px}.mobile-menu{display:none}@media (min-width:1500px){.hero-card{min-height:370px}.hero-copy{padding:40px}.hero-copy h2{font-size:34px}.hero-copy>p{font-size:14px}.main-content{padding-top:35px}.hero-image{max-height:390px}}@media (max-width:1200px){.sidebar{width:210px;padding:25px 16px}.workspace{width:calc(100% - 210px);margin-left:210px}.main-content{padding:25px}.topbar{padding:0 25px}.hero-copy h2{font-size:25px}.journey-tabs>button{gap:7px;padding:10px 7px}.journey-tabs strong{font-size:10px}.day-dot{display:none}.class-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{gap:12px}.stat-card{padding:18px 14px}.stat-icon{width:32px;height:32px}.login-layout{gap:60px}.studio-layout{grid-template-columns:180px 1fr}.chat-heading{padding:18px}.table-head,.table-row{gap:10px;padding:15px}.home-columns{grid-template-columns:1.5fr 1fr}.main-content .page-heading h1{font-size:25px}.top-actions{gap:10px}.agent-card{gap:11px;padding:16px}.artwork-grid,.notes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:950px){.sidebar{width:185px;padding:24px 12px}.sidebar .brand{font-size:12px}.brand-symbol{width:31px;height:35px}.workspace{width:calc(100% - 185px);margin-left:185px}.main-content{padding:22px}.sidebar nav>button{gap:9px;padding:13px 10px;font-size:11px}.hero-card{grid-template-columns:1.15fr 1fr}.hero-copy{padding:23px}.hero-copy h2{font-size:23px}.hero-copy>p{font-size:11px}.hero-copy .btn{padding:12px;font-size:12px}.floating-note{padding:9px 12px;bottom:20px;right:12px}.journey-tabs strong{font-size:9px}.journey-tabs>button>span:first-child{width:22px;height:22px;font-size:9px}.journey-tabs>button{gap:5px}.home-columns{grid-template-columns:1.4fr 1fr;gap:14px}.panel{padding:18px}.approval-tip{padding:17px 12px}.lesson-row p{font-size:9px}.duration{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.table-head,.table-row{grid-template-columns:1.7fr .8fr 1.1fr}.table-head>span:nth-child(2),.table-row>span:nth-child(2){display:none}.studio-layout{grid-template-columns:1fr}.conversation-sidebar{display:none}.chat-panel{height:680px}.topbar{padding:0 22px}.login-layout{gap:40px}.login-card{padding:25px}.login-story h1{font-size:39px}.rolling-compose{gap:25px;padding:22px}.rolling-compose h2{font-size:20px}}@media (max-width:720px){.sidebar{display:none}.sidebar.mobile-open{width:235px;display:flex;box-shadow:10px 0 50px #153c3444}.workspace{width:100%;margin-left:0}.mobile-menu{display:flex}.topbar{height:65px;padding:0 16px}.breadcrumb{display:none}.main-content{padding:20px 16px}.top-actions{margin-left:auto}.journey-tabs{gap:1px;margin-bottom:25px;padding:5px}.journey-tabs>button{flex-direction:column;align-items:center;gap:5px;padding:10px 2px}.journey-tabs small{display:none}.journey-tabs strong{font-size:9px}.page-heading{margin-bottom:20px}.main-content .page-heading h1{font-size:21px}.page-heading p{font-size:11px}.page-heading>.badge{font-size:9px}.hero-card{grid-template-columns:1fr;min-height:0}.hero-copy{order:2;padding:26px}.hero-copy h2{max-width:100%;font-size:26px}.hero-copy>p{max-width:100%;font-size:12px}.hero-image{order:1;height:210px}.hero-image:before{background:linear-gradient(#0000 68%,#eaf0df)}.hero-image>img{object-position:50% 42%}.floating-note{bottom:19px;right:20px}.hero-copy>small{font-size:9px}.home-columns{grid-template-columns:1fr}.approval-tip{padding:22px}.approval-tip>p br{display:none}.round-illustration{width:48px;height:48px}.agent-grid{grid-template-columns:1fr}.panel{padding:22px}.lesson-row p{font-size:11px}.section-title h2{font-size:16px}.class-grid{grid-template-columns:1fr}.table-row,.table-head{grid-template-columns:1fr auto;gap:12px}.table-head>span:nth-child(3){display:none}.table-row>.badge{grid-area:2/1}.table-row>.btn{grid-area:1/2/3}.request-person small{font-size:8px}.table-head>span:last-child{text-align:right}.stats-grid{gap:10px}.stat-card{padding:17px 14px}.stat-card strong{font-size:26px}.stat-card small{font-size:8px}.stat-card>.stat-icon{display:none}.admin-actions{grid-template-columns:1fr;gap:12px}.artwork-grid,.notes-grid,.rolling-compose{grid-template-columns:1fr}.rolling-compose>div{padding:20px}.rolling-compose h2{font-size:21px}.rolling-compose p{margin-top:10px}.modal-shade{padding:12px}.modal{border-radius:13px;max-height:94vh;padding:21px}.modal-heading h2{font-size:18px}.review-buttons{flex-wrap:wrap}.review-buttons .btn{flex:1;padding:11px;font-size:11px}.exhibit-view{grid-template-columns:1fr;gap:20px}.exhibit-view>img{max-height:38vh}.exhibit-view aside h2{margin:14px 0;font-size:22px}.exhibit-view aside p{margin:10px 0;font-size:13px}.chat-heading h2{font-size:12px}.chat-heading>span:first-child{width:35px;height:35px}.chat-heading>.badge{display:none}.chat-panel{height:calc(100dvh - 200px);min-height:500px}.chat-welcome h3{font-size:17px}.chat-welcome>p{max-width:260px;font-size:10px}.suggestion-chips{flex-direction:column;align-items:center}.message-list{padding:20px 16px}.composer-wrap{padding:0 13px 12px}.chat-footnote>span{max-width:60%;font-size:7px}.composer-actions>span{display:none}.chat-footnote button{font-size:9px}.message p{font-size:12px}.chat-request>.badge{display:none}.presentation-bar{flex-wrap:wrap}.presentation-bar .btn{width:100%}.status-list{padding:0 15px}.status-list>div{gap:12px}.status-list p{font-size:10px}.status-list .stat-icon{display:none}.login-nav .badge{padding:5px 7px;font-size:8px}.login-nav{padding:22px 0}.login-layout{grid-template-columns:1fr;gap:30px;margin:10px auto 25px}.login-story h1{font-size:36px}.login-story>p{font-size:13px}.login-visual{height:190px;margin-bottom:14px}.login-story .eyebrow{font-size:9px}.login-card{padding:26px}.login-pills{gap:15px;font-size:10px}.login-footer{padding:10px;font-size:9px}.lesson-slide{min-height:360px;padding:28px 18px}.lesson-slide h2{font-size:25px}.lesson-slide p{font-size:15px}.lesson-slide>div{font-size:12px}.slide-controls>.btn{padding:10px 12px;font-size:11px}.slide-controls>span{font-size:10px}.toast{width:max-content;max-width:calc(100vw - 30px);font-size:12px;bottom:18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.topbar>.breadcrumb{margin-left:4px;margin-right:auto}.topbar>.top-actions{margin-left:auto}.login-brand-group{align-items:center;gap:16px;display:flex}.login-nav{flex-wrap:wrap;gap:12px}.admin-setup-banner{color:#8e764c;text-align:left;background:#fff6e5;border:1px solid #e7d8ba;border-radius:11px;align-items:center;gap:12px;width:100%;margin-bottom:24px;padding:16px 20px;font-size:12px;line-height:1.6;display:flex}.admin-setup-banner span{flex:1}.admin-setup-banner:hover{background:#fff0d5}.account-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:25px;display:grid}.account-form{padding:30px}.account-form>p{margin-top:9px}.account-form form{margin-top:28px}.account-form label small{color:#8b9985;font-size:11px;font-weight:400;line-height:1.6}.account-divider{border-top:1px solid var(--border);margin:25px 0}.password-field{position:relative}.password-field input{padding-right:45px}.password-field button{color:#8c9c82;border-radius:7px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:4px;right:4px}.password-field button:hover{background:#f1f5eb}.account-session-note{color:#89967c;background:#f5f7ef;border-radius:9px;align-items:flex-start;gap:9px;margin:22px 0;padding:14px;font-size:11px;line-height:1.8;display:flex}.account-session-note svg{margin-top:3px}.account-side{flex-direction:column;gap:20px;display:flex}.account-side .panel{padding:25px}.account-side h3{margin:14px 0;font-size:16px}.account-side p{color:#95a089;margin:13px 0 0;font-size:12px}.account-side ul{color:#7e9271;margin:16px 0;padding-left:19px;font-size:13px;line-height:2.2}.account-notice{color:#72885f;background:#edf3e6;border:1px solid #e0e9d5;border-radius:12px;align-items:center;gap:15px;margin-bottom:24px;padding:20px 24px;display:flex}.account-notice strong{font-size:13px}.account-notice p{margin-top:7px;font-size:12px}.account-error{color:#a56b55;background:#fff0eb;border-radius:8px;margin-top:20px;padding:12px 15px;font-size:12px;line-height:1.7}@media (max-width:900px){.account-layout{grid-template-columns:1fr}.account-side{grid-template-columns:1fr 1fr;display:grid}}@media (max-width:720px){.account-side{display:flex}.account-form{padding:22px}.admin-setup-banner{padding:14px;font-size:11px}.account-notice{padding:18px}.account-notice p{font-size:11px}}.hero-copy>p{font-size:14px}.lesson-row p{font-size:12px}.lesson-row strong{font-size:14px}.lesson-link{font-size:12px}.agent-card strong{font-size:14px}.agent-card p{font-size:12px}.approval-tip h3{font-size:17px}.approval-tip p{font-size:13px}.approval-tip>div:last-of-type,.approval-tip small{font-size:11px}.message p{font-size:15px}.message small{font-size:11px}.composer textarea{font-size:14px}.chat-welcome>p{font-size:13px}.suggestion-chips button{font-size:12px}.chat-footnote>span{font-size:10px}.chat-footnote button{font-size:12px}.agent-avatar.blue{background:var(--blue);color:#537eaa}.agent-avatar.orange{background:var(--orange);color:#ac7c47}.agent-avatar.green{background:var(--mint);color:#408166}.agent-avatar.pink{background:var(--pink);color:#b57086}@media (max-width:720px){.chat-footnote{align-items:flex-start}.chat-footnote>span{font-size:9px}.chat-footnote button{font-size:11px}.hero-copy>p{font-size:13px}.suggestion-chips button{font-size:11px}.lesson-row p{font-size:12px}.approval-tip>div:last-of-type{font-size:11px}.chat-welcome>p{font-size:12px}.agent-card strong{font-size:14px}}.sidebar-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-close,.sidebar-backdrop{display:none}@media (max-width:720px){.sidebar-backdrop{z-index:40;touch-action:none;background:#122c2666;display:block;position:fixed;inset:0}.sidebar.mobile-open{z-index:41;overscroll-behavior:contain;width:min(280px,100vw - 56px);height:100dvh;padding:20px 16px;overflow-y:auto}.sidebar-close{color:#e7eee9;flex-shrink:0;min-width:44px;min-height:44px;display:inline-flex}.sidebar-close:hover{background:#ffffff14}.sidebar.mobile-open .brand{font-size:14px}.sidebar.mobile-open nav>button{min-height:44px;font-size:13px}.mobile-menu{min-width:44px;min-height:44px}}.brand-home{text-align:left;min-height:44px;color:inherit;border-radius:8px;padding:0}.brand-home:focus-visible{outline-offset:4px;outline:2px solid}.brand-home:hover{opacity:.85}.mobile-back{display:none}.chat-thinking{align-items:center;gap:9px;display:flex}.chat-thinking>span{background:#408a72;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite alternate chat-pulse}@keyframes chat-pulse{to{opacity:.3}}@media (max-width:720px){.mobile-back{min-width:44px;min-height:44px;display:inline-flex}}@media (max-width:400px){.top-actions .demo-indicator{display:none}}.agent-handoff{background:#f1f6e9;border-bottom:1px solid #e2ebd8;flex-shrink:0;align-items:center;gap:12px;padding:14px 22px;display:flex}.agent-handoff>svg{color:#6b8b4c;flex-shrink:0}.agent-handoff>div{flex:1;min-width:0}.agent-handoff strong{font-size:12px}.agent-handoff p{color:#728568;margin-top:4px;font-size:10px;line-height:1.6}.agent-handoff .btn{white-space:normal;padding:10px 12px;font-size:11px}@media (max-width:950px){.agent-handoff{grid-template-columns:21px minmax(0,1fr);display:grid}.agent-handoff .btn{grid-column:2;justify-self:start;margin-left:0}}@media (max-width:720px){.agent-handoff{gap:7px 10px;padding:12px 16px}.agent-handoff .btn{font-size:11px}.agent-handoff strong,.agent-handoff p{word-break:keep-all;overflow-wrap:anywhere}.chat-panel{min-height:580px}}.learning-controls{background:#f5f8f2;border:1px solid #dce6d7;border-radius:12px;margin:18px 0;padding:16px}.learning-control-heading{align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.learning-controls label{margin-bottom:12px}.learning-switches{margin:12px 0}.learning-switches label{border-bottom:1px solid #e4e9df;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:12px;display:flex}.learning-switches small{color:#7b8976;margin-top:4px;font-weight:400;display:block}.learning-switches input,.teacher-permission-row input{accent-color:#176950;flex-shrink:0;width:20px;height:20px}.permission-help{color:#74836b;margin:8px 0;font-size:11px;line-height:1.7}.teacher-permissions{margin-bottom:24px}.teacher-permission-row{border-bottom:1px solid #e7ece4;flex-direction:row;justify-content:space-between;align-items:center;gap:18px;margin:0;padding:18px 0;display:flex}.teacher-permission-row>span{min-width:0}.teacher-permission-row small{color:#7f8a7a;margin-top:6px;display:block}.permission-check{align-items:center;gap:10px;font-size:12px;display:flex}.learning-locked{text-align:center;background:#fff;border:1px solid #e2e8dd;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:330px;padding:36px 22px;display:flex}.learning-locked>span{color:#62854d;background:#edf3e7;border-radius:22px;place-items:center;width:68px;height:68px;display:grid}.learning-locked p{color:#7d8b77;word-break:keep-all;max-width:480px;font-size:14px}.learning-locked small{color:#8c9988;font-size:12px}.journey-tabs button:disabled{opacity:.6}.journey-tabs button:disabled strong{color:#737f6e}@media (max-width:540px){.teacher-permission-row{flex-wrap:wrap;align-items:flex-start}.learning-controls{padding:13px}.learning-locked h2{font-size:18px}.journey-tabs strong{white-space:normal;word-break:keep-all}.journey-tabs>button{min-width:0}}.preview-learning-notice{color:#547348;background:#edf3e6;border:1px solid #dce7d3;border-radius:10px;align-items:center;gap:9px;margin-bottom:16px;padding:12px 16px;font-size:12px;line-height:1.7;display:flex}.preview-learning-notice strong{color:#315d3f}@media (max-width:720px){.preview-learning-notice{word-break:keep-all;align-items:flex-start;font-size:11px}.preview-learning-notice svg{margin-top:2px}}.teaching-entry{max-width:1100px;margin:40px auto;padding:24px}.teaching-entry .page-heading{margin-top:28px}.teaching-entry .panel .btn{margin-top:20px}.teaching-mode-label{color:#376d55;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.teaching-notice{color:#557c46;background:#edf4e7;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:12px;line-height:1.7;display:flex}.teaching-approval-trigger{color:#315e46;background:#eef4e7;border:1px solid #dce5d3;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.teaching-approval-trigger b{color:#fff;background:#176950;border-radius:50%;place-items:center;min-width:23px;height:23px;display:grid}.approval-popover-backdrop{z-index:25;background:#193b3222;position:fixed;inset:0}.approval-popover{z-index:30;background:#fff;border:1px solid #dce5d6;border-radius:18px;width:min(700px,100vw - 32px);max-height:calc(100dvh - 110px);padding:22px;position:fixed;top:86px;right:20px;overflow:auto;box-shadow:0 18px 60px #14352933}.approval-popover-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.approval-popover .page-heading h2{font-size:18px}.approval-popover .page-heading p{font-size:12px}.approval-popover .table-head,.approval-popover .table-row{grid-template-columns:minmax(0,1.8fr) 1fr 1fr 90px}.approval-popover .modal-shade{z-index:60}.teaching-shell .journey-tabs{margin-bottom:25px}@media (max-width:720px){.teaching-topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:78px;padding:10px 14px}.teaching-topbar .top-actions{gap:7px;margin-left:auto}.teaching-mode-label{font-size:11px}.teaching-return{padding:9px;font-size:10px}.teaching-approval-trigger{gap:5px;padding:8px;font-size:10px}.teaching-approval-trigger>span{display:none}.teaching-notice{word-break:keep-all;align-items:flex-start;font-size:11px}.teaching-notice svg{margin-top:2px}.approval-popover{width:calc(100vw - 16px);padding:14px;top:86px;right:8px}.approval-popover .table-head{display:none}.approval-popover .table-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.approval-popover .table-row>span:nth-child(2){display:none}.approval-popover .table-row>.btn{grid-column:2}.teaching-entry{margin:10px auto;padding:20px}}.student-identity{color:#547047;background:#f0f5eb;border:1px solid #dce7d6;border-radius:10px;flex-wrap:wrap;align-items:center;gap:7px 14px;margin:15px 0;padding:13px 15px;font-size:12px;display:flex}.student-identity strong{color:#294c35}.request-person small{line-height:1.8}.permission-options{flex-wrap:wrap;gap:10px 20px;display:flex}.permission-options .permission-check{flex-direction:row;align-items:center;margin:0;display:flex}.roster-class{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.roster-class label{flex:1;max-width:420px;margin:0}.roster-class p{color:#708368;font-size:13px}.roster-input,.issued-roster{margin-bottom:24px}.roster-import{grid-template-columns:1fr 1fr;gap:22px;margin:22px 0;display:grid}.roster-upload{text-align:center;cursor:pointer;background:#f8faf4;border:1px dashed #a9bea0;border-radius:12px;justify-content:center;align-items:center;margin:0;padding:24px;display:flex}.roster-upload input{background:#fff;max-width:260px;font-size:11px}.roster-upload small{color:#809174;font-weight:400}.roster-table-wrap{width:100%;margin:16px 0;overflow-x:auto}.roster-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.roster-table th{color:#6a825d;white-space:nowrap;background:#f2f6ed;padding:12px;font-weight:600}.roster-table td{vertical-align:middle;border-bottom:1px solid #e6ebdf;padding:10px}.roster-table input{min-width:100px;padding:9px}.roster-table td:first-child input{min-width:60px}.roster-table th:last-child{width:65px}.roster-actions{justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.roster-edit{background:#f8faf4;border:1px solid #dce6d3;border-radius:12px;margin-top:18px;padding:20px}.roster-edit h3{margin-bottom:16px}.roster-error{color:#8b4c35;z-index:5;background:#fff1e8;border:1px solid #ebcbb5;border-radius:12px;margin-top:20px;padding:15px 20px;position:sticky;bottom:18px}.issued-roster code{white-space:nowrap;letter-spacing:.6px;color:#216747;font-weight:700}@media (max-width:720px){.roster-import{grid-template-columns:1fr}.roster-class{flex-direction:column;align-items:flex-start}.roster-class label{width:100%;max-width:none}.roster-actions{flex-wrap:wrap}.roster-actions .btn{padding:12px;font-size:12px}.roster-table{font-size:12px}.roster-table th,.roster-table td{padding:8px}.roster-input .section-title,.issued-roster .section-title{flex-wrap:wrap;align-items:flex-start}.permission-options{gap:12px}.student-identity{flex-direction:column;align-items:flex-start;font-size:11px}}.material-day-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:22px 0;display:grid}.material-day-tabs button{color:#6a7e60;background:#fff;border:1px solid #e0e7d8;border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex}.material-day-tabs button.selected{color:#24583d;background:#e5edda;border-color:#a4bd90}.material-day-tabs small{font-size:11px}.material-upload-panel{margin-bottom:22px}.material-upload-panel>label,.material-upload-panel>.btn{margin-top:20px}.material-file-label{text-align:center;background:#f8faf4;border:1px dashed #a6ba99;border-radius:12px;justify-content:center;align-items:center;padding:24px}.material-file-label input{max-width:360px}.material-file-label span{color:#809071;font-size:12px}.material-upload-progress{background:#edf3e7;border-radius:10px;margin-top:18px;padding:17px;font-size:13px}.material-current>h3{margin-top:18px}.material-current>p{margin-top:10px;font-size:13px}.material-remove{background:#fff6e8;border:1px solid #e5d9c7;border-radius:12px;margin-top:18px;padding:18px}.material-remove .btn{margin:15px 10px 0 0}.material-preview{margin-top:24px}.art-download{margin:10px 0}.art-download p{color:#a3674b;margin-top:8px;font-size:12px}.chat-artwork-open{text-align:left;border-radius:12px;max-width:340px;display:block;position:relative;overflow:hidden}.chat-artwork-open>img{object-fit:contain;width:100%;max-height:340px;display:block;margin:0!important}.chat-artwork-open>span{color:#31523e;background:#fffef2ec;border-radius:8px;align-items:center;gap:5px;padding:7px 10px;font-size:12px;display:flex;position:absolute;bottom:10px;right:10px}.image-preview-shade{z-index:2000;background:#102b24b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-preview{background:#fff;border-radius:18px;flex-direction:column;width:min(1100px,100%);max-height:calc(100dvh - 40px);display:flex;overflow:hidden;box-shadow:0 22px 90px #061c2944}.image-preview header,.image-preview footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:18px;padding:16px 22px;display:flex}.image-preview h2{overflow-wrap:anywhere;margin:0;font-size:18px}.image-preview header .icon-btn{min-width:44px;min-height:44px}.image-preview-stage{background:#edf1e8;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex;overflow:auto}.image-preview-stage img{object-fit:contain;max-width:100%;max-height:calc(100dvh - 230px);display:block}.image-preview footer>span{color:#7a896f;font-size:12px}.image-preview .art-download{margin:0}.exhibit-view .art-download{margin:0 0 18px}.artwork-body>.art-download+.btn{margin-top:10px}@media (max-width:720px){.material-day-tabs{gap:5px}.material-day-tabs button{padding:12px 5px;font-size:12px}.material-day-tabs small{font-size:9px}.material-file-label{padding:16px}.image-preview-shade{padding:10px}.image-preview{max-height:calc(100dvh - 20px)}.image-preview header,.image-preview footer{gap:8px;padding:12px 16px}.image-preview h2{font-size:16px}.image-preview footer{flex-wrap:wrap}.image-preview footer>span{display:none}.image-preview-stage{padding:8px}.image-preview-stage img{max-height:calc(100dvh - 180px)}.image-preview footer .btn{min-height:44px}}.comic-studio{min-width:0}.comic-navigation{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:20px;display:flex}.comic-navigation>div{flex-wrap:wrap;gap:8px;display:flex}.comic-navigation select{max-width:260px}.comic-workflow{grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0;padding:0;list-style:none;display:grid}.comic-workflow li{color:#315b4d;background:#edf3e5;border-radius:12px;padding:16px;font-size:14px;font-weight:700}.comic-brief,.comic-editor,.comic-progress{margin:22px 0}.comic-character-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:20px;display:grid}.comic-character{background:#fff;border:2px solid #e4ebe2;border-radius:18px;min-width:0;overflow:hidden}.comic-character.chosen{background:#f0f7ea;border-color:#1b7059}.comic-character>button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.comic-character img{object-fit:contain;background:#f6f8f2;width:100%;height:160px}.comic-character>button>span{overflow-wrap:anywhere;justify-content:space-between;gap:8px;padding:12px;font-weight:700;display:flex}.comic-character label{margin:0;padding:0 12px 12px;font-size:12px}.comic-character input{box-sizing:border-box;width:100%;min-width:0}.comic-panel-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.comic-panel-grid fieldset{background:#fafcf7;border:1px solid #dce5d8;border-radius:18px;min-width:0;padding:18px}.comic-panel-grid legend{background:#dfeac8;border-radius:9px;padding:6px 14px;font-size:16px;font-weight:800}.comic-panel-grid textarea{box-sizing:border-box;resize:vertical;width:100%}.comic-cast{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.comic-cast>span{width:100%;font-size:13px}.comic-cast label{background:#fff;border-radius:8px;align-items:center;gap:6px;margin:0;padding:6px 10px;display:flex}.comic-cast input{width:auto;margin:0}.comic-submit{border-top:1px solid #e4ebdf;margin-top:24px;padding-top:24px}.comic-submit>div{align-items:flex-start;gap:12px;display:flex}.comic-submit p{margin:0 0 18px;line-height:1.8}.comic-progress progress{accent-color:#1b7059;width:100%;height:14px}.comic-progress .chat-artwork{max-width:360px}.comic-progress .chat-artwork-open img{object-fit:contain;max-height:380px}.comic-review-characters{flex-wrap:wrap;gap:12px;display:flex}.comic-review-characters figure{width:110px;margin:0}.comic-review-characters img{object-fit:contain;border:1px solid #e5eadf;border-radius:12px;width:110px;height:110px}.comic-review-characters figcaption{text-align:center;overflow-wrap:anywhere;font-size:14px}.comic-review-panels{gap:10px;padding:0;list-style:none;display:grid}.comic-review-panels li{border:1px solid #e1e8da;border-radius:12px;padding:14px}.comic-review-panels p{margin:8px 0;font-size:14px}.comic-review-panels blockquote{white-space:pre-wrap;overflow-wrap:anywhere;background:#f0f5e9;border-radius:8px;margin:0;padding:10px}.comic-request-count{color:#56705f;margin-top:6px;display:block}.works-heading-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.comic-reader{width:100%;min-width:0;max-width:680px;margin:auto}.comic-reader figure{margin:0}.comic-reader figure>img{object-fit:contain;background:#f5f8ef;border-radius:12px;width:100%;max-height:55vh;display:block}.comic-reader figcaption{color:#1e4034;overflow-wrap:anywhere;background:#fff;border:1px solid #dce6d7;border-radius:18px;margin-top:10px;padding:16px 22px}.comic-reader figcaption strong{color:#5d7950;font-size:13px}.comic-reader figcaption p{white-space:pre-wrap;margin:6px 0;font-size:18px;line-height:1.6}.comic-reader-controls{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.comic-reader-controls>span{white-space:nowrap;font-size:14px}.image-preview-stage.comic-preview-stage{padding:16px;display:block;overflow:auto}.comic-preview-stage .comic-reader figure>img{max-height:48vh}.exhibit-view>.comic-reader{align-self:start}.comic-reader .demo-warning{font-size:12px}@media (max-width:720px){.comic-workflow{grid-template-columns:1fr 1fr;gap:7px}.comic-workflow li{padding:12px;font-size:12px}.comic-panel-grid{grid-template-columns:1fr}.comic-character-grid{grid-template-columns:1fr 1fr;gap:10px}.comic-character img{height:130px}.comic-character>button>span{font-size:13px}.comic-reader figcaption p{font-size:16px}.comic-reader-controls .btn{padding:10px;font-size:12px}.comic-navigation select{max-width:190px}.comic-review-characters figure,.comic-review-characters img{width:85px}.comic-review-characters img{height:85px}}.comic-team .section-title h2{align-items:center;gap:10px;display:flex}.comic-team-members{flex-wrap:wrap;gap:8px;margin:8px 0 16px;display:flex}.comic-team-members>span{color:#365847;background:#eef4e5;border-radius:30px;padding:8px 14px;font-size:14px;font-weight:700}.comic-team>p{color:#607767;font-size:14px}.comic-creator{color:#5e7565;overflow-wrap:anywhere;padding:0 12px 12px;display:block}.comic-team-review{background:#eef4e5;border-radius:14px;margin:16px 0;padding:16px}.comic-team-review p{margin:8px 0}.comic-team-review small{color:#607767}.comic-review-characters figcaption small{color:#607767;margin-top:3px;font-size:11px;display:block}.comic-credits{overflow-wrap:anywhere;color:#607767;margin:5px 0 14px;display:block}.lesson-deck{color:#203d32;background:#fff;border:1px solid #dfe6db;border-radius:18px;outline:none;min-width:0;overflow:hidden}.lesson-deck:focus-visible{outline-offset:3px;outline:2px solid #9bb980}.lesson-deck-toolbar{border-bottom:1px solid #e5eadf;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.lesson-deck-toolbar>div{align-items:center;gap:9px;min-width:0;font-size:14px;display:flex}.lesson-deck-toolbar>div>span{color:#8c7656;white-space:nowrap;background:#f2eee5;border-radius:6px;padding:5px 9px;font-size:11px}.lesson-deck-toolbar .btn{white-space:nowrap;flex-shrink:0;min-height:42px}.lesson-deck-stage{aspect-ratio:16/9;background:#e9eee5;justify-content:center;align-items:center;min-width:0;min-height:0;padding:20px;display:flex;container-type:size}.lesson-deck-canvas{aspect-ratio:16/9;background:#f8f8ed;border-radius:8px;flex-shrink:0;width:min(100cqw,177.777cqh);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 35px #243c2520;container-type:inline-size}.lesson-deck-copy{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;width:59%;padding:6cqw 0 6cqw 5cqw;display:flex}.lesson-deck-topic{color:#56725c;font-size:1.3cqw;font-weight:700;position:absolute;top:4cqw;left:5cqw}.lesson-deck-kicker{color:#577b4c;align-items:center;gap:.6cqw;margin-bottom:2cqw;font-size:1.5cqw;display:flex}.lesson-deck-kicker svg{width:1.7cqw;height:1.7cqw}.lesson-deck-copy h2{letter-spacing:-.13cqw;color:#203d32;word-break:keep-all;margin:0 0 2.5cqw;font-size:4.6cqw;line-height:1.3}.lesson-deck-copy p{color:#62765b;white-space:pre-line;margin:0;font-size:1.9cqw;line-height:1.9}.lesson-deck-placeholder{color:#5b744b;background:#eaf0df;border-radius:.6cqw;margin-top:3cqw;padding:.8cqw 1.1cqw;font-size:1.15cqw}.lesson-deck-art{background:#eee8df;border-radius:45% 0 0 45%;width:46%;height:71%;position:absolute;top:16%;right:-2%;overflow:hidden}.lesson-deck-art img{object-fit:cover;object-position:center;width:100%;height:100%}.lesson-deck-canvas footer{color:#79906d;justify-content:space-between;font-size:1.2cqw;display:flex;position:absolute;bottom:3cqw;left:5cqw;right:4cqw}.lesson-deck-slide-1{background:#f2eff9}.lesson-deck-slide-1 .lesson-deck-placeholder{color:#786495;background:#e5def2}.lesson-deck-slide-2{background:#fcf2e5}.lesson-deck-slide-2 .lesson-deck-placeholder{color:#8c734c;background:#f2e4ce}.lesson-deck-controls{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px 0;display:flex}.lesson-deck-controls>.btn{min-width:105px;min-height:44px}.lesson-deck-pagination{align-items:center;gap:15px;display:flex}.lesson-deck-count{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:700}.lesson-deck-dots{display:flex}.lesson-deck-dots button{border-radius:6px;place-items:center;width:32px;height:40px;display:grid}.lesson-deck-dots span{background:#d5dfcc;border-radius:50%;width:7px;height:7px;display:block}.lesson-deck-dots button[aria-current] span{background:#206c50;border-radius:6px;width:20px}.lesson-deck-help{text-align:center;color:#7b8973;flex-shrink:0;margin:7px 14px 14px;font-size:11px;line-height:1.5}.lesson-pdf-page{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative}.lesson-pdf-page canvas{object-fit:contain;background:#fff;max-width:100%;max-height:100%;display:block;box-shadow:0 3px 22px #14261f25}.lesson-pdf-status{text-align:center;color:#456346;background:#fff;border-radius:12px;max-width:85%;padding:20px;font-size:14px;line-height:1.7;position:absolute}.lesson-pdf-status .btn{margin-top:12px}.lesson-deck-stage{position:relative}.lesson-deck-toolbar>div{overflow:hidden}.lesson-deck-toolbar>div>strong{white-space:nowrap}.lesson-deck-toolbar>div>span{text-overflow:ellipsis;overflow:hidden}.lesson-deck-dots select{min-width:78px;padding:7px 10px;font-size:12px}.lesson-deck-expanded{width:100%;height:100%;box-sizing:border-box;background:#fff;border:0;border-radius:0;flex-direction:column;height:100dvh;display:flex}.lesson-deck:fullscreen{width:100%;height:100%;box-sizing:border-box;background:#fff;border:0;border-radius:0;flex-direction:column;height:100dvh;display:flex}.lesson-deck-expanded{z-index:1000;position:fixed;inset:0}.lesson-deck:fullscreen::backdrop{background:#182e26}.lesson-deck-expanded .lesson-deck-stage{aspect-ratio:auto;background:#182e26;flex:1}.lesson-deck:fullscreen .lesson-deck-stage{aspect-ratio:auto;background:#182e26;flex:1}.lesson-deck-expanded .lesson-deck-canvas{border-radius:0}.lesson-deck:fullscreen .lesson-deck-canvas{border-radius:0}@media (max-width:720px){.lesson-deck-toolbar{gap:8px;padding:10px 12px}.lesson-deck-toolbar>div{gap:5px;font-size:12px}.lesson-deck-toolbar>div>span{display:none}.lesson-deck-toolbar .btn{padding:9px;font-size:11px}.lesson-deck-stage{padding:8px}.lesson-deck-controls{gap:8px;padding:10px 12px 0}.lesson-deck-controls>.btn{gap:5px;min-width:72px;padding:10px;font-size:12px}.lesson-deck-pagination{flex-direction:column;gap:5px}.lesson-deck-dots button{width:24px;height:20px}.lesson-deck-help{font-size:10px}.lesson-deck-count{font-size:12px}}@media (max-height:500px){.lesson-deck-expanded .lesson-deck-toolbar{padding:4px 12px}.lesson-deck:fullscreen .lesson-deck-toolbar{padding:4px 12px}.lesson-deck-expanded .lesson-deck-controls{padding:4px 12px}.lesson-deck:fullscreen .lesson-deck-controls{padding:4px 12px}.lesson-deck-expanded .lesson-deck-help{display:none}.lesson-deck:fullscreen .lesson-deck-help{display:none}.lesson-deck-expanded .lesson-deck-stage{padding:5px}.lesson-deck:fullscreen .lesson-deck-stage{padding:5px}}.lesson-native{border-left:.65cqw solid var(--lesson-accent);box-sizing:border-box;font-family:Malgun Gothic,맑은 고딕,sans-serif;display:block}.lesson-generate-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.lesson-generate-actions label{min-width:130px;margin:0}.lesson-generate-actions select{margin-bottom:0}.lesson-auto-panel summary{cursor:pointer;color:#56754b;padding:12px 0;font-size:13px}.lesson-auto-panel details{border-top:1px solid #e2e8dc;margin-top:18px}.lesson-native .native-label,.lesson-native .native-title,.lesson-native .native-body,.lesson-native .native-art,.lesson-native .native-footer{box-sizing:border-box;margin:0;padding:0;position:absolute}.native-label{color:var(--lesson-accent);font-weight:700}.native-title{word-break:keep-all;overflow-wrap:anywhere;letter-spacing:-.06em;font-weight:800;line-height:1.25}.native-body{white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;line-height:1.6}.native-art img{object-fit:contain;border-radius:3cqw;width:100%;height:100%}.native-footer{color:var(--lesson-accent);justify-content:space-between;display:flex}.lesson-editor-shell{z-index:900;color:#203d32;background:#f4f6f1;outline:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.lesson-editor-header{background:#fff;border-bottom:1px solid #e0e7db;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:20px 28px;display:flex}.lesson-editor-header h1{margin:4px 0;font-size:24px}.lesson-editor-header small{color:#73846e}.lesson-editor-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lesson-editor-meta{flex-wrap:wrap;align-items:end;gap:16px;padding:18px 28px;display:flex}.lesson-editor-meta label{min-width:180px;margin:0}.lesson-editor-meta label:first-child{flex:1}.lesson-editor-meta input,.lesson-editor-meta select{margin-bottom:0}.lesson-editor-shell>.roster-error{margin:12px 28px}.editor-notice{background:#fff0d9;border-radius:12px;margin:0 28px 12px;padding:12px 16px;font-size:13px;line-height:1.7}.lesson-editor-body{flex:1;grid-template-columns:190px minmax(280px,1fr) 310px;align-items:start;gap:18px;padding:0 28px 24px;display:grid}.lesson-editor-list,.lesson-editor-fields{background:#fff;border:1px solid #e2e8dd;border-radius:16px;min-width:0;padding:16px}.lesson-editor-list{max-height:65vh;overflow-y:auto}.lesson-editor-list>button{text-align:left;background:#f6f8f2;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;margin:6px 0;padding:14px 10px;display:flex}.lesson-editor-list>button.selected{background:#e8f0dc;border-color:#7b9d65}.lesson-editor-list>button>span{color:#708663;font-variant-numeric:tabular-nums;font-size:12px}.lesson-editor-list strong{overflow-wrap:anywhere;font-size:13px;display:block}.lesson-editor-list small{color:#829075;margin-top:3px;font-size:10px;display:block}.lesson-editor-fields h2{margin:2px 0 20px;font-size:17px}.lesson-editor-fields label{margin-bottom:14px;font-size:13px}.lesson-editor-fields textarea{resize:vertical}.lesson-editor-fields small{color:#78876c;font-size:11px;line-height:1.6}.lesson-editor-center{min-width:0}.editor-slide-tools{justify-content:space-between;align-items:center;padding:10px 0 16px;display:flex}.editor-slide-tools>div{gap:6px;display:flex}.editor-slide-tools>span{color:#718565;font-weight:700}.lesson-editor-canvas{aspect-ratio:16/9;border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 12px 32px #223b2415;container-type:size}.editor-canvas-hint{text-align:center;color:#79876e;margin-top:18px;font-size:12px}.editor-upload{cursor:pointer;justify-content:center;position:relative;overflow:hidden;display:flex!important}.editor-upload input{opacity:0;cursor:pointer;width:100%;margin:0;position:absolute;inset:0}.lesson-editor-footer{color:#77866d;padding:12px 28px 18px;font-size:12px;line-height:1.6}.lesson-auto-panel{background:#fff;border:1px solid #dce6d4;border-radius:16px;margin:0 28px 20px;padding:24px}.lesson-auto-panel h2{margin:0 0 10px;font-size:20px}.lesson-auto-panel p{color:#65785c;font-size:14px;line-height:1.8}.lesson-auto-panel textarea{width:100%;margin:14px 0;display:block}.editor-replace{background:#eef4e5;border-radius:12px;margin-top:16px;padding:14px}.editor-replace button{margin:0 8px 0 0}.lesson-editor-presentation{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:0 28px 24px}.material-design-panel{margin-bottom:24px}.material-design-panel>p{color:#74836c;line-height:1.8}.material-design-panel .btn{margin-top:8px}@media (max-width:1150px){.lesson-editor-body{grid-template-columns:150px minmax(240px,1fr) 260px;gap:12px;padding:0 18px 18px}.lesson-editor-fields{padding:12px}.lesson-editor-meta,.lesson-editor-header{padding:16px 18px}.lesson-editor-header h1{font-size:22px}}@media (max-width:850px){.lesson-editor-body{grid-template-columns:1fr}.lesson-editor-list{align-items:center;gap:8px;max-height:none;display:flex;overflow-x:auto}.lesson-editor-list>.section-title{flex-direction:column;flex-shrink:0;gap:4px;margin:0;display:flex}.lesson-editor-list>button{flex-shrink:0;width:140px;min-width:140px;max-width:140px;min-height:70px}.lesson-editor-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.lesson-editor-fields>h2{grid-column:1/-1}.lesson-editor-fields label{margin:0}.lesson-editor-header{gap:12px}.lesson-editor-actions{gap:6px}.lesson-editor-actions .btn{padding:10px;font-size:12px}.lesson-editor-presentation{padding:0 12px}.lesson-auto-panel,.editor-notice{margin:0 18px 14px}}@media (max-width:480px){.lesson-editor-fields{display:block}.lesson-editor-fields label{margin-bottom:14px}.lesson-editor-meta{gap:10px}.lesson-editor-meta label{flex:auto;width:100%;min-width:0}.lesson-editor-actions{width:100%}.lesson-editor-actions .icon-btn{margin-left:auto}.lesson-auto-panel{padding:16px}.lesson-editor-footer{padding:12px 18px}.lesson-editor-meta>.btn{padding:10px;font-size:12px}}.teacher-image-limits{margin-top:24px}.teacher-image-limits h2{align-items:center;gap:8px;display:flex}.teacher-image-limits>p{line-height:1.7}.teacher-image-limit-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;margin:18px 0;display:grid}.teacher-image-limit{border:1px solid var(--border,#dce5dc);border-radius:16px;min-width:0;padding:18px}.teacher-image-limit h3{margin:0 0 12px}.teacher-image-limit form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.teacher-image-limit label{flex:140px;min-width:0;margin:0}.teacher-image-limit input{width:100%}.image-quota-status{color:#285548;overflow-wrap:anywhere;background:#edf4ed;border-radius:12px;align-items:start;gap:10px;margin:12px 0 18px;padding:14px;display:flex}.image-quota-status>svg{flex-shrink:0}.image-quota-status p{margin:6px 0;font-size:13px;line-height:1.6}.image-quota-status small{line-height:1.6;display:block}.image-quota-status.quota-empty{color:#85542b;background:#fff4e5}.approval-popover .image-quota-status{margin:10px 0}.access-setup-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.access-setup-grid h2,.access-code-row h3{align-items:center;gap:9px;display:flex}.access-setup-grid form,.student-enrollment form{gap:15px;display:grid}.access-setup-grid .panel,.access-code-controls label{min-width:0}.access-code-large{letter-spacing:.08em;overflow-wrap:anywhere;padding:18px 0;font-size:1.35rem;font-weight:750;display:block}.access-code-row{border-bottom:1px solid var(--border,#dde5dd);grid-template-columns:minmax(0,1fr) minmax(220px,360px);gap:24px;padding:22px 0;display:grid}.access-code-controls{gap:12px;display:grid}.code-reveal{align-items:center;gap:10px;min-height:36px;display:flex}.code-reveal code{overflow-wrap:anywhere}.access-check{align-items:center;display:flex;gap:12px!important}.access-check input{width:auto!important}.enrollment-request{border:1px solid var(--border,#dde5dd);border-radius:16px;gap:12px;margin:16px 0;padding:20px;display:grid}.enrollment-request h3{margin:12px 0 6px}.enrollment-request input,.access-code-controls input{box-sizing:border-box;max-width:100%}.enrollment-status{text-align:center;background:#f2f6ee;border-radius:18px;padding:24px;line-height:1.7}.student-enrollment{margin-top:22px}.enrollment-popover .enrollment-requests{padding:18px}.access-preview-notice{color:#59456f;background:#f1ebfa;border:1px solid #ded1f2;border-radius:14px;margin-bottom:20px;padding:14px 18px}.login-access-help{color:#6b7e77;margin:12px 0;font-size:.85rem;line-height:1.7}.access-expiry-line{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.access-expiry-line label{flex:1;min-width:200px}@media (max-width:760px){.access-setup-grid,.access-code-row{grid-template-columns:1fr}.access-code-row{gap:12px}.access-setup-grid{gap:16px}.enrollment-request{padding:14px}.access-code-large{font-size:1.1rem}.enrollment-popover{width:calc(100vw - 20px);right:10px}.teaching-topbar .top-actions{flex-wrap:wrap}.access-code-controls{max-width:100%}}.login-error{color:#8b4c35;overflow-wrap:anywhere;background:#fff1e8;border:1px solid #ebcbb5;border-radius:12px;margin:0 0 20px;padding:14px 16px;font-size:14px;line-height:1.7}.class-context{color:#24523e;background:#eff5eb;border:1px solid #dce7d6;border-radius:10px;align-items:center;gap:9px;min-width:0;max-width:100%;padding:8px 12px;display:flex}.class-context small{white-space:nowrap;font-size:10px}.class-context>div{flex-wrap:wrap;gap:6px 14px;min-width:0;display:flex}.class-context strong{overflow-wrap:anywhere;font-size:13px;line-height:1.5}.topbar:has(.class-context){flex-wrap:wrap;gap:10px;height:auto;min-height:78px;padding-top:12px;padding-bottom:12px}.teaching-topbar .class-context{margin-right:auto}.learning-state{color:#53695d;flex-wrap:wrap;gap:6px;margin:10px 0;font-size:11px;display:flex}.learning-state span{background:#f0f4ec;border-radius:6px;padding:5px 7px}.learning-open-all{white-space:normal;margin-bottom:8px;line-height:1.5}@media (max-width:700px){.topbar:has(.class-context) .top-actions{flex-wrap:wrap;min-width:0;max-width:100%}.topbar:has(.class-context) .demo-indicator{display:none}.topbar .class-context{gap:6px;padding:7px 9px}.class-context strong{font-size:12px}.teaching-topbar .class-context{order:4;width:100%}.teaching-topbar .teaching-mode-label{font-size:10px}.topbar:has(.class-context){padding-left:16px;padding-right:16px}}.observe-selector{align-items:center;gap:24px;margin-bottom:22px;display:flex}.observe-selector label{min-width:210px;margin:0}.observe-selector select{margin-bottom:0}.observe-selector>div{flex:1}.observe-selector p{color:#72826d;margin-bottom:0;font-size:13px;line-height:1.8}.observe-selector .btn{white-space:nowrap}.observe-tabs{gap:8px;margin-bottom:24px;display:flex;overflow:auto}.observe-tabs button{white-space:nowrap;color:#5d7355;background:#fff;border:1px solid #dce5d6;border-radius:10px;padding:12px 18px}.observe-tabs .selected{color:#214c3b;background:#e1edca;border-color:#94b77a;font-weight:700}@media (max-width:850px){.observe-selector{flex-wrap:wrap;gap:16px}.observe-selector>div{flex-basis:50%}.observe-selector label{width:100%}.observe-selector .btn{justify-content:center;width:100%}}.compact-chat-navigation{display:none}.page-heading>div,.modal-heading h2{overflow-wrap:anywhere;min-width:0}.modal-heading>.icon-btn{flex-shrink:0}.modal{max-height:calc(100dvh - 48px)}.modal-shade{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.lesson-deck-expanded,.lesson-editor-shell{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.lesson-deck:fullscreen{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (max-width:950px){.compact-chat-navigation{border:1px solid var(--border);background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px;margin-bottom:14px;padding:14px;display:grid}.compact-chat-navigation label{color:#597461;min-width:0;margin:0;font-size:12px}.compact-chat-navigation select{text-overflow:ellipsis;width:100%;min-width:0;min-height:44px;margin:6px 0 0;font-size:16px;display:block}.compact-chat-navigation .btn{white-space:nowrap;min-height:44px}.page-heading{flex-wrap:wrap}}@media (max-width:720px){.topbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.main-content{padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.compact-chat-navigation{grid-template-columns:minmax(0,1fr) auto}.compact-chat-navigation label:first-child{grid-column:1/-1}.chat-panel{height:clamp(420px,100dvh - 150px,720px);min-height:420px}.studio-layout{min-height:0}.modal{max-height:calc(100dvh - 24px);padding:18px}.modal-heading{gap:10px}.modal-heading .icon-btn{min-width:44px;min-height:44px}.composer textarea{font-size:16px}.page-heading>.btn{white-space:normal}}@media (pointer:coarse){input,select,textarea{font-size:16px}.icon-btn,.send-button{min-width:44px;min-height:44px}.sidebar nav button,.material-day-tabs button{min-height:44px}}@media (max-height:500px) and (max-width:950px){.chat-panel{height:480px;min-height:0}.modal{max-height:calc(100dvh - 24px)}}