.teacher-body{flex-direction:column;min-height:100vh;display:flex}.teacher-main{flex:1;max-width:720px;padding-top:2.5rem;padding-bottom:3rem}.bar-right{align-items:center;gap:12px;display:flex}.loading{color:var(--ink-soft);text-align:center;padding:3rem 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.card-title{letter-spacing:-.015em;margin:0;font-size:clamp(22px,3vw,27px);font-weight:600}.card-sub{color:var(--ink-soft);margin:.5rem 0 1.25rem;font-size:15px;line-height:1.5}.signin{max-width:440px;margin:2rem auto 0}.page-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:1rem;display:flex}.count{color:var(--ink-soft);font-size:14px}.field{margin-bottom:1rem;display:block}.field.grow{flex:180px}.field-label{color:var(--ink-soft);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.field input,.field select{font:inherit;width:100%;color:var(--ink);background:var(--bg);border:1px solid var(--border-strong);border-radius:10px;padding:12px 14px;font-size:16px}.field input:focus-visible,.field select:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.code-input{letter-spacing:.4em;text-align:center;padding-left:.4em;font-size:28px;font-weight:600}.primary-btn{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:13px 22px;font-size:16px;font-weight:500}.primary-btn:hover:not(:disabled){filter:brightness(1.07)}.primary-btn:disabled{opacity:.55;cursor:default}.ghost-btn.small{padding:8px 14px;font-size:14px}.link-btn{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:14px;text-decoration:underline}.link-btn.is-danger{color:#b3261e}.link-btn:disabled{opacity:.5;cursor:default}@media (prefers-color-scheme:dark){.link-btn.is-danger{color:#f2b8b5}}.note{background:var(--surface-2);color:var(--ink);border-radius:10px;margin:.9rem 0 0;padding:10px 12px;font-size:14px;line-height:1.5}.note.is-bad{color:#8c1d18;background:#fbe9e7}.note.is-ok{color:#0f5132;background:#e3f2ec}@media (prefers-color-scheme:dark){.note.is-bad{color:#f2b8b5;background:#3b1f1d}.note.is-ok{color:#a7d7c1;background:#1c332a}}.add-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.add-row .field{margin-bottom:0}.add-row .primary-btn{flex:none;width:auto}.privacy{color:var(--ink-soft);border-top:1px solid var(--border);margin:1rem 0 0;padding-top:1rem;font-size:13px;line-height:1.55}.pupil-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:1.25rem 0 0}.pupil-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:border-color .12s;display:flex;overflow:hidden}.pupil-tile:hover{border-color:var(--border-strong)}.who-tile.is-plain{box-shadow:none;background:0 0;border:none;border-radius:0;flex:1;justify-content:center;gap:8px;padding:18px 12px 12px}.who-tile.is-plain:hover{border:none;transform:none}.who-tile.is-plain:active{transform:none}.who-tile.is-plain .who-name{overflow-wrap:anywhere;font-size:16px}.tile-foot{border-top:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px 8px 14px;display:flex}.tile-year{color:var(--ink-soft);white-space:nowrap;font-size:13px}.tile-foot{flex-wrap:wrap;row-gap:8px}.tile-works{border-top:1px solid var(--border);color:var(--ink-soft);white-space:nowrap;flex:1 0 100%;order:3;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;font-size:13px;display:flex}.tile-works select{font:inherit;font-size:inherit;color:var(--ink);border:1px solid var(--border-strong);background:var(--surface);border-radius:6px;min-height:22px;padding:2px;font-size:14px}.tile-bin{font:inherit;width:32px;height:32px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.tile-bin:hover{color:#9a2b20;background:#faeeda}.tile-bin:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.empty{color:var(--ink-soft);text-align:center;padding:2rem 0}.foot-inner{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:8px 20px;font-size:13px;display:flex}@media (width<=560px){.add-row .primary-btn{width:100%}}.teacher-main:has(#view-tracker:not([hidden])){max-width:860px}.back-link{margin-bottom:.75rem}.tracker-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1.25rem;display:flex}.who-block{align-items:center;gap:12px;display:flex}.avatar{background:var(--surface-2);width:44px;height:44px;color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:600;display:grid}.who-name{margin:0;font-size:19px;font-weight:600}.who-meta{color:var(--ink-soft);margin:2px 0 0;font-size:13px}.head-actions{align-items:center;gap:10px;display:flex}.pill{background:var(--surface-2);color:var(--ink-soft);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:500}.pill.is-good{color:#0f5132;background:#e3f2ec}.pill.is-watch{color:#7a4a06;background:#fbf0dd}.pill.is-bad{color:#8c1d18;background:#fbe9e7}@media (prefers-color-scheme:dark){.pill.is-good{color:#a7d7c1;background:#1c332a}.pill.is-watch{color:#e3c58c;background:#362b17}.pill.is-bad{color:#f2b8b5;background:#3b1f1d}}.summary{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);margin-bottom:1.25rem;padding:1.15rem 1.35rem}.summary-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 10px;font-size:12px;font-weight:600}.summary-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.summary-item{gap:10px;font-size:15.5px;line-height:1.55;display:flex}.summary-dot{background:var(--border-strong);border-radius:50%;flex:none;width:8px;height:8px;margin-top:8px}.summary-item.is-good .summary-dot{background:#0f7a5c}.summary-item.is-watch .summary-dot{background:#9a6110}.summary-item.is-bad .summary-dot{background:#b3261e}.next-step{border-top:1px solid var(--border);margin:1rem 0 0;padding-top:.9rem;font-size:15px;line-height:1.55}.next-label{color:var(--accent);margin-right:8px;font-weight:600}.tile-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:1.75rem;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem}.tile-label{color:var(--ink-soft);margin:0 0 4px;font-size:12.5px}.tile-value{letter-spacing:-.02em;margin:0;font-size:25px;font-weight:600}.tile-note{margin:3px 0 0;font-size:12.5px;line-height:1.4}.tile-note.is-good{color:#0f7a5c}.tile-note.is-watch{color:#8a5608}.tile-note.is-bad{color:#b3261e}.tile-note.is-muted{color:var(--ink-soft)}@media (prefers-color-scheme:dark){.tile-note.is-good{color:#7cc3a5}.tile-note.is-watch{color:#d8ac68}.tile-note.is-bad{color:#f2b8b5}}.tsection{margin-bottom:2rem}.tsection-title{margin:0 0 3px;font-size:17px;font-weight:600}.tsection-meaning{color:var(--ink-soft);margin:0 0 12px;font-size:13.5px;line-height:1.55}.verdict{margin:0 0 10px;font-size:14px;font-weight:600;display:inline-block}.verdict.is-good{color:#0f7a5c}.verdict.is-watch{color:#8a5608}.chart-box{width:100%;margin-bottom:12px;position:relative}.chart-box.is-empty canvas{opacity:.45}.chart-waiting{text-align:center;text-wrap:balance;color:var(--ink-soft,#6d6c67);pointer-events:none;justify-content:center;align-items:center;margin:0;padding:0 24px;font-size:14px;display:flex;position:absolute;inset:0}.legend{color:var(--ink-soft);flex-wrap:wrap;gap:8px 16px;margin-bottom:10px;font-size:12.5px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-swatch{border-radius:2px;flex:none;width:10px;height:10px}.thin-note{color:var(--ink-soft);background:var(--surface-2);border-radius:var(--radius);margin:0;padding:1.1rem 1.25rem;font-size:14px;line-height:1.55}.status-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.topic-chip{background:var(--surface-2);border-radius:999px;align-items:baseline;gap:7px;padding:6px 12px;font-size:13px;display:inline-flex}.topic-chip-name{font-weight:500}.topic-chip-status{color:var(--ink-soft);font-size:11.5px}.topic-chip.is-good{background:#e3f2ec}.topic-chip.is-good .topic-chip-status{color:#0f5132}@media (prefers-color-scheme:dark){.topic-chip.is-good{background:#1c332a}.topic-chip.is-good .topic-chip-status{color:#a7d7c1}}.mistake-list{gap:12px;margin:0 0 4px;padding:0;list-style:none;display:grid}.mistake-label{justify-content:space-between;gap:12px;margin:0 0 5px;font-size:14px;display:flex}.mistake-topic{font-weight:600}.mistake-figure{color:var(--ink-soft);white-space:nowrap}.mistake-track{background:var(--surface-2);border-radius:5px;gap:2px;height:16px;display:flex;overflow:hidden}.mistake-slice{height:100%;display:block}.activity-group{border-top:1px solid var(--border);margin-left:16px}.activity-group:first-child{border-top:0}.activity-group>summary{cursor:pointer;padding:10px 2px;font-size:14px;font-weight:600}.activity-list{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.activity-row{grid-template-columns:minmax(120px,11rem) 1fr auto;align-items:center;gap:12px;font-size:14px;display:grid}.activity-track{background:var(--surface-2);border-radius:5px;height:14px;display:block;overflow:hidden}.activity-fill{height:100%;display:block}.activity-figure{color:var(--ink-soft);white-space:nowrap;text-align:right}.activity-row.is-few .activity-fill{opacity:.35}.activity-row.is-few .activity-name{color:var(--ink-soft)}@media (width<=520px){.activity-row{grid-template-columns:1fr auto;row-gap:4px}.activity-track{grid-area:2/1/auto/-1}}.gap-note{border:1px dashed var(--border-strong);border-radius:var(--radius);background:0 0;margin-top:14px;padding:.95rem 1.15rem}.gap-title{color:var(--ink-soft);margin:0 0 5px;font-size:13.5px;font-weight:600}.gap-text{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.55}.link-btn.is-on{font-weight:600;text-decoration:none}@media print{.site-header,.site-footer,.head-actions,.back-link,.skip-link{display:none!important}body{background:#fff}.teacher-main{max-width:none;padding:0}.tsection,.summary,.tile,.mistake-row{break-inside:avoid}.summary,.tile,.pupil-tile{border:1px solid #ccc}}.device-row{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:1.25rem;padding:12px 16px;font-size:14px;display:flex}.device-row label{font-weight:600}.device-row select{font:inherit;border:1px solid var(--border-strong);background:var(--surface);color:inherit;border-radius:10px;max-width:100%;padding:8px 10px}.device-hint{color:var(--ink-soft)}.note.is-quiet{color:var(--ink-soft);font-size:14px}.topic-picker{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex:1 0 100%}.picker-summary{cursor:pointer;padding:11px 16px;font-size:14px;font-weight:600;list-style:none}.picker-summary::-webkit-details-marker{display:none}.picker-summary:before{content:"▸ ";color:var(--ink-soft)}.topic-picker[open] .picker-summary:before{content:"▾ "}.picker-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 14px;padding:4px 16px 12px;display:grid}.picker-option{cursor:pointer;align-items:flex-start;gap:9px;font-size:14px;display:flex}.picker-text{flex-direction:column;gap:1px;display:flex}.picker-when{color:var(--ink-soft);font-size:12px}.picker-when.is-never{color:#9a6110}.picker-foot{align-items:center;gap:12px;padding:0 16px 14px;display:flex}.picker-foot .primary-btn{width:auto;padding:8px 18px;font-size:14px}.picker-note{color:#b3261e;margin:0;font-size:13px}.chip-row{flex-wrap:wrap;gap:8px;margin-top:1rem;display:flex}.topic-chip{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:14px;text-decoration:none;display:inline-flex}.topic-chip:hover{border-color:var(--border-strong)}.chip-dot{border-radius:50%;flex:none;width:9px;height:9px}.chip-name{font-weight:500}.chip-level{font-variant-numeric:tabular-nums;font-weight:700}.chip-pending{color:var(--ink-soft);border:1px dashed var(--border-strong);border-radius:999px;padding:1px 6px;font-size:11px;font-weight:600}.chip-move{font-size:12px;font-weight:700}.topic-chip.is-up .chip-move{color:#0f7a5c}.topic-chip.is-down .chip-move{color:#b3261e}.topic-chip.is-none{color:var(--ink-soft);border-style:dashed}@media (prefers-color-scheme:dark){.topic-chip.is-up .chip-move{color:#7fd3b6}.topic-chip.is-down .chip-move{color:#f0a49c}}.check-card{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1.25rem;padding:14px 18px;display:flex}.check-card.is-due{border-style:dashed;border-color:var(--accent)}.check-text{min-width:0}.check-title{margin:0;font-size:15px;font-weight:600}.check-card.is-due .check-title{color:var(--accent)}.check-when{color:var(--ink-soft);margin:2px 0 0;font-size:13px}.check-card>.primary-btn{flex:none;align-self:center;align-items:center;width:auto;padding:10px 20px;font-size:15px;text-decoration:none;display:inline-flex}.due-pill{white-space:nowrap;color:var(--accent);background:var(--surface-2);border:1px dashed var(--accent);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.summary>.summary-text{margin:0;font-size:15px;line-height:1.65;display:block}a.ghost-btn{align-items:center;text-decoration:none;display:inline-flex}.header-nav .primary-btn.small{width:auto;padding:8px 14px;font-size:14px}.chart-topics{flex-wrap:wrap;align-items:center;gap:8px 14px;margin:12px 0 8px;font-size:13px;display:flex}.chart-topics-label{color:var(--ink-soft)}.chart-topic{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.card{box-shadow:var(--shadow)}.card-title{line-height:1.25}.field input,.field select{min-height:46px;font-size:16px}.primary-btn{background:#1d6fc0;min-height:46px}.page-head{flex-wrap:wrap}@media (width<=600px){.card{padding:20px 16px}.teacher-main{padding-top:1.5rem}.bar-right{flex-wrap:wrap;gap:8px}}.summary,.tile,.chart-card{box-shadow:var(--shadow)}.tile-value{font-variant-numeric:tabular-nums}.device-only-note{border:1px dashed var(--border-strong);color:var(--ink);background:var(--surface-2,#eeece5);border-radius:10px;margin:0 0 16px;padding:10px 14px;font-size:14px}.retry-note .link-btn{margin-left:4px}.agree-line{color:var(--ink-soft);margin:12px 0 0;font-size:13px;line-height:1.5}.agree-line a{color:var(--accent)}.home-row{align-items:center}.home-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.home-dialog{background:var(--surface);width:min(420px,100vw - 32px);color:var(--ink);text-align:center;border:none;border-radius:16px;padding:24px}.home-dialog::backdrop{background:#00000073}.home-dialog .set-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.home-dialog-sub{color:var(--ink-soft);margin:0 0 12px}.home-qr{background:#fff;border-radius:8px;width:200px;margin:0 auto 12px;padding:8px}.home-qr svg{width:100%;height:auto;display:block}.home-code-label{color:var(--ink-soft);margin:0;font-size:14px}.home-code{letter-spacing:.12em;margin:4px 0 16px;font-size:26px;font-weight:700}.home-row-art{vertical-align:middle;margin-right:6px;display:inline-flex}.home-slip{display:none}@media print{body.printing-slip>:not(#home-slip){display:none!important}body.printing-slip .home-slip{color:#000;max-width:14cm;margin:0 auto;display:block}.home-slip-qr{width:5cm;margin:.5cm 0}.home-slip-qr svg{width:100%;height:auto}.home-slip li{margin-bottom:.2cm}.home-slip-small{font-size:9pt}.home-slip-address{word-break:break-all;font-weight:700}}.rep-eyebrow{color:var(--ink-soft);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.tracker-head h1.who-name{letter-spacing:-.02em;margin:2px 0 0;font-size:24px}.rep-description{color:var(--ink-soft);margin:.4rem 0 1rem;font-size:14px;line-height:1.5}.rep-overview{grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 1rem;display:grid}.rep-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid #0f7a5c;border-radius:12px;padding:16px}.rep-card:nth-child(2){border-top-color:#b07829}.rep-card-label{color:var(--ink-soft);margin:0;font-size:13px;font-weight:600}.rep-card-key{margin:8px 0 6px;font-size:19px;font-weight:700;line-height:1.3}.rep-card-text{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.5}.rep-part{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin:0 0 1rem;padding:24px;scroll-margin-top:1rem}.rep-title{letter-spacing:-.02em;margin:4px 0 0;font-size:22px}.rep-sub{margin:1.5rem 0 .3rem;font-size:16px}.rep-table-wrap{overflow-x:auto}.rep-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.rep-table th,.rep-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px 8px}.rep-table thead th{background:var(--surface-2);color:var(--ink-soft);font-size:12px;font-weight:600}.rep-table tbody th{font-weight:600}.rep-table tbody tr:last-child>*{border-bottom:0}.status-tag{background:var(--surface-2);color:var(--ink-soft);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500}.status-tag.is-good{color:#0f5132;background:#e3f2ec}.status-tag.is-watch{color:#7a4a06;background:#fbf0dd}.status-tag.is-bad{color:#8c1d18;background:#fbe9e7}.rep-details{border-top:1px solid var(--border);margin-top:12px}.rep-details>summary{cursor:pointer;padding:12px 2px;font-size:14px;font-weight:600}.rep-details>p{color:var(--ink-soft);margin:0 0 12px;font-size:14px;line-height:1.5}.rep-more{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin:0 0 1rem;padding:0 24px}.rep-more>summary{padding:16px 2px;font-size:16px}.rep-more[open]{padding-bottom:16px}.rep-list{margin:0;padding-left:1.2rem;font-size:14px;line-height:1.6}.rep-block{margin-top:.5rem}.rep-more .overall-grid{grid-template-columns:repeat(2,minmax(0,240px))}.rep-note{color:var(--ink-soft);max-width:80ch;padding:4px 8px 0}.rep-note h2{color:var(--ink);margin:0 0 4px;font-size:15px}.rep-note p{margin:0;font-size:14px;line-height:1.5}@media (prefers-color-scheme:dark){.status-tag.is-good{color:#a7d7c1;background:#1c332a}.status-tag.is-watch{color:#f0cf94;background:#3a2c14}.status-tag.is-bad{color:#f2b8b5;background:#3b1f1d}}@media (width<=650px){.rep-overview{grid-template-columns:1fr;gap:8px}.rep-part{padding:16px}.rep-more{padding:0 16px}.rep-more[open]{padding-bottom:12px}.rep-table{font-size:13px}.status-tag{white-space:normal;display:inline-block}.rep-table th,.rep-table td{padding:8px 5px}}@media print{.rep-part{break-inside:auto;padding:12px}.rep-overview,.rep-table tr,.chart-box{break-inside:avoid}}.acct-menu{position:relative}.acct-trigger{cursor:pointer;border-radius:12px;align-items:center;gap:4px;min-height:44px;padding:0 4px;list-style:none;display:inline-flex}.acct-trigger::-webkit-details-marker{display:none}.acct-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.acct-caret{color:var(--ink);transition:transform .15s;display:block}.acct-menu[open] .acct-caret{transform:rotate(180deg)}.acct-list{z-index:20;background:var(--surface);border:1px solid var(--border);min-width:200px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.acct-who{color:var(--ink-soft);overflow-wrap:anywhere;margin:4px 10px 6px;font-size:13px}.acct-item{font:inherit;text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:8px;min-height:44px;padding:10px;font-size:15px;text-decoration:none}.acct-item:hover{background:var(--surface-2)}.acct-item:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}