.learner-bar{margin:24px auto 0;padding:24px;max-width:1420px;display:flex;gap:24px;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text)}.learner-bar p{margin:6px 0;font-size:14px}.learner-bar strong{font-size:20px}.learner-actions{display:flex;flex-wrap:wrap;gap:10px}.learner-dialog{width:min(560px,calc(100vw - 32px));max-height:90dvh;padding:28px;overflow-y:auto;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text)}.learner-dialog form{display:grid;gap:18px}.learner-dialog a{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}.learner-dialog .check-label{align-items:flex-start;line-height:1.6}.learner-dialog input[type=checkbox]{flex-shrink:0;margin-top:5px}.account-links{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}.learner-dialog input:read-only{opacity:.75}.learner-dialog::backdrop{background:#000a}
@media(max-width:760px){.learner-bar{margin:16px;display:block;padding:18px}.learner-actions{margin-top:16px}.learner-dialog{padding:20px}.learner-actions .primary,.learner-actions .secondary{flex:1}.learner-dialog .sheet-header{align-items:flex-start}}
.learner-dialog .field label{display:block;margin-bottom:7px;font-size:14px;color:var(--text)}.learner-dialog .field input,.learner-dialog .field select{display:block;width:100%;box-sizing:border-box;min-height:46px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font:400 16px/1.4 Geist,system-ui,sans-serif}.learner-dialog .field input:focus-visible,.learner-dialog .field select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}