*{box-sizing:border-box}body{margin:0;background:#f7f5ef;color:#2b2b2b;font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:226px;background:#214d42;color:#fff;padding:28px 15px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:19px;padding:5px 12px 42px}.brand i{width:38px;height:38px;display:grid;place-items:center;border:1px solid #83ad9d;border-radius:10px;font-style:normal}.brand small,.profile small{display:block;font-size:10px;letter-spacing:2px;font-weight:500;color:#a8c4b8;margin-top:5px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{border:0;background:transparent;color:#d6e6de;text-align:left;padding:14px;border-radius:9px;font-size:14px}.sidebar nav button span{font-size:18px;margin-right:14px}.sidebar nav button.active,.sidebar nav button:hover{background:#377160;color:#fff}.profile{margin-top:auto;border-top:1px solid #4a7165;padding:23px 8px 0;display:flex;gap:10px;align-items:center;font-size:13px}.profile b{background:#d9ebe1;color:#214d42;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.main{margin-left:226px;padding:32px max(28px,4vw) 70px;max-width:1800px}.main header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.main h1{font-size:27px;margin:7px 0 0}.header-actions{display:flex;align-items:center;gap:15px;color:#777;font-size:13px}.eyebrow{font-size:10px;color:#5a8575;letter-spacing:2px;font-weight:800}.outline,.primary,.dark{border-radius:8px;padding:11px 16px;font-size:13px;font-weight:700}.outline{background:#fff;border:1px solid #d8ded8;color:#345448}.primary{background:#2f6f5e;border:1px solid #2f6f5e;color:#fff}.dark{background:#23493e;border:1px solid #23493e;color:#fff}.link{background:none;border:0;color:#527468}.login,.panel,.stats,.code,.join-card,.student-question,.student-state{background:#fff;border:1px solid #e8e7e0;border-radius:14px;box-shadow:0 3px 16px #2b2b2b08}.login{padding:17px 22px;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.login p{margin:5px 0 0;color:#777;font-size:12px}.login form{display:flex;gap:7px}.login input{width:120px}.error{background:#fff0ed;color:#b93b3b;padding:12px 16px;border-radius:8px;margin:12px 0;display:flex;justify-content:space-between}.error button{background:none;border:0;color:inherit}.toast{position:fixed;top:18px;right:20px;background:#214d42;color:#fff;padding:14px 20px;border-radius:8px;z-index:10}.lesson-head{display:flex;align-items:stretch;justify-content:space-between;gap:18px;margin-bottom:20px}.lesson-head p{color:#617269;font-size:13px}.lesson-head h2{font-size:26px;letter-spacing:-.7px;margin:18px 0 10px}.lesson-head span{color:#778079;font-size:13px}.pill{border-radius:20px;font-size:11px;padding:5px 10px;font-weight:700;white-space:nowrap}.pill.live,.pill.green{color:#228059;background:#e4f4ea}.pill.gray{color:#777;background:#ececea}.pill.red{color:#c43f3f;background:#fce8e8}.code{padding:18px 25px;min-width:200px;text-align:center;background:#e8f2e9;border-color:#d5e7d8}.code small{display:block;color:#4d7765}.code strong{display:block;font-size:31px;letter-spacing:3px;color:#23594c;margin:7px 0}.code button{border:0;background:none;color:#2e6b59;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stats>div{padding:20px 25px;border-right:1px solid #ecece8}.stats>div:last-child{border:0}.stats small{display:block;color:#777;font-size:12px}.stats strong{display:block;font-size:29px;margin-top:5px}.stats em{font-size:14px;font-style:normal;margin-left:4px;color:#888}.accent{color:#22a06b!important}.bar{height:5px;border-radius:5px;background:#e5ebe5;margin-top:7px}.bar i{display:block;height:100%;background:#22a06b;border-radius:5px}.dashboard{display:grid;grid-template-columns:minmax(400px,1.2fr) minmax(350px,1fr);gap:18px}.dashboard>div{display:flex;flex-direction:column;gap:18px}.panel{padding:24px;margin-bottom:0}.panel h2{margin:10px 0 18px;font-size:21px}.panel h3{font-size:17px;margin:7px 0 18px}.panel-top{display:flex;justify-content:space-between;align-items:start;color:#999;font-size:12px}.question{background:#eef4ec;border-color:#dceadd;padding:28px}.question h2{font-size:27px;line-height:1.4;margin:25px 0 14px}.question p,.panel p{color:#79817c;font-size:13px;line-height:1.6}.buttons{display:flex;gap:8px;flex-wrap:wrap}.question .buttons{margin-top:24px}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:#989d98;margin:4px 0 15px}.red-text{color:#d14343!important}.tiles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.tile{border:1px solid #e6e9e4;border-radius:7px;padding:7px 3px;text-align:center;min-height:53px}.tile small{display:block;font-size:9px;opacity:.7}.tile b{font-size:11px;white-space:nowrap}.tile.gray{background:#f0f0ed;color:#9b9f9b}.tile.white{background:#fff;color:#424b43}.tile.green{background:#e4f6e9;border-color:#c5ead1;color:#20945e}.tile.red{background:#feeeee;border-color:#f3c8c8;color:#cf4a4a}.missing{border-top:1px solid #eee;margin-top:18px;padding-top:16px;font-size:12px}.missing p{margin:7px 0 0}.panel label{font-size:12px;color:#66756c;display:block}input,textarea,select{border:1px solid #d9dfd8;border-radius:7px;padding:11px 12px;background:#fff;color:#2b2b2b;outline-color:#2f6f5e}textarea{resize:vertical}.panel label input:not([type=checkbox]),.panel>input,.panel>textarea,.panel>select,.join-card input,.join-card select,.student-question textarea{display:block;width:100%;margin:8px 0 15px}.check{white-space:nowrap}.check input{vertical-align:middle}.answer{border:1px solid #e7ece7;border-radius:10px;padding:14px;margin-top:12px}.answer-head{display:flex;justify-content:space-between;align-items:center}.answer-head b{font-size:13px}.answer-head i{display:inline-grid;place-items:center;background:#eaf2e9;color:#398067;width:29px;height:29px;border-radius:50%;font-style:normal;margin-right:8px}.answer p{font-size:13px;color:#454b46;margin:12px 0}.answer-buttons{display:flex;gap:12px}.answer-buttons button{border:0;background:none;color:#718178;font-size:11px;padding:0}.flag{font-size:11px;color:#d14343}.management{display:grid;grid-template-columns:1fr 1fr;gap:18px}.management .wide{grid-column:1/-1}.list-item,.student-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding:15px 0;gap:10px}.list-item b{font-size:15px}.list-item p{margin:4px 0}.student-row{font-size:13px}.student-row button{border:0;color:#2f6f5e;background:none}.history-answer{border-top:1px solid #eee;padding:18px 0}.question-input{padding:12px 0;border-top:1px solid #eee}.question-input textarea{width:100%}.question-input input{max-width:75px;display:inline-block!important}.student-page{min-height:100vh;background:#f7f5ef;padding:20px}.student-shell{max-width:560px;margin:auto}.student-brand{display:flex;align-items:center;justify-content:space-between;color:#245949;font-size:18px;padding:8px 0 32px}.student-brand button{border:0;background:none;color:#6b8878;font-size:12px}.student-intro{padding:35px 2px 22px}.student-intro h1{font-size:38px;line-height:1.25;margin:15px 0}.student-intro p,.student-question>p{color:#7c857b;font-size:15px}.join-card,.student-question,.student-state{padding:27px}.join-card h2{margin:0 0 23px}.join-card label,.student-question label{display:block;font-weight:700;font-size:14px;margin-top:18px}.join-card input,.join-card select{font-size:17px;padding:15px}.submit{width:100%;font-size:17px;padding:17px;margin-top:18px}.hint{font-size:12px;color:#6e8275;background:#f0f6ef;padding:12px;border-radius:7px}.identity-note{color:#4d7662;background:#eaf2e8;border-radius:9px;text-align:center;padding:14px;font-size:13px;margin:18px 0}.student-welcome span{color:#668170;font-size:13px}.student-welcome h1{font-size:30px;margin:8px 0}.student-state{text-align:center;padding:70px 20px}.student-state i{font-size:46px;color:#2f6f5e;font-style:normal}.student-state h2{font-size:25px}.student-question h2{font-size:28px;line-height:1.45;margin:20px 0}.student-question textarea{font-size:16px;line-height:1.6;padding:15px}.count{text-align:right;color:#778078;font-size:12px}@media(max-width:1100px){.dashboard{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(7,1fr)}}@media(max-width:750px){.sidebar{position:static;width:auto;padding:15px}.brand{padding:0}.sidebar nav{display:flex;overflow:auto;margin-top:16px}.sidebar nav button{white-space:nowrap;padding:9px}.profile{display:none}.main{margin:0;padding:20px}.main header,.lesson-head,.login{display:block}.header-actions{margin-top:15px}.login form{margin-top:15px;flex-wrap:wrap}.stats{grid-template-columns:repeat(2,1fr)}.management{grid-template-columns:1fr}.management .wide{grid-column:auto}.tiles{grid-template-columns:repeat(5,1fr)}.code{margin-top:18px}.list-item{align-items:start;flex-direction:column}}.qr{display:block;width:100px;height:100px;margin:8px auto;border-radius:5px}.alert-box{background:#fff0ee;color:#bf4141;border:1px solid #f4d0cb;border-radius:8px;padding:10px 12px;font-size:12px;margin-bottom:15px}.history-detail{margin-bottom:18px}.history-question{border-top:1px solid #e8e8e2;padding:18px 0}.history-question h3{margin:0 0 8px}.demo-note{background:var(--brown-soft);color:var(--brown-dark);border-radius:8px;padding:9px 14px;font-size:12px;margin:-14px 0 14px}.empty-lesson{text-align:center;padding:60px 20px}.pill.dark{background:var(--brown-dark);color:#fff}.live{display:flex;flex-direction:column;gap:14px}.live-top{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:14px}.live-top .question{padding:20px 24px}.live-top .question h2{font-size:24px;line-height:1.35;margin:12px 0 6px}.live-top .question .buttons{margin-top:14px}.control{padding:16px 20px;display:flex;flex-direction:column;gap:9px}.control label{margin:0}.panel.control label input{margin:6px 0 0}.code-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.code-mini{border:0;background:none;text-align:left;padding:0;color:inherit}.code-mini small{display:block;font-size:11px;color:var(--muted)}.code-mini strong{font-size:26px;letter-spacing:3px;color:var(--brown-dark)}.qr-mini{width:58px;height:58px;border-radius:4px;cursor:zoom-in;border:1px solid var(--line)}.mini-stats{display:flex;gap:16px;font-size:12px;color:var(--muted);flex-wrap:wrap}.mini-stats b{font-size:20px;color:var(--ink);margin-right:4px}.control .bar{margin-top:0}.ended-note{margin-top:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.live-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px}.live-body .panel{padding:18px 20px}.live-body .panel h3{margin:6px 0 12px}.responses{display:flex;flex-direction:column}.alert-list{display:grid;gap:6px;margin-bottom:6px}.alert-list .alert-box{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0}.alert-box button{border:0;background:none;color:inherit;font-weight:700;font-size:12px;white-space:nowrap}.projection-bar{display:flex;align-items:center;gap:12px;background:var(--brown-dark);color:#fff;border-radius:10px;padding:10px 16px;font-size:13px}.projection-bar span{opacity:.85;flex:1}.projection-bar button{border:1px solid #ffffff66;background:none;color:#fff;border-radius:6px;padding:5px 12px}.projection-progress{text-align:center;padding:36px 10px}.projection-progress strong{display:block;font-size:56px;color:var(--brown-dark);margin-top:14px}.projection-progress .bar{max-width:420px;margin:16px auto 0;height:8px}.projection-note{font-size:12px;margin:0 0 4px}.reveal{font-size:12px;padding:10px 0;display:block;text-align:left}.code-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:grid;place-items:center;z-index:20;padding:16px}.code-big{background:var(--paper);border-radius:16px;padding:32px 40px;text-align:center;max-width:92vw}.code-big small{color:var(--muted)}.code-big strong{display:block;font-size:64px;letter-spacing:8px;color:var(--brown-dark);margin:6px 0 14px}.code-big img{width:300px;height:300px;max-width:70vw;max-height:70vw}.code-big p{color:var(--muted);margin:10px 0 18px}.code-big .buttons{justify-content:center}@media(min-width:1101px)and (min-height:640px){.main.live-view{height:100vh;display:flex;flex-direction:column;padding-top:18px;padding-bottom:18px}.main.live-view header{margin-bottom:12px}.main.live-view .demo-note{margin:-4px 0 12px}.main.live-view>.live{flex:1;min-height:0}.live-body{flex:1;min-height:0}.live-body .panel{min-height:0;overflow:auto}.live-body .responses{overflow:hidden}.responses .answers{flex:1;min-height:0;overflow:auto}}@media(max-width:1100px){.live-top,.live-body{grid-template-columns:1fr}}.question-input-row{display:flex;justify-content:space-between;align-items:center}.record-lesson{border-top:1px solid var(--line);margin-top:16px}.record-lesson h3{font-size:15px;margin:16px 0 0}.history-answer .pill{margin-left:8px}.student-question textarea:disabled{background:#efebe5;color:#8a8178;cursor:not-allowed}.closed-note{font-size:13px;color:var(--muted)}.live .attendance .legend{margin:2px 0 0;justify-content:flex-end;max-width:60%}.live .tiles{gap:5px}.live .tile{min-height:0;padding:5px 2px}.live .missing{margin-top:12px;padding-top:10px}.live .control{gap:7px;padding:14px 18px}.live .code-mini strong{font-size:24px}.live .attendance{padding-bottom:6px}:root{--brown:#67543f;--brown-dark:#493c30;--brown-soft:#f2efe9;--brown-line:#d9cfbf;--paper:#fff;--surface:#f5f0e8;--tone:#ece4d7;--ink:#2b2b2b;--muted:#716c68;--line:#e5e2de;--ok:#3f6b4f;--ok-soft:#e3ede6;--warn:#a8492f;--warn-soft:#f6e2da;--warn-ink:#8e3b25}body,.student-page{background:var(--surface);color:var(--ink)}.sidebar{background:var(--brown-dark)}.brand i{border-color:#a99a88}.brand small,.profile small{color:#d5c8b9}.sidebar nav button{color:#eee9e2}.sidebar nav button.active,.sidebar nav button:hover{background:var(--brown)}.profile{border-top-color:#796b5c}.profile b{background:#e8e0d4;color:var(--brown-dark)}.main h1,.lesson-head h2,.panel h2,.panel h3{color:var(--ink)}.eyebrow{color:var(--brown)}.header-actions,.lesson-head>div>span,.lesson-head p,.panel p,.missing p{color:var(--muted)}.panel,.login,.stats,.join-card,.student-question,.student-state{background:var(--paper);border-color:transparent}.outline{background:var(--paper);border-color:#d7d1cc;color:var(--brown-dark)}.outline:hover{background:var(--brown-soft);border-color:var(--brown-line)}.primary{background:var(--brown);border-color:var(--brown);color:#fff}.primary:hover:not(:disabled){background:var(--brown-dark)}.dark{background:var(--brown-dark);border-color:var(--brown-dark)}.dark:hover{background:#352b23}.link,.student-row button{color:var(--brown)}.toast{background:var(--brown-dark)}.code{background:var(--brown-soft);border-color:var(--brown-line)}.code small,.code strong,.code button{color:var(--brown-dark)}.pill.live,.pill.green{background:var(--brown-soft);color:var(--brown-dark)}.pill.gray{background:#f0efed;color:#666}.answer .pill.green{background:var(--ok-soft);color:var(--ok)}.pill.red{background:var(--warn-soft);color:var(--warn-ink)}.stats>div{border-right-color:var(--line)}.accent{color:var(--brown)!important}.bar{background:#e9e5df}.bar i{background:var(--ok)}.mini-stats .accent{color:var(--ok)!important}.question{background:var(--tone);border-color:transparent}.question p{color:#716457}.legend{color:#77716e}.legend span:first-child{color:#999}.legend .accent{color:var(--ok)!important}.legend .red-text{color:var(--warn)!important}.tile{position:relative}.tile.gray{background:#f0efed;border-color:transparent;color:#999}.tile.white{background:var(--paper);border-color:#bdb4a8;color:var(--ink)}.tile.green{background:var(--ok);border-color:var(--ok);color:#fff}.tile.green small{color:#fff;opacity:.8}.tile.green:after{content:"✓";position:absolute;top:2px;right:6px;font-size:12px;font-weight:700}.tile.red{background:var(--warn-soft);border:2px dashed var(--warn);color:var(--warn-ink);padding:6px 2px}.live .tile.red{padding:4px 1px}.tile.red b{font-weight:800}.missing,.list-item,.student-row,.question-input,.history-answer,.history-question{border-color:var(--line)}.answer{background:#f8f5ef;border-color:transparent}.answer p{line-height:1.7}.answer-head i{background:var(--tone);color:var(--brown-dark)}.answer-buttons button{color:#665646}input,textarea,select{background:var(--paper);border-color:#d8d2cd;color:var(--ink);outline-color:var(--brown)}.student-brand,.student-state i{color:var(--brown-dark)}.student-brand button,.student-welcome span{color:#82715f}.identity-note,.hint,.demo-note{background:var(--tone);color:var(--brown-dark)}.identity-note.warn{background:var(--warn-soft);color:var(--warn-ink)}.alert-box{background:var(--warn-soft);border-color:#e3b5a6;color:var(--warn-ink)}.error{background:var(--warn-soft);color:var(--warn-ink)}.flag,.red-text{color:var(--warn-ink)!important}.boot-screen{min-height:100vh;display:grid;place-items:center;background:var(--surface);color:var(--brown-dark);font-size:16px}@keyframes answer-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.answer{animation:answer-in .35s cubic-bezier(.4,0,.2,1)}}