@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:var(--examio-font);color:var(--examio-ink);background:var(--examio-paper);font-synthesis:none;--green:var(--examio-action);--line:var(--examio-line)}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}.topbar{padding:24px 4vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff}.brand{font:800 27px var(--examio-font);color:inherit;text-decoration:none;letter-spacing:-1px}.brand span{display:block;font:400 11px 'DM Sans',system-ui;letter-spacing:1.4px;text-transform:uppercase;margin-top:4px;color:var(--examio-muted)}.account{display:flex;gap:20px;align-items:center;font-size:13px}main{max-width:1400px;margin:auto;padding:28px 4vw}h1,h2,h3{font-family:var(--examio-font);letter-spacing:-.8px}h1{font-size:clamp(30px,4vw,48px);margin:6px 0 12px;line-height:1.15}h2{font-size:24px}h3{font-size:20px}p{color:var(--examio-muted);line-height:1.6}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--green)}button{font:600 13px 'DM Sans',system-ui;background:#fff;border:1px solid #cfd9d0;border-radius:8px;padding:11px 17px;color:#264a3d;cursor:pointer;transition:background .15s}button:hover{background:#eaf0e8}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--examio-action);color:white;border-color:var(--examio-action)}button.primary:hover{background:var(--examio-action-hover)}button.danger{color:#a23030}.text-button{border:0;padding-left:0}input{font:inherit;width:100%;border:1px solid #cfd9d0;border-radius:7px;padding:12px;background:#fff;color:inherit;margin:8px 0 16px}input:focus,button:focus-visible{outline:2px solid #619980;outline-offset:3px}label{display:block;font-size:13px;font-weight:600}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:36px}.tabs button{border:0;border-radius:0;background:none;font-size:15px;padding:16px 2px;color:#6b7b70}.tabs button.selected{color:var(--examio-action);border-bottom:3px solid var(--examio-action)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:26px;margin:20px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.cards .card{margin:0 0 20px}.card h3{margin:0 0 12px}.login{max-width:480px;margin:5vh auto;padding:38px}.login>button.primary{width:100%}.divider{text-align:center;color:#879187;font-size:12px;margin:20px}.error,#notice{color:#a23030}#notice:empty{display:none}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#6c7d71}td,th{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}td button{font-size:12px;padding:6px 10px}.pill{display:inline-block;border-radius:20px;padding:4px 10px;font-size:11px;background:#e5f2e5;color:#226345}.pill.red{background:#fbe5e1;color:#a33730}details{max-width:350px;font-size:12px}details li{margin:8px 0;color:var(--examio-muted)}.tb-q-card{border:1px solid var(--line);padding:20px;margin:18px 0;border-radius:9px}.tb-q-header,.tb-option-row{display:flex;gap:12px;align-items:center}.tb-q-header{justify-content:space-between;margin-bottom:12px}.tb-option-row input[type=radio]{width:20px;flex-shrink:0;margin:0}.tb-option-row label{display:none}.tb-opt-text{margin:8px 0}.btn-icon{padding:6px 10px}footer{margin-top:50px;border-top:1px solid var(--line);padding:20px 0;color:#7f8a7c;font-size:11px}#live-summary{font-weight:600;color:var(--examio-action)}@media(max-width:720px){.section-heading{align-items:flex-start;flex-direction:column}.topbar{padding:20px}.account{gap:8px}.account span{max-width:140px;overflow:hidden}.card{padding:18px}main{padding:20px}.login{padding:25px}.tabs{margin-bottom:25px}}

select,textarea{font:inherit;background:#fff;color:#223c31;border:1px solid #c5cfc5;border-radius:8px;padding:11px;max-width:100%}textarea{display:block;width:100%;resize:vertical}select{display:block;margin:6px 0 15px}.folder{grid-column:1/-1;border:1px solid #ccd6cb;border-radius:12px;padding:18px}.folder>summary{font-size:20px;font-weight:600;cursor:pointer}.folder>.cards{margin-top:18px}.drag-handle{cursor:grab;user-select:none;font-weight:700;margin-right:auto}.tb-q-header{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.source-evidence,#draft-review{background:#edf3e6;padding:14px;border-radius:8px}.tb-q-card>input,.tb-q-card>select{width:100%}input[type=checkbox],input[type=radio]{width:auto}#ai-options .actions label{flex:1}#import-panel{margin-bottom:24px}

.folder{max-width:none}.tb-q-card input[type=radio]{display:block}

#entry-dialog{width:min(540px,92vw);border:1px solid #c5cfc5;border-radius:14px;padding:28px;color:var(--examio-ink)}#entry-dialog::backdrop{background:#102c2780}#entry-dialog label{display:block}#in-session-section>#dashboard{border:0;padding:0;margin-bottom:0}#active-sessions:empty{display:none}

#launch-dialog{width:min(540px,92vw);border:1px solid #c5cfc5;border-radius:14px;padding:28px;color:var(--examio-ink)}#launch-dialog::backdrop{background:#102c2780}.tb-points{width:90px;margin:4px 0}.folder-edit-row{padding:14px 0;border-bottom:1px solid #ccd6cb}.folder-edit-row strong{margin-right:auto}#folder-menu{max-width:none;margin:20px 0}#folder-menu>summary{cursor:pointer;font-weight:600}

#answer-ai-dialog{width:min(560px,92vw);padding:28px;border:1px solid #c5cfc5;border-radius:14px;color:var(--examio-ink)}#answer-ai-dialog::backdrop{background:#102c2780}.answer-rationale{background:#edf3e6;padding:12px;border-radius:8px;font-size:13px}

#tour-dialog{box-sizing:border-box;width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border:1px solid #c5cfc5;border-radius:14px;color:var(--examio-ink)}#tour-dialog::backdrop{background:#102c2780}#tour-body{line-height:1.65}#tour-dialog h2:focus{outline:none}#tour-dialog .actions{flex-wrap:wrap}#tour-skip{margin-right:auto}@media(max-width:440px){#tour-dialog{padding:20px}#tour-dialog .actions{gap:8px}#tour-dialog button{padding:10px 12px}}

#tour-dialog{width:min(840px,calc(100vw - 24px));padding:24px;max-height:94dvh}.tour-demo{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#427467}.tour-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#526c61}#tour-dialog h2{font-size:24px;line-height:1.2;margin:14px 0 6px}#tour-body{margin:0 0 16px;font-size:15px;line-height:1.4}.tour-stage{position:relative;width:100%;max-width:720px;margin:0 auto;background:#edf3ec;border-radius:10px;border:1px solid #c5cfc5;overflow:hidden}.tour-stage.phone{max-width:250px;background:#0b0d12}.tour-stage img{width:100%;height:auto;display:block}.tour-target{position:absolute;padding:0;min-height:32px;min-width:32px;border:3px solid #f6b800;border-radius:7px;background:#ffd54a20;box-shadow:0 0 0 4px #ffdf7040;cursor:pointer}.tour-target:hover,.tour-target:focus-visible{background:#ffd54a60;outline:3px solid #155e75;outline-offset:4px}.tour-image-error{display:none;padding:20px}.tour-stage.unavailable img{display:none}.tour-stage.unavailable .tour-image-error{display:block}.tour-controls{position:sticky;bottom:-24px;background:#fff;padding:14px 0 4px;margin-top:8px;border-top:1px solid #e1e7df;z-index:2}#tour-error:empty{display:none}#tour-action{min-height:44px}@media(max-width:440px){#tour-dialog{padding:16px}#tour-dialog h2{font-size:21px}.tour-controls{bottom:-16px;gap:8px}#tour-dialog .tour-controls button{padding:10px 12px}.tour-stage.phone{max-width:240px}.tour-meta{font-size:11px}}@media(prefers-reduced-motion:no-preference){.tour-target{transition:background .15s ease}}

#settings-menu{position:relative;font-size:13px;max-width:none}#settings-menu>summary{cursor:pointer;padding:11px 17px;border:1px solid #cfd9d0;border-radius:8px;font-weight:600;list-style-position:inside}#settings-menu>summary:focus-visible{outline:2px solid #619980;outline-offset:3px}.settings-menu-items{position:absolute;right:0;top:calc(100% + 8px);z-index:20;background:white;padding:8px;border:1px solid var(--line);box-shadow:0 12px 32px var(--examio-ink)20;border-radius:12px;min-width:180px;display:grid;gap:4px}.settings-menu-items button{text-align:left;border:0}.settings-layout{display:grid;grid-template-columns:180px minmax(0,740px);gap:28px}.settings-nav{display:flex;flex-direction:column;gap:6px;align-items:stretch}.settings-nav button{text-align:left;background:transparent;border-color:transparent}.settings-nav button[aria-current=page]{background:#e1eddf;color:var(--examio-action);border-color:#cbdcc7}.settings-content .card{margin-top:0}.settings-content p,.settings-receipt{overflow-wrap:anywhere}.settings-content textarea{margin:8px 0 16px}.settings-receipt{border-top:1px solid var(--line);padding:12px 0}.settings-receipt p{margin:5px 0;white-space:pre-wrap}#settings-guide details{max-width:none;padding:10px 0;border-bottom:1px solid var(--line)}#settings-guide summary{cursor:pointer;font-weight:600}#settings-conversation p{white-space:pre-wrap;padding:12px;background:#edf3e6;border-radius:8px}#settings-delete-dialog{width:min(560px,92vw);max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:28px;color:var(--examio-ink)}#settings-delete-dialog::backdrop{background:#102c2780}#settings-heading:focus{outline:none}@media(max-width:720px){.settings-layout{grid-template-columns:1fr;gap:16px}.settings-nav{flex-direction:row;flex-wrap:wrap}.settings-nav button{padding:10px 12px}.account #account-name{max-width:90px}.settings-menu-items{max-width:85vw}#settings-delete-dialog{padding:20px}}

.result-detail-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
#result-close { font-size: 22px; line-height: 1; padding: 8px 12px; }

.tabs { flex-wrap: wrap; }

.library-rows { display: grid; gap: 6px; }
.library-test-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 12px; background: white; border: 1px solid var(--examio-line); border-radius: 8px; }
.library-test-row strong { flex: 1; min-width: 10ch; overflow-wrap: anywhere; }
.library-test-row .actions { gap: 5px; }
.library-test-row .actions button { padding: 6px 9px; }
.tb-image { display: block; max-width: 220px; max-height: 140px; object-fit: contain; margin: 8px 0; }
#result-details { margin-top: 12px; }

.folder summary { display: list-item; }
.folder-inline-actions { float: right; display: none; gap: 6px; }
.folder[open] > summary .folder-inline-actions { display: inline-flex; }
.folder-inline-actions button { padding: 6px 10px; }
.library-rows { clear: both; min-height: 10px; }
.library-test-row.quiz-dragging { position: absolute; opacity: 0; pointer-events: none; }
.quiz-drop-preview { opacity: .65; border-style: dashed; background: #edf5ff; }
.trash-selectable { position: relative; }
.trash-selectable h3 { padding-right: 32px; }
.trash-selectable .trash-result-select { position: absolute; top: 16px; right: 16px; width: 20px; height: 20px; margin: 0; }

#launch-privacy { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.privacy-switch { display: inline-flex; align-items: center; position: relative; gap: 8px; cursor: pointer; }
.privacy-switch input { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; }
.switch-track { position: relative; flex: none; width: 46px; height: 26px; border-radius: 20px; background: #b9c5ce; transition: background .15s; }
.switch-track::after { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: transform .15s; }
.privacy-switch input:checked + .switch-track { background: #419e59; }
.privacy-switch input:checked + .switch-track::after { transform: translateX(20px); }
.privacy-switch input:focus-visible + .switch-track { outline: 2px solid var(--examio-blue); outline-offset: 3px; }
.answer-grid td { border: 3px solid white; border-radius: 6px; min-width: 64px; }
.answer-grid td.answer-correct { background: #c7e8cf; color: #174d2b; }
.answer-grid td.answer-incorrect { background: #fad0d0; color: #791e24; }