:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#253c45;background:#f5f7f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a.button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:#246f68;text-decoration:none}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1px solid #cfdbd5;border-radius:10px;background:#fff;color:#294e50;font-size:14px;font-weight:600;min-height:40px}button:hover,.button:hover{background:#e9f3ed;border-color:#74a397}.primary{background:#236a62!important;color:#fff!important;border-color:#236a62!important}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #c9d6d0;border-radius:9px;background:#fff;color:#243e47;min-width:0}input:focus,select:focus,textarea:focus{outline:3px solid #bbe2d2;border-color:#3e8471}label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;margin:14px 0}textarea{resize:vertical}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:36px;letter-spacing:-1.2px;margin:8px 0 14px}h2{font-size:22px;margin:0 0 18px}h3{font-size:18px;margin:14px 0}p{line-height:1.75}small{display:block;color:#687e80;line-height:1.8}.school-header{display:flex;align-items:center;justify-content:space-between;padding:20px max(24px,calc((100vw - 1260px)/2));background:#fff;border-bottom:1px solid #e1e7de;gap:20px}.school-brand{display:flex;gap:12px;align-items:center;color:#274a47;font-weight:800;font-size:19px}.school-brand>b{display:grid;place-items:center;width:44px;height:44px;background:#287c68;color:#fff;border-radius:12px;box-shadow:3px 3px #bdd2a4}.school-brand small{font-size:11px;font-weight:400;letter-spacing:2px}.school-header nav{display:flex;align-items:center;gap:18px;font-size:13px}.school-header select{width:auto}.school-main{max-width:1260px;margin:auto;padding:36px 24px 80px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.page-heading p{color:#687f7b;margin:0}.kicker{font-size:11px;font-weight:800;letter-spacing:2.5px;color:#4c8476!important}.school-main section{margin:26px 0}.card{padding:26px;background:#fff;border:1px solid #dfe7dd;border-radius:18px;margin-bottom:16px;box-shadow:0 4px 20px #344d3810}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}.cards .card{margin:0}.card p{font-size:14px;color:#637b79}.pill{display:inline-flex;background:#edf4e7;color:#587344;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:700;line-height:1.5}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:28px}.stats>div{display:flex;align-items:center;gap:18px;background:#fff;padding:22px;border-radius:14px;border:1px solid #e0e7dd}.stats b{font-size:32px;color:#296f61}.stats span{font-size:13px;color:#6a7f78}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.toolbar select{width:auto}.two-col,.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid{gap:0 22px}.class-card,.list-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.list-row{background:#fff;padding:20px;border-bottom:1px solid #dfe7dd}.list-row p{margin:8px 0}.class-card h3{margin:0}.class-card p{margin:8px 0 0}.level-links{display:flex;flex-wrap:wrap;gap:8px}.level-links .button,.locked{font-size:12px;padding:8px 12px}.locked{border:1px dashed #ddd;color:#89928c;border-radius:8px}.section-tabs{display:flex;gap:28px;border-bottom:1px solid #d9e3d7;padding:0 0 16px;position:sticky;top:0;background:#f5f7f3;z-index:2}.section-tabs a{font-size:14px;font-weight:700}.muted{color:#718581;font-size:13px}.empty{padding:30px;border:1px dashed #bdcdbd;border-radius:16px;color:#657d76}.error{color:#a94232!important}.narrow{max-width:560px}.login-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:stretch}.welcome-panel{background:#e0ebd6;border-radius:24px;padding:46px;position:relative;overflow:hidden}.welcome-panel:after{content:"";position:absolute;width:220px;height:220px;right:-80px;bottom:-100px;background:#c7dabb;transform:rotate(30deg);border-radius:30px}.welcome-panel h2{font-size:30px;line-height:1.6;margin-top:24px}.welcome-panel p{color:#5b7668;font-size:14px}.welcome-tags{display:flex;gap:10px;margin-top:24px}.welcome-tags span{background:#ffffff80;padding:8px 12px;border-radius:8px;font-size:12px}.login-card{padding:38px!important;margin:0!important}.login-card .primary{width:100%;margin:18px 0 4px}.pixel-mascot{width:116px;height:86px;background:#fff7d5;border:8px solid #536f57;box-shadow:8px 8px #adbea0;position:relative;margin:14px 0 38px;display:flex;gap:26px;padding:22px 14px}.pixel-mascot:before{content:"";width:12px;height:22px;position:absolute;top:-30px;left:44px;background:#536f57;box-shadow:0 -8px #eebc61}.pixel-mascot i{display:block;width:13px;height:13px;background:#486255}.pixel-mascot span{width:30px;height:6px;background:#d09c52;position:absolute;bottom:10px;left:35px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:#f1f5ed;color:#607668;padding:12px}td{padding:13px 10px;border-bottom:1px solid #e5eae2;vertical-align:middle}td button{padding:6px 10px;font-size:12px;margin:2px}td input{min-width:100px;max-width:150px}.level-picker{display:grid;grid-template-columns:repeat(3,1fr);max-height:380px;overflow:auto;gap:10px;padding:12px;background:#f7f9f4;border:1px solid #e0e7dd;border-radius:12px}.level-picker label,.check-grid label,.inline-checks label{flex-direction:row;align-items:center;font-size:12px;font-weight:400;margin:0;padding:10px;background:#fff;border-radius:8px}.level-picker input,.check-grid input,.inline-checks input{width:18px;flex-shrink:0}.level-picker b{font-size:12px}.level-picker small{font-size:10px}.check-grid,.inline-checks{display:flex;gap:10px;flex-wrap:wrap}.preview-box{border:2px dashed #8aaf89;border-radius:12px;background:#f0f7ea;padding:24px;margin-top:20px}.audit-list{font:12px/1.7 monospace;max-height:330px;overflow:auto}.audit-list time{color:#809388}.school-footer{padding:20px;text-align:center;color:#8a9a91;font-size:11px;border-top:1px solid #e2e8de}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#244e44;color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 4px 30px #0002;max-width:90vw;z-index:100000}#toast[data-bad=true]{background:#904435}.history-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.history-grid>div{min-width:0}.history-stage{height:390px;background:#edf4e5;position:relative;border-radius:14px;overflow:hidden}.history-stage canvas{display:block}.history-code{max-height:340px;overflow:auto;background:#213c40;color:#e2f1db;border-radius:12px;padding:20px;font:12px/1.8 Consolas,monospace;white-space:pre-wrap}.history-blocks{height:330px;border:1px solid #dce7d7;border-radius:12px;overflow:hidden}.timeline{max-height:360px;overflow:auto}.timeline button{display:block;width:100%;text-align:left;justify-content:flex-start;margin:6px 0;font-size:12px}.rubric-row{display:grid;grid-template-columns:1fr 120px;align-items:center;gap:10px}.rubric-row small{font-size:11px}.cloud-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#edf6e7;border:1px solid #c8ddbc;padding:12px 20px;margin:12px 0;border-radius:12px;font-size:13px}.cloud-toolbar span{margin-right:auto}.cloud-toolbar button,.cloud-toolbar a{font-size:12px}.cloud-dialog{width:min(600px,90vw);border:0;border-radius:18px;padding:26px;color:#294b45}.cloud-dialog::backdrop{background:#173e4455}.cloud-dialog .toolbar{justify-content:flex-end}.cloud-dialog textarea{margin:12px 0}.cloud-conflict{background:#fff2d7!important;border-color:#d5aa5a!important}.game-classroom .review-option,.game-classroom #student-mode,.game-classroom #preview-notice,.game-classroom .catalog-note{display:none!important}.game-classroom .score-rules p:last-child{display:none}.game-classroom .school-footer{display:none}.game-classroom #app{padding-top:0}@media(max-width:800px){.school-header{padding:16px;flex-wrap:wrap}.school-header nav{gap:10px;flex-wrap:wrap}.school-main{padding:26px 16px 50px}h1{font-size:28px}.login-grid,.two-col,.history-grid{grid-template-columns:1fr}.login-grid{gap:18px}.welcome-panel{padding:28px}.welcome-panel h2{font-size:25px}.welcome-panel .pixel-mascot{float:right;transform:scale(.7);margin:20px 0}.welcome-panel p{clear:both}.card{padding:20px}.level-picker{grid-template-columns:1fr 1fr}.section-tabs{gap:14px;font-size:12px;overflow:auto;white-space:nowrap}.stats>div{padding:15px}.stats b{font-size:25px}.form-grid{grid-template-columns:1fr}.history-stage{height:310px}.page-heading{align-items:flex-start}.class-card{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}