.ds-onsite-unified{width:min(100%,1256px);margin:0 auto;padding:0 20px 96px;color:var(--ds-text);font-family:var(--ds-font,system-ui,sans-serif);min-height:80vh}.ds-onsite-unified *,.os-dialog *{box-sizing:border-box;min-width:0}.ds-onsite-unified [hidden],.os-dialog [hidden]{display:none}.ds-onsite-unified .ds-c-btn,.os-dialog .ds-c-btn{padding-top:10px;padding-bottom:10px;white-space:normal;overflow-wrap:anywhere}.oc-hero>a{margin-top:16px}.os-muted,.os-notice{color:var(--ds-muted);line-height:1.7}.os-top{display:flex;gap:12px;align-items:flex-end;margin:24px 0}.os-top label{flex:1}.ds-onsite-unified label,.os-dialog label{display:grid;gap:8px;font-size:14px;line-height:1.6}.ds-onsite-unified textarea,.os-dialog textarea{padding:12px;resize:vertical}.ds-onsite-unified .ds-c-input,.os-dialog .ds-c-input{max-width:100%}.ds-onsite-unified :is(input[type=checkbox],input[type=radio]),.os-dialog :is(input[type=checkbox],input[type=radio]){width:22px;height:22px;flex:none;accent-color:var(--ds-accent)}.ds-onsite-unified .os-card h2,.ds-onsite-unified .os-card h3{margin-top:0}.os-info{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:22px 0}.os-info h2{margin-bottom:6px;font-size:24px;line-height:1.4}.os-info p{margin:4px 0}.os-info a{margin-top:10px}.os-stats{display:flex;gap:12px;flex-wrap:wrap}.os-stats span{font-size:13px}.os-stats b{font-size:25px;display:block;color:var(--ds-accent)}.os-tabs{margin:22px 0}.os-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:18px}.os-sessions{display:grid;gap:10px;align-content:start;max-height:900px;overflow:auto}.os-session.ds-c-btn{display:block;width:100%;text-align:left;padding:14px}.os-session[aria-current=true]{outline:2px solid var(--ds-accent);outline-offset:-2px}.os-session small,.os-session strong{display:block}.os-session small{color:var(--ds-muted);font-size:12px;line-height:1.6}.os-session strong{margin:6px 0}.os-actions,.os-staff-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.os-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.os-full{grid-column:1/-1}.os-form{display:grid;gap:18px}.os-divider{border:0;border-top:1px solid var(--ds-border);margin:26px 0}.os-pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.os-roster,.os-ranking{list-style:none;padding:0;margin:0;display:grid;gap:9px}.os-roster li,.os-ranking li{display:flex;align-items:center;gap:14px}.os-roster li>span:not(.os-avatar),.os-ranking li>span:not(.os-rank):not(.os-avatar){flex:1}.os-roster select{width:165px}.os-ranking b{color:var(--ds-accent);white-space:nowrap}.os-ranking .os-rank{width:30px;font-weight:800;font-size:20px}.ds-onsite-unified .os-check,.os-dialog .os-check{display:flex;align-items:center;gap:10px}.os-notice{font-size:12px;margin-top:28px}.os-dialog{font:400 14px/1.6 var(--ds-font,system-ui,sans-serif);width:min(680px,calc(100vw - 28px));max-height:calc(100dvh - 36px);overflow:auto}.os-dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}.os-dialog header{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:22px}.os-dialog h2{margin:0;font-size:22px;line-height:1.4}.os-dialog fieldset{min-inline-size:0;border:1px solid var(--ds-border);border-radius:14px;padding:15px;margin:12px 0}.os-dialog legend{font-weight:700;overflow-wrap:anywhere}.os-dialog fieldset label{display:flex;gap:9px;align-items:start;font-weight:400;margin:10px 0}.os-question{display:grid;gap:9px;margin-bottom:18px}.os-empty{padding:32px;text-align:center;color:var(--ds-muted);line-height:1.7}#os-status{overflow-wrap:anywhere}#os-status.is-error{color:var(--ds-error,#dc6464)}.os-stamps{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.os-stamps span{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:14px;border:1px dashed var(--ds-border);color:var(--ds-muted);font-size:18px}.os-stamps .filled{color:var(--ds-accent);border-style:solid;font-weight:800}.os-review{margin-top:20px}.os-dialog summary,.ds-onsite-unified summary{min-height:44px;display:flex;align-items:center;cursor:pointer;line-height:1.6}.ds-onsite-unified .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.os-stats span,.os-session strong,.os-roster strong,.os-ranking li>span{overflow-wrap:anywhere}.os-session-tools{display:grid;gap:12px;grid-column:1/-1}.os-session-tools .ds-c-btn{font-size:13px}.os-plain{margin:0;padding:0;border:0}.os-roster-tools,.os-preparation{margin-top:18px}.os-plain:disabled{opacity:.65}.os-question [data-options]{display:grid;gap:10px}.os-dialog .os-question label{display:grid;font-weight:600}.os-dialog .os-question legend{font-size:13px}.os-roster small{display:block}.os-dialog [data-dialog-status]{overflow-wrap:anywhere}.ds-onsite-unified .os-mobile-picker{display:none}.os-avatar{width:38px;height:38px;flex:none;border-radius:50%;object-fit:cover}.os-initial{display:flex;align-items:center;justify-content:center;background:var(--ds-bg);color:var(--ds-accent);font-weight:700}.os-staff-actions{margin-top:24px}.os-week-quiz{border-top:1px solid var(--ds-border);padding-top:22px;margin-top:22px}.os-recording{margin-top:22px}.os-roster label[data-late-for]{width:95px;flex:none}.os-dialog .os-roster{max-height:55vh;overflow:auto}.os-dialog .os-roster li{flex-wrap:wrap}.os-dialog .os-roster .os-check{flex:1}.os-dialog .os-roster select{width:145px}
.os-dialog .qb-builder,.os-dialog .qb-answer-block{font:inherit;min-width:0;color:var(--ds-text)}.os-dialog .qb-toolbar,.os-dialog .qb-actions{display:flex;gap:8px;flex-wrap:wrap}.os-dialog .qb-hint{font-size:13px;line-height:1.7;color:var(--ds-muted);overflow-wrap:anywhere}.os-dialog .qb-canvas{display:grid;gap:18px;margin:18px 0}.os-dialog .qb-block{display:grid;gap:14px;margin:0}.os-dialog .qb-block legend{font-size:13px;padding:0 6px}.os-dialog .qb-block-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.os-dialog .qb-block-head>div{display:flex;gap:5px;margin-left:auto;flex-wrap:wrap}.os-dialog .qb-block-head>span:nth-child(2){flex:1;font-weight:700}.os-dialog .qb-drag{font-size:23px;cursor:grab}.os-dialog .qb-block label{display:grid;gap:8px;font:inherit}.os-dialog .qb-option{display:flex;align-items:center;gap:10px}.os-dialog .qb-options,.os-dialog .qb-pairs{display:grid;gap:10px}.os-dialog .qb-pairs>div{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:8px}.os-dialog .qb-pairs span{text-align:center}.os-dialog .qb-answer{display:flex;align-items:center;gap:10px;margin:12px 0}.os-dialog .qb-cloze{line-height:3;white-space:pre-wrap}.os-dialog .qb-cloze input[type=text]{display:inline-block;max-width:160px;margin:0 8px}.os-dialog .qb-match{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:12px 0;align-items:center}.os-dialog .qb-block:disabled{opacity:.65}html[data-theme=dark] .os-dialog input{color-scheme:dark}
@media(max-width:800px){.os-layout{grid-template-columns:1fr}.os-sessions{grid-template-columns:1fr;max-height:none;overflow:visible}.os-info{align-items:flex-start;flex-direction:column}.os-stats{width:100%}.os-stats span{flex:1}.ds-onsite-unified .os-mobile-picker{display:grid}.os-sessions .os-session,.os-session-tools label{display:none}.os-session-tools{order:1}.os-mobile-picker{order:0}}@media(max-width:480px){.os-grid{grid-template-columns:1fr}.os-top{align-items:stretch;flex-direction:column}.os-roster li{align-items:flex-start;flex-direction:column;gap:8px}.os-roster select{width:100%}.os-tabs button{flex:1}.os-stamps{grid-template-columns:repeat(4,minmax(0,1fr))}.os-dialog .qb-toolbar .ds-c-btn{flex:1 1 calc(50% - 8px)}.os-dialog .qb-block-head>div{width:100%;margin-left:0}.os-dialog .qb-match{grid-template-columns:1fr}.os-dialog .qb-cloze input[type=text]{max-width:125px}}

.os-dialog .qb-block label.qb-option{display:flex;align-items:center;gap:10px}

html[data-theme=light] .os-dialog input{color-scheme:light}