.class-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:22px}.class-cards h2{margin:20px 0 10px}.join-class{display:flex;flex-wrap:wrap;align-items:end;gap:18px;margin-bottom:24px}.join-class label{flex:1}.join-class input{text-transform:uppercase;font-weight:700;letter-spacing:.15em}.join-class .error-inline{width:100%;margin:0}.class-code{background:#192b35;color:#fff;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.class-code strong{display:block;letter-spacing:.12em;font-size:clamp(30px,4.5vw,72px);line-height:1.3;font-variant-numeric:tabular-nums}.class-code p{color:#cbd5db}.class-code .button.secondary{background:#fff}.class-members,.learning-section{margin-top:24px}.project-code{text-align:center}.project-code strong{display:block;letter-spacing:.09em;font-size:clamp(26px,7vw,66px);color:#e63835}.lesson-wait{text-align:center;padding:clamp(24px,5vw,64px);max-width:850px;margin:25px auto}.lesson-symbol{display:block;font-size:64px;color:#e63835}.lesson-wait .button{margin:18px 0}.attendance{display:flex;gap:6px}.attendance .button{padding:10px;min-height:44px;font-size:12px}.group-correction{max-width:1050px;margin:auto}.group-correction h2{font-size:clamp(22px,3vw,38px);line-height:1.4}.group-correction .question-images img{max-width:100%;max-height:270px;object-fit:contain}.correct-truth{font-size:24px}.correct-truth strong{color:#21704e}.learning-section .metrics{gap:10px}.learning-section .metric{padding:18px}.learning-section h3{margin-top:24px}#print-report{display:none}
@media(max-width:740px){.class-code{padding:22px}.class-code .row{width:100%}.class-code .row .button{flex:1}.class-code strong{font-size:30px}.join-class .button{width:100%}.group-correction .between{gap:12px}.group-correction .button{min-width:0}.learning-section .section-head{align-items:start}.learning-section .metrics{grid-template-columns:1fr 1fr}.nav button{font-size:10px;padding-left:2px;padding-right:2px}}
@page{size:A4;margin:15mm}
@media print{body{background:white!important;font:11pt/1.4 Arial,sans-serif;color:#111}body>*:not(#print-report){display:none!important}#print-report{display:block!important}#print-report header{border-bottom:2px solid #222;padding-bottom:8px}#print-report h1{font-size:20pt}#print-report h2{font-size:13pt}#print-report h3{font-size:12pt}#print-report article{break-inside:avoid;border-bottom:1px solid #bbb;padding:8px 0}#print-report img{max-width:65mm;max-height:50mm;object-fit:contain}#print-report button{display:none!important}#print-report .card,#print-report .metric{box-shadow:none;border:0;padding:0}#print-report .metrics{display:flex;gap:20px}#print-report .metric strong{font-size:18pt}#print-report .metric .label,#print-report .metric .foot{font-size:9pt}#print-report .table-wrap{overflow:visible}#print-report table{min-width:0;width:100%}#print-report tr{break-inside:avoid}#print-report th,#print-report td{padding:6px;font-size:10pt}#print-report td small{display:block}#print-report p,#print-report small,#print-report .form-note{color:#222}#print-report .print-notes{font-size:10pt;margin:18px 0}#print-report .track{border:1px solid #aaa}}
.print-preview{max-height:55vh;overflow:auto;padding:16px;border:1px solid #ddd;background:#fff;color:#111}.print-preview h1{font-size:24px}.print-preview h2{font-size:18px;line-height:1.4}.print-preview article{padding:14px 0;border-bottom:1px solid #ddd}.print-preview img{max-width:100%;max-height:160px;object-fit:contain}.print-preview .metrics{grid-template-columns:1fr 1fr}.print-preview .metric strong{font-size:26px}