:root{font-family:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif;color:#18382e;background:#f5f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit}button,a{touch-action:manipulation}button{border:1px solid #d2ddd5;background:#fff;color:#234c3d;padding:12px 20px;border-radius:12px;cursor:pointer}button:hover{background:#e8f0e8}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}.screen{height:100dvh;display:flex;flex-direction:column}header{flex-shrink:0;min-height:84px;display:flex;align-items:center;gap:24px;padding:16px 40px;border-bottom:1px solid #dfe6dc}.brand{font-weight:750;font-size:22px;letter-spacing:1px;white-space:nowrap}.status{margin-left:auto;color:#6a7c70;font-size:14px}.classroom-info{flex-shrink:0;padding:18px 40px;display:flex;align-items:baseline;gap:24px;border-bottom:1px solid #dfe6dc;flex-wrap:wrap}.classroom-info strong{font-size:24px;overflow-wrap:anywhere}.classroom-info span{color:#6a7c70;font-size:16px;line-height:1.6;overflow-wrap:anywhere}.screen main{flex:1;min-height:0;display:grid;place-items:center;padding:40px;overflow:auto}#display{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center}.welcome{text-align:center;max-width:1200px;overflow-wrap:anywhere}h1{font-size:clamp(32px,4vw,64px);letter-spacing:-1px;margin:20px 0}p{color:#718075;line-height:1.7}.lesson-summary{font-size:clamp(18px,1.7vw,26px);color:#567862}#code{display:block;font-size:72px;letter-spacing:16px;color:#246b4e;font-variant-numeric:tabular-nums;margin:14px 0}footer{flex-shrink:0;min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:10px 40px;color:#8b968d;font-size:13px;gap:16px}.projected-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;max-width:1300px;width:100%;max-height:100%;overflow:auto;font-size:clamp(24px,4vw,64px);font-weight:600}.projected-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px}[hidden]{display:none!important}@media(max-width:720px){header{min-height:72px;padding:12px 20px;gap:12px;flex-wrap:wrap}.brand{font-size:18px}.screen main{padding:24px}.classroom-info{padding:12px 20px;gap:8px}.classroom-info strong{font-size:20px}.classroom-info span{font-size:14px}footer{padding:10px 20px}.status{font-size:12px}button{padding:10px 14px}#code{font-size:48px;letter-spacing:8px}}