.school-emblem{font-size:90px;color:#ddad40;background:#fff1c8;border-radius:35px;padding:0 26px;transform:rotate(-7deg)}.notice{background:#e4f2ef;border:1px solid #b4d9cf;border-radius:16px;padding:18px 22px;color:#214e49}.pill{display:inline-block;font-size:11px;letter-spacing:.3px;font-weight:800;background:#eef2f6;color:#4d6676;padding:6px 10px;border-radius:20px;margin:0 5px 12px 0}.pill.good{background:#dff3e4;color:#226540}.class-grid,.assignment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:22px;margin:25px 0}.class-tile,.assignment-card,.reward-card{background:white;border:1px solid #d6e3e6;border-radius:23px;padding:26px;min-width:0}.class-tile{border-top:5px solid #e0b250}.class-tile h2{font-size:27px}.recommended{padding:25px;background:#edf2fc;border:1px solid #d9e2f4;border-radius:22px;margin:25px 0}.assignment-card{padding:22px}.assignment-card small{display:block;line-height:1.5;margin-bottom:18px}.class-code{padding:18px;background:white;border:1px dashed #84aaa4;border-radius:18px;min-width:190px}.class-code small,.class-code strong{display:block}.class-code strong{font-family:monospace;font-size:24px;color:#097b79;padding:7px 0}.class-code small{font-size:12px}.school-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);padding-bottom:14px;margin:25px 0;overflow:auto}.school-tabs button{white-space:nowrap;border:0;background:transparent}.school-tabs .active{background:#d9edeb;color:#086c69}.school-filters,.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}.school-filters{grid-template-columns:1fr 1fr 1fr auto;background:white;border-radius:18px;padding:20px;margin:22px 0}.school-filters select{margin-bottom:0}.stat-cards{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:18px;margin:25px 0}.stat-cards article{border:1px solid var(--line);background:#fff;padding:24px;border-radius:20px}.stat-cards strong{font-size:38px;color:var(--teal)}.stat-cards p{font-size:13px;margin-bottom:0}.stat-cards article:last-child{background:#fff5dc;border-color:#ecddb5}.skill-suggestions{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0 32px}.skill-suggestions>div{padding:17px;background:#fff;border:1px solid var(--line);border-radius:15px;flex:1;min-width:190px}.skill-suggestions span,.skill-suggestions small{display:block;color:var(--muted);font-size:12px;margin-top:8px}.skill-map{border:1px solid var(--line);border-radius:18px;background:white}.skill-map th{min-width:135px;font-size:13px;vertical-align:top}.skill-map th:first-child{position:sticky;left:0;background:white;min-width:170px;z-index:1;padding-left:18px}.skill-map th small{display:block;color:var(--muted);font-weight:500}.skill-cell{display:block;background:#f3f5f7;padding:12px;border-radius:12px;text-align:center;min-width:115px}.skill-cell small{display:block;font-size:10px;white-space:nowrap}.skill-cell.strong{background:#dcefe4;color:#246148}.skill-cell.practice{background:#fff0ca;color:#775819}.skill-cell.help{background:#f9e0d9;color:#8a4b38}.skill-cell.few{background:#e9edf4;color:#6d798e}.empty-cell{color:#9ba7ad}.request-row{display:flex;align-items:center;gap:16px;border:1px solid var(--line);background:white;border-radius:15px;padding:18px;margin:12px 0}.request-row>div{flex:1}.request-row p{margin:5px 0 0}.inline-form{display:flex;gap:10px;align-items:end}.inline-form label{flex:1}.inline-form input{margin:0}.inline-form button{margin-bottom:0}.check-line{display:flex;gap:10px;align-items:center;font-weight:600;margin:12px 0}.check-line input{width:19px;height:19px;margin:0}.student-checks{display:flex;flex-wrap:wrap;gap:0 20px;margin:15px 0}textarea{display:block;width:100%;min-height:90px;font:inherit;color:inherit;border:2px solid #ccdce2;border-radius:12px;padding:12px;margin:8px 0 20px}.reward-image{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#f0f5f4;border-radius:16px}.reward-card progress{margin:12px 0}.reward-card .actions{gap:10px}.reward-card p{font-size:14px}.reward-card small{display:block;font-size:12px;line-height:1.5;color:var(--muted)}.button-link{display:inline-block;background:var(--teal);color:white;border-radius:12px;padding:10px 15px;text-decoration:none;font-size:14px;font-weight:800}.school-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:25px 0}.school-badges .badge{padding:22px 18px;opacity:.7}.school-badges .badge.earned{opacity:1;border:1px solid #edcf78;background:linear-gradient(140deg,#fff8dd,#ffedac)}.school-badges .badge p{font-size:12px;line-height:1.5;margin:12px 0 0}.school-badges .badge b{margin-bottom:8px}.trend{display:flex;align-items:flex-end;gap:5px;height:85px;margin-top:15px}.trend>span{height:100%;width:22px;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.trend i{display:block;height:var(--rate);min-height:3px;border-radius:5px 5px 0 0;background:#55a799}.trend small{font-size:9px}.answer-detail{border-top:1px solid var(--line);padding:22px 0}.answer-detail h3{font-size:17px}.answer-detail p{margin:8px 0}.album-scene img{width:100%;display:block}.album-scene a{display:block;font-weight:800;font-size:12px}.puzzle-cover{pointer-events:none}#school-print{display:none}@media(max-width:800px){.school-filters,.form-grid{grid-template-columns:1fr 1fr}.stat-cards{grid-template-columns:1fr 1fr}.stat-cards article:last-child{grid-column:1/-1}.school-badges{grid-template-columns:repeat(3,1fr)}.school-emblem{display:none}.class-code{min-width:150px}.class-code strong{font-size:20px}}@media(max-width:500px){.school-filters,.form-grid{grid-template-columns:1fr}.class-code{margin-top:15px}.page-heading:has(.class-code){display:block}.school-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.school-badges .badge{padding:15px 10px}.school-badges .badge strong{font-size:12px}.request-row{flex-wrap:wrap}.request-row>div{flex-basis:100%}.stat-cards{gap:10px}.stat-cards article{padding:18px}.stat-cards .eyebrow{font-size:10px}.stat-cards strong{font-size:30px}.inline-form{flex-wrap:wrap}.recommended{padding:17px}.class-grid,.assignment-grid{grid-template-columns:1fr}.school-tabs button{font-size:12px;padding:10px}.skill-map th:first-child{min-width:125px}.school-filters{padding:16px}}@media print{body.printing-reward>*{display:none!important}body.printing-reward>#school-print{display:block!important}#school-print img{max-width:180mm;max-height:260mm;object-fit:contain}}
