.demo-module__uWWS0W__page{min-height:100dvh;padding:calc(var(--safe-t) + 20px) clamp(16px, 3.4vw, 40px) calc(var(--safe-b) + 40px);width:100%;max-width:1320px;margin:0 auto}.demo-module__uWWS0W__head{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:22px;display:grid}.demo-module__uWWS0W__back{border-radius:var(--radius-m);border:2px solid var(--c-line);min-height:44px;color:var(--c-ink);font-family:var(--font-display);background:var(--c-surface);align-items:center;gap:6px;padding:0 14px;text-decoration:none;display:inline-flex}.demo-module__uWWS0W__titleBox{min-width:0}.demo-module__uWWS0W__label{font-family:var(--font-num);letter-spacing:.14em;color:var(--c-ink-soft);text-transform:uppercase;font-size:12px;display:block}.demo-module__uWWS0W__title{color:var(--c-ink);margin:2px 0 0;font-size:clamp(28px,3.4vw,40px)}.demo-module__uWWS0W__sub{color:var(--c-ink-soft);margin:2px 0 0;font-size:15px}.demo-module__uWWS0W__seg{border-radius:calc(var(--radius-m) + 5px);background:var(--c-surface2);border:2px solid var(--c-line);gap:4px;padding:5px;display:inline-flex}.demo-module__uWWS0W__segBtn{border-radius:var(--radius-m);min-width:104px;min-height:52px;color:var(--c-ink);font-family:var(--font-display);transition:background .2s, color .2s, transform .15s var(--ease-pop);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;padding:6px 12px;display:flex}.demo-module__uWWS0W__segBtn b{font-size:16px;font-weight:400}.demo-module__uWWS0W__segBtn small{font-family:var(--font-body);color:var(--c-ink-soft);font-size:11.5px}.demo-module__uWWS0W__segBtn:hover{transform:translateY(-1px)}.demo-module__uWWS0W__segBtn[aria-checked=true]{background:var(--c-primary);color:var(--c-primary-ink);box-shadow:var(--shadow-soft)}.demo-module__uWWS0W__segBtn[aria-checked=true] small{color:var(--c-primary-ink)}.demo-module__uWWS0W__layout{grid-template-columns:360px 1fr;align-items:start;gap:22px;display:grid}.demo-module__uWWS0W__side{flex-direction:column;gap:16px;display:flex;position:sticky;top:16px}.demo-module__uWWS0W__student{flex-direction:column;gap:14px;display:flex}.demo-module__uWWS0W__studentTop{align-items:center;gap:12px;display:flex}.demo-module__uWWS0W__studentInfo{flex-direction:column;gap:2px;min-width:0;display:flex}.demo-module__uWWS0W__studentInfo b{font-family:var(--font-display);color:var(--c-ink);font-size:18px;font-weight:400}.demo-module__uWWS0W__studentStats{color:var(--c-ink-soft);font-size:13px}.demo-module__uWWS0W__studentStats em{font-style:normal;font-family:var(--font-num);color:var(--c-ink);font-weight:700}.demo-module__uWWS0W__gradeRow{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.demo-module__uWWS0W__gradeBtn{border-radius:var(--radius-s);border:2px solid var(--c-line);background:var(--c-surface);min-height:44px;color:var(--c-ink);font-family:var(--font-num);transition:transform .15s var(--ease-pop), background .2s;font-size:18px;font-weight:700}.demo-module__uWWS0W__gradeBtn[aria-checked=true]{background:var(--c-accent);color:var(--c-accent-ink);transform:translateY(2px)}.demo-module__uWWS0W__gradeBtn:disabled{opacity:.35;cursor:not-allowed}.demo-module__uWWS0W__hint{color:var(--c-ink-soft);margin:0;font-size:12.5px;line-height:1.5}.demo-module__uWWS0W__script ol{color:var(--c-ink);flex-direction:column;gap:6px;margin:8px 0 0;padding-left:20px;font-size:14px;display:flex}.demo-module__uWWS0W__script b{font-family:var(--font-display);color:var(--c-primary-edge,var(--c-primary));font-weight:400}.demo-module__uWWS0W__grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.demo-module__uWWS0W__cell{flex-direction:column;gap:6px;display:flex}.demo-module__uWWS0W__card{height:100%;color:var(--c-ink);flex-direction:column;gap:8px;text-decoration:none;display:flex!important}.demo-module__uWWS0W__cardTop{align-items:center;gap:10px;display:flex}.demo-module__uWWS0W__idx{font-family:var(--font-num);color:var(--c-ink-soft);font-size:22px;font-weight:700}.demo-module__uWWS0W__cardIcon{border-radius:var(--radius-s);width:44px;height:44px;color:var(--c-surface);background:var(--c-primary);place-items:center;margin-right:auto;display:grid}.demo-module__uWWS0W__cardIcon[data-t=sprout]{background:var(--c-green);color:var(--c-ink);border-radius:50%}.demo-module__uWWS0W__cardIcon[data-t=adventure]{background:var(--c-orange);color:var(--c-ink)}.demo-module__uWWS0W__cardIcon[data-t=academy]{background:var(--c-purple);color:var(--c-ink);border-radius:8px}.demo-module__uWWS0W__cardTitle{color:var(--c-ink);margin:4px 0 0;font-size:20px;line-height:1.25}.demo-module__uWWS0W__point{color:var(--c-ink);margin:0;font-size:14.5px;line-height:1.5}.demo-module__uWWS0W__cue{color:var(--c-ink-soft);align-items:flex-start;gap:6px;margin:0;font-size:13px;display:flex}.demo-module__uWWS0W__cue svg{flex:none;margin-top:2px}.demo-module__uWWS0W__cardFoot{border-top:1.5px dashed color-mix(in oklab, var(--c-ink-soft) 35%, transparent);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:auto;padding-top:8px;display:flex}.demo-module__uWWS0W__meta{color:var(--c-ink-soft);font-size:12.5px}.demo-module__uWWS0W__warn{background:color-mix(in oklab, var(--c-warn) 30%, var(--c-surface));color:var(--c-warn-ink,var(--c-ink));border-radius:999px;padding:2px 8px;font-size:12px}.demo-module__uWWS0W__route{color:var(--c-ink-soft);margin-left:auto;font-size:11.5px}.demo-module__uWWS0W__alt{font-size:13.5px;font-family:var(--font-display);color:var(--c-ink-soft);border-radius:8px;align-self:flex-end;padding:4px 8px;text-decoration:none}.demo-module__uWWS0W__alt:hover{color:var(--c-ink);background:var(--c-surface2)}@media (max-width:1000px){.demo-module__uWWS0W__head{grid-template-columns:auto 1fr}.demo-module__uWWS0W__seg{grid-column:1/-1;justify-self:start}.demo-module__uWWS0W__layout{grid-template-columns:minmax(0,1fr)}.demo-module__uWWS0W__side{position:static}}@media (max-width:520px){.demo-module__uWWS0W__segBtn{flex:1;min-width:0}.demo-module__uWWS0W__seg{width:100%}.demo-module__uWWS0W__gradeRow{gap:4px}.demo-module__uWWS0W__gradeBtn{min-width:0;font-size:16px}}