/* Shared typography, colors, buttons, cards and navigation come directly from web/. */
.classroom-ui .lesson-section{margin-bottom:32px}.classroom-ui .section-heading{margin-bottom:18px}.classroom-ui .section-heading h2{font-size:21px}.classroom-ui .demo-art>.icon{width:56px;height:56px}.classroom-ui .section-note,.classroom-ui .muted{color:#849176;font-size:12px;line-height:1.9}.classroom-ui .section-note{margin-top:16px}.classroom-ui #message:empty{display:none}.classroom-ui #message,.classroom-ui #auth-error{color:#a85d40;font-size:13px;margin:14px 0}.classroom-ui .management-section{border-top:1px solid var(--line);padding-top:26px;margin-top:28px}.classroom-ui .empty-note{color:#94a086;padding:20px 0;font-size:13px}.classroom-ui .history{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.classroom-ui small{font-size:11px;color:#94a086}.classroom-ui .history small{display:inline-block;margin-top:5px}.classroom-ui .class-item{display:flex;align-items:center;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:18px 20px;font-size:13px}.classroom-ui .class-item>.icon{color:#8fa378}.classroom-ui .class-item small{margin-left:auto}.classroom-ui .class-list{display:grid;gap:12px}.classroom-ui .class-form-panel{margin-top:18px}.classroom-ui summary{cursor:pointer;color:#758765;font-size:13px}.classroom-ui form{max-width:600px}.classroom-ui .class-form-panel form{margin-top:16px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.classroom-ui label{display:block;font-size:12px;color:#7d8f6b}.classroom-ui input,.classroom-ui select,.classroom-ui textarea{display:block;width:100%;font:inherit;font-size:14px;color:var(--ink);background:var(--paper);border:1px solid #dce2d3;border-radius:9px;padding:11px 12px;margin:8px 0 18px;max-width:100%}.classroom-ui textarea{resize:vertical;min-height:110px}.classroom-ui .class-picker{display:flex;align-items:center;gap:10px}.classroom-ui .class-picker select{margin:0;width:190px;font-size:12px;padding:9px 12px}.classroom-ui form>.muted{margin:8px 0 18px}.classroom-ui .row{display:flex;gap:10px;flex-wrap:wrap}.park-header-tools .button{font-size:12px;padding:8px 12px;min-height:36px}.park-header-tools .teacher-name{font-size:12px;color:#77866b;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.local-badge{font-size:10px;color:#8c9b79;background:#e9efdf;border-radius:5px;padding:4px 8px;white-space:nowrap}.account-dialog{width:min(440px,calc(100vw - 32px));padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink)}.account-dialog h2{font-size:21px;margin-bottom:24px}.account-dialog::backdrop{background:#293c3460}.join-main{max-width:460px!important;padding:35px 20px!important;margin:0 auto!important}.join-brand{margin:16px 0 32px}.join{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:26px}.join h1{font-size:25px}.join>p{font-size:13px;line-height:1.9;color:#829274;margin:14px 0 24px}.join input{font-size:24px;letter-spacing:3px}.join .button{min-height:44px}.join>a.button{margin-top:15px}.classroom-ui :is(select,textarea):focus-visible{outline:3px solid #d57751;outline-offset:3px}@media(max-width:900px){.park-header-tools{gap:9px}.park-header-tools .teacher-name{display:none}}@media(max-width:650px){.park-topbar{height:auto;min-height:76px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap;gap:12px}.park-header-tools{margin-left:auto;gap:8px}.park-header-tools .local-badge{display:none}.park-header-tools .button{font-size:11px;padding:7px 9px}.classroom-ui .section-heading h2{font-size:19px}.classroom-ui .section-heading{flex-wrap:wrap;gap:12px}.classroom-ui .class-picker select{width:160px}.classroom-ui .class-form-panel form{padding:18px}.classroom-ui .management-section{padding-top:22px}.classroom-ui .demo-art{height:110px}.classroom-ui .class-item{padding:15px}.classroom-ui .history{font-size:12px}.join-main{padding-top:18px!important}.account-dialog{padding:22px}}
.report-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.report-heading h1{margin-top:16px}.report-heading .row{margin-top:16px}.report-notice{background:#f3eedf;border:1px solid #e6ddc4;color:#887753;padding:12px 16px;border-radius:10px;font-size:12px;margin-bottom:14px}.report-controls{display:flex;align-items:end;gap:20px;margin:20px 0}.report-controls label:first-child{flex:1}.report-controls label:last-child{width:170px}.report-controls select{margin-bottom:0}.report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.report-metrics>div{background:var(--paper);border:1px solid var(--line);padding:20px;border-radius:14px;display:flex;flex-direction:column;gap:8px}.report-metrics span{font-size:12px;color:#7d8f6b}.report-metrics strong{font-size:29px;font-weight:600}.report-metrics strong small{font-size:16px}.report-rules{margin:16px 0 24px}.report-rules p{font-size:12px;line-height:1.9;color:#849176;margin-top:10px;max-width:850px}.report-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.report-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;min-width:660px}.report-table th,.report-table td{padding:16px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}.report-table thead{background:#edf2e6;color:#647655}.report-table tbody th{font-weight:500}.report-table tbody th small{display:block;margin-top:5px}.report-table .button{padding:7px 12px;font-size:12px}.answer-status{display:inline-block;padding:4px 9px;border-radius:6px;background:#edf0e8;font-size:11px;color:#788179}.answer-status.correct{background:#e8f0df;color:#4a7246}.answer-status.wrong{background:#f7eadf;color:#9b6544}.answer-status.pending,.answer-status.evidence{background:#f3efd9;color:#96843d}.report-dialog{width:min(820px,calc(100vw - 28px));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:26px;background:var(--paper);color:var(--ink)}.report-dialog::backdrop,.evidence-dialog::backdrop{background:#293c3470}.report-dialog .section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.attempt-card{padding:22px 0;border-top:1px solid var(--line);margin-top:20px}.attempt-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.answer-text{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.evidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:16px 0}.evidence-button{border:1px solid var(--line);padding:6px;background:white;border-radius:10px;overflow:hidden}.evidence-grid img{display:block;width:100%;height:135px;object-fit:contain}.attempt-card form{margin-top:18px}.attempt-card textarea{min-height:70px}.report-error,#report-message{color:#a85d40;font-size:13px;margin:16px 0}.evidence-dialog{width:min(1100px,96vw);max-height:94dvh;border:0;border-radius:14px;padding:16px;background:var(--paper)}.evidence-dialog img{display:block;max-width:100%;max-height:78dvh;margin:16px auto 0}.report-dialog button:focus-visible{outline:3px solid #d57751;outline-offset:3px}@media(max-width:900px){.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-heading{flex-wrap:wrap}}@media(max-width:650px){.report-metrics{gap:10px}.report-metrics>div{padding:15px}.report-metrics strong{font-size:26px}.report-controls{flex-wrap:wrap;gap:12px}.report-controls label:first-child{min-width:100%}.report-controls label:last-child{width:100%}.report-heading .row{margin-top:0}.report-dialog{padding:18px}.attempt-heading{flex-wrap:wrap}.classroom-ui .history{flex-wrap:wrap}}
.student-history-panel{margin-top:28px}.student-history-panel>label{margin:18px 0 12px;max-width:240px}.student-history-panel .report-table tbody th{white-space:normal;min-width:220px}
