.hf-comment{margin:18px 0;padding:14px;border:1px solid var(--app-border,#64748b);border-radius:14px;color:inherit;background:var(--app-surface,transparent)}.hf-comment label{display:grid;gap:8px;font-weight:600}.hf-comment textarea{font:inherit;min-height:100px;resize:vertical;width:100%;box-sizing:border-box;color:var(--app-text,inherit);background:var(--app-surface,#fff);border:1px solid var(--app-border,#64748b);border-radius:10px;padding:12px}.hf-emojis{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.hf-emojis button{min-width:42px;min-height:42px;font-size:22px;padding:6px}.hf-comment small{display:block;margin-top:8px}.hf-student-comment p,.hf-notice-text{white-space:pre-wrap;overflow-wrap:anywhere}.hf-report-card{min-width:0;display:flex;flex-direction:column;gap:8px}.hf-report-card>.hs-card{width:100%;flex:1}.hf-report-actions{display:flex;justify-content:flex-end;padding:0 8px 10px}.hf-report-actions button{min-height:42px;padding:8px 16px}.hf-notice-slot{display:flex;justify-content:flex-end;margin:0 0 12px}.hf-notice-slot:empty{display:none}.hf-notice-card{display:flex;align-items:center;gap:9px;max-width:230px;border-radius:14px;border:2px solid #ca8a04;padding:12px 15px;text-align:left;background:var(--app-surface,#fff);color:var(--app-text,#172033);cursor:pointer;animation:hfNoticeGlow 1.6s ease-in-out infinite}.hf-notice-card>span:first-child{font-size:25px}.hf-notice-card strong,.hf-notice-card small{display:block;overflow-wrap:anywhere}.hf-notice-card small{margin-top:3px;font-size:12px}.hf-notice-dialog{width:min(92vw,560px);max-height:85dvh;box-sizing:border-box;overflow:auto;border-radius:18px;padding:22px;border:1px solid var(--app-border,#64748b);color:var(--app-text,#172033);background:var(--app-surface,#fff)}.hf-notice-dialog::backdrop{background:#000a}.hf-notice-dialog h2{margin:0 0 12px;font-size:22px}.hf-notice-text{padding:15px;border:1px solid var(--app-border,#64748b);border-radius:12px;line-height:1.65;margin:12px 0}.hf-notice-teacher{font-weight:700}.hf-notice-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hf-notice-actions button{flex:1;min-width:160px;min-height:44px}.hf-notice-status{overflow-wrap:anywhere}@keyframes hfNoticeGlow{0%,100%{box-shadow:0 0 0 0 #eab30822;border-color:#a16207}50%{box-shadow:0 0 0 5px #eab30844;border-color:#facc15}}@media(prefers-reduced-motion:reduce){.hf-notice-card{animation:none;box-shadow:0 0 0 3px #eab30866}}