.classification-summary{margin:0 0 24px;padding:20px 0;border-block:1px solid var(--line)}.classification-summary-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.classification-summary-heading h2,.classification-group h3{margin:0}.classification-summary-heading h2{font-size:19px}.classification-summary-heading span,.classification-empty{color:var(--muted);font-size:13px}.prompt-review-summary,.grapheme-audit-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px;padding:18px 20px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.grapheme-audit-summary h2,.grapheme-audit-summary p,.grapheme-audit-summary dl,.grapheme-audit-summary dt,.grapheme-audit-summary dd{margin:0}.grapheme-audit-summary h2{font-size:17px}.grapheme-audit-summary p{margin-top:5px;color:var(--muted);font-size:13px}.grapheme-audit-summary dl{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.grapheme-audit-summary dl>div{display:inline-flex;min-height:34px;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line-strong);border-radius:4px}.grapheme-audit-summary .needs-review{border-color:#d7a754;background:#fff7e7;color:#80520c}.prompt-admin-meta,.prompt-audit-details,.prompt-audit-details>span{display:grid;min-width:0}.prompt-admin-meta{gap:7px}.prompt-audit-details{gap:6px}.prompt-audit-details>span{grid-template-columns:minmax(0,1fr);gap:3px;padding-left:8px;border-left:2px solid var(--line-strong)}.prompt-audit-details b,.prompt-audit-details small{color:var(--muted);font-size:11px}.prompt-audit-details code{overflow-wrap:anywhere;color:var(--text);font-size:11px;line-height:1.45}.prompt-audit-details small{grid-column:1}.admin-page .prompt-row{grid-template-columns:70px minmax(290px,.9fr) minmax(260px,1fr) 110px auto}.prompt-review-summary h2,.prompt-review-summary p{margin:0}.prompt-review-summary h2{font-size:17px}.prompt-review-summary p{margin-top:5px;color:var(--muted);font-size:13px}.prompt-review-summary dl{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0}.prompt-review-count{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border:1px solid var(--line-strong);border-radius:4px}.prompt-review-count dt,.prompt-review-count dd{margin:0}.prompt-review-count--needs_review{border-color:#d7a754;background:#fff7e7;color:#80520c}.sample-quality{display:grid;gap:6px}.prompt-review-badge{width:max-content;max-width:100%;padding:4px 7px;border:1px solid #8eaf9d;border-radius:4px;background:#edf6f1;color:var(--accent);font-size:12px;font-weight:700}.prompt-review-badge--needs_review{border-color:#d7a754;background:#fff7e7;color:#80520c}@media (max-width: 800px){.grapheme-audit-summary{align-items:flex-start;flex-direction:column}.grapheme-audit-summary dl{justify-content:flex-start}.admin-page .prompt-row{min-width:900px}.prompt-review-summary{align-items:flex-start;flex-direction:column}.prompt-review-summary dl{justify-content:flex-start}}.classification-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.classification-group{min-width:0;padding:0 24px;border-left:1px solid var(--line)}.classification-group:first-child{border-left:0;padding-left:0}.classification-group:last-child{padding-right:0}.classification-group h3{color:var(--muted);font-size:12px;font-weight:700}.classification-group dl{display:grid;gap:8px;margin:12px 0 0}.classification-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:baseline}.classification-row dt{min-width:0;overflow-wrap:anywhere;color:var(--text);font-size:14px}.classification-row dd{margin:0;color:var(--accent);font-size:16px;font-variant-numeric:tabular-nums;font-weight:750}.classification-empty{margin:12px 0 0}@media (max-width: 800px){.classification-groups{grid-template-columns:minmax(0,1fr)}.classification-group,.classification-group:first-child,.classification-group:last-child{border-left:0;border-top:1px solid var(--line);padding:16px 0}.classification-group:first-child{border-top:0;padding-top:0}.classification-group:last-child{padding-bottom:0}}@font-face{font-family:Noto Sans Mongolian Local;src:url(/fonts/NotoSansMongolian-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:light;--bg: #f3f5f4;--surface: #ffffff;--surface-subtle: #edf1ef;--surface-glass: rgba(255, 255, 255, .94);--text: #17201b;--muted: #5f6d65;--line: #d8dfda;--line-strong: #bcc8c0;--accent: #246645;--accent-hover: #194f35;--danger: #ad3030;--target-bg: #fdecec;--target-border: #bd2f2f;--shadow: 0 10px 28px rgba(25, 53, 38, .08);--radius-control: 6px;--radius-surface: 8px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis:none;color:var(--text);background:var(--bg)}@media (max-width: 360px){html,body,#root{min-width:0!important}.collector-topbar{gap:8px;padding-inline:10px}.collector-brand strong{display:none}.collector-meta>span:first-child{max-width:72px}body .collector-workspace{grid-template-columns:minmax(0,1fr) 62px;gap:6px;padding:8px}.mongolian-prompt{font-size:26px}body .collector-toolbar{padding:8px}body .collector-toolbar>div{gap:6px}body .collector-toolbar>div:first-child{display:grid;grid-template-columns:42px 42px minmax(0,1fr)}body .collector-toolbar>div:first-child .tool-button{min-width:42px;width:42px}.collector-toolbar .locked-collection-mode{display:none}.collector-toolbar .tool-select{overflow:hidden}.collector-toolbar .tool-select select{padding-inline:6px;font-size:12px}}.prompt-task{position:absolute;top:0;left:0;right:0;display:grid;justify-items:center;gap:4px}.prompt-task strong{padding:5px 9px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--text);font-size:12px}.prompt-task span{color:var(--muted);font-size:11px}.locked-collection-mode{display:inline-flex;align-items:center;padding:0 13px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--muted);font-size:13px;font-weight:700}@media (max-width:800px){body .collector-workspace{grid-template-columns:minmax(0,1fr) 96px;gap:8px}body .collector-toolbar{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}body .collector-toolbar>div{display:flex;width:100%;min-width:0}body .collector-toolbar>div:last-child{display:grid;grid-template-columns:auto minmax(0,1fr)}body .collector-toolbar>div:first-child .tool-button{flex:0 0 44px;min-width:44px;padding:10px;font-size:0}body .collector-toolbar>div:first-child .tool-button svg{display:block}body .collector-toolbar>div:first-child .tool-button:nth-child(2){display:inline-flex}body .collector-toolbar .tool-select{min-width:0;flex:1}body .collector-toolbar .tool-select select{min-width:0;padding-inline:8px}body .collector-toolbar .submit-button{width:100%;min-width:0}.prompt-task strong{max-width:92px;text-align:center;white-space:normal}.prompt-task span{max-width:92px;text-align:center}}select{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--text);padding:13px 14px;outline:none}select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.collector-error{position:absolute;left:50%;transform:translate(-50%);margin:0;padding:9px 14px;border-radius:10px;background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger);font-size:13px}.collector-toolbar{position:relative}.prompt-panel{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--surface)}.prompt-panel h2{margin-top:0}.prompt-row{display:grid;grid-template-columns:70px 130px minmax(260px,1fr) 110px auto;align-items:center;gap:14px;min-height:90px;border-top:1px solid var(--line)}.prompt-row code{overflow-wrap:anywhere;color:var(--muted)}.prompt-admin-label{height:66px;font-family:Mongolian Baiti,Noto Sans Mongolian,serif;font-size:22px;color:var(--accent)}@media (max-width:800px){.prompt-panel{overflow-x:auto}.prompt-row{min-width:760px}}.admin-page{max-width:1280px;margin:auto;padding:42px 28px}.admin-page>header,.admin-page>header>div{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-page h1{margin:0;font-size:30px}.admin-page header p{margin:6px 0 0;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}.stats-grid article{display:grid;gap:12px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.stats-grid span{color:var(--muted)}.stats-grid strong{font-size:32px}.sample-panel{padding:24px;border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--surface);overflow-x:auto}.sample-panel h2{margin-top:0}.sample-table{min-width:920px}.sample-row{display:grid;grid-template-columns:96px 64px 170px 1fr 100px auto;align-items:center;gap:14px;min-height:112px;border-top:1px solid var(--line)}.sample-row>div{display:flex;gap:8px}.ink-preview{width:96px;height:96px;padding:5px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--bg)}.sample-label{height:64px;font-family:Mongolian Baiti,Noto Sans Mongolian,serif;font-size:22px;color:var(--accent)}@media (max-width:800px){.admin-page{padding:24px 14px}.admin-page>header{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}}.character-plan-admin{margin-top:18px}.character-plan-admin .section-heading>div p{margin:5px 0 0;color:var(--muted)}.character-plan-admin form{display:flex;align-items:end;gap:10px}.character-plan-admin form label{display:grid;gap:5px}.character-plan-admin form input{width:110px;padding:10px}.character-deficit-table{min-width:760px}.character-deficit-table>div{display:grid;grid-template-columns:52px 170px minmax(130px,1fr) 90px 72px;align-items:center;gap:12px;min-height:64px;border-top:1px solid var(--line)}.deficit-glyph{height:48px;font-family:Mongolian Baiti,Noto Sans Mongolian,serif;font-size:25px;color:var(--accent)}.character-deficit-table code{font-size:11px;color:var(--muted)}.character-deficit-table b{color:var(--danger)}@media (max-width:800px){.character-plan-admin .section-heading{align-items:flex-start;gap:16px}.character-plan-admin form{align-items:stretch;flex-direction:column}}.study-progress-panel{margin:18px 0}.study-heading>div p{margin:5px 0 0;color:var(--muted)}.study-status{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border:1px solid #d7a754;border-radius:999px;background:#fff7e7;color:#80520c;font-size:13px;font-weight:700}.study-status.ready{border-color:#74a98b;background:#edf8f1;color:#276143}.study-entry-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-top:1px solid var(--line)}.study-entry-row>div:first-child{display:grid;gap:5px;min-width:0}.study-entry-row span,.study-entry-row small{color:var(--muted)}.study-entry-row strong{overflow-wrap:anywhere;font-size:18px}.study-entry-row>div:last-child{display:flex;gap:10px}.study-entry-row a{text-decoration:none}.study-cohort-list{border-top:1px solid var(--line)}.study-cohort-row{display:grid;grid-template-columns:130px minmax(140px,1fr) minmax(160px,1.2fr) minmax(180px,1.2fr);align-items:center;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}.cohort-title{display:grid;gap:4px}.cohort-title span,.cohort-progress span,.cohort-writers span{color:var(--muted);font-size:13px}.cohort-progress{display:grid;gap:7px}.cohort-progress>div:first-child{display:flex;justify-content:space-between;gap:8px}.cohort-progress b{font-size:13px}.study-meter{height:6px;overflow:hidden;border-radius:4px;background:var(--line)}.study-meter i{display:block;height:100%;background:#3f7f5d}.study-meter.samples i{background:#367da0}.cohort-writers{display:flex;flex-wrap:wrap;gap:5px 12px}@media (max-width:800px){.study-heading{align-items:flex-start}.study-entry-row{align-items:stretch;flex-direction:column}.study-entry-row>div:last-child{display:grid;grid-template-columns:1fr 1fr}.study-cohort-row{grid-template-columns:1fr 1fr;gap:14px 18px}.cohort-writers{grid-column:1/-1}}@media (max-width:480px){.study-cohort-row{grid-template-columns:1fr}.cohort-writers{grid-column:auto}.study-entry-row>div:last-child{grid-template-columns:1fr}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg)}body{min-width:320px}button,input{font:600 14px/1.2 inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:active:not(:disabled){transform:scale(.975)}input{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--text);padding:14px 16px;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}label{font-size:13px;font-weight:650}.primary-button,.secondary-button,.tool-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:var(--radius-control);padding:13px 18px;min-height:46px;white-space:nowrap;transition:transform .1s ease,background .2s ease,border-color .2s ease}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 18%,transparent)}.primary-button:hover{background:var(--accent-hover)}.secondary-button,.tool-button{border:1px solid var(--line-strong);background:var(--surface);color:var(--text)}.wide{width:100%}.centered-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--surface) 80%,transparent),transparent 60%)}.access-surface{width:min(100%,420px);padding:44px;border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--surface-glass);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);box-shadow:var(--shadow)}.brand-mark,.brand-inline{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--accent);color:#fff;font-size:27px}.access-surface h1{font-size:28px;line-height:1.15;letter-spacing:-.03em;margin:24px 0 8px}.access-surface>p,.page-heading p,.create-writer>p{color:var(--muted);margin:0}.access-surface form{display:grid;gap:10px;margin-top:30px}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}.input-with-icon input{padding-left:42px}.form-error{color:var(--danger);font-size:13px;margin:2px 0}.writer-page{min-height:100dvh;max-width:1180px;margin:auto;padding:56px 30px}.page-heading>div{display:flex;align-items:center;gap:16px}.page-heading h1{font-size:36px;letter-spacing:-.04em;margin:0}.page-heading p{margin:12px 0 32px 62px}.writer-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.writer-list,.create-writer{border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--surface);padding:26px;box-shadow:0 12px 40px #1b30240f}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading h2,.create-writer h2{font-size:19px;margin:0}.section-heading span{font-size:13px;color:var(--muted)}.search-field{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius-control);padding:0 14px;color:var(--muted)}.search-field input{border:0;box-shadow:none;padding-inline:0}.writer-rows{margin-top:12px}.writer-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:15px 4px;border-bottom:1px solid var(--line)}.writer-row:last-child{border-bottom:0}.writer-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent)}.writer-copy{display:grid;gap:4px}.writer-copy span{font-size:13px;color:var(--muted)}.create-writer>svg{color:var(--accent);margin-bottom:20px}.create-writer form{display:grid;gap:10px;margin-top:25px}.create-writer button{margin-top:8px}.empty-copy{padding:28px;text-align:center;color:var(--muted)}.collector-shell{min-height:100dvh;display:grid;grid-template-rows:auto 3px 1fr auto;background:var(--bg)}.collector-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:var(--surface-glass);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border-bottom:1px solid var(--line)}.collector-brand,.collector-meta,.collector-meta span{display:flex;align-items:center}.collector-brand{gap:11px}.collector-brand>span{font-size:26px;color:var(--accent)}.collector-brand strong{font-size:17px}.collector-meta{gap:28px;font-size:14px}.collector-meta span{gap:7px}.sync{color:var(--accent);font-weight:650}.sync.pending{color:#9c6726}.progress-track{background:var(--line)}.progress-track>div{height:100%;background:var(--accent);transition:width .4s ease}.collector-workspace{min-height:0;display:grid;grid-template-columns:minmax(420px,1fr) 250px;gap:46px;padding:30px clamp(24px,5vw,74px)}.canvas-frame{min-height:520px;position:relative;border:1px solid var(--line-strong);border-radius:18px;background:var(--surface);overflow:hidden;box-shadow:0 8px 32px #1b30240a}.canvas-frame:after{content:"";position:absolute;z-index:0;left:50%;top:5%;height:90%;border-left:1px dashed var(--line);pointer-events:none}.ink-canvas{position:relative;z-index:1;display:block;width:100%;height:100%;min-height:520px;color:var(--text);touch-action:none}.prompt-rail{display:flex;align-items:center;justify-content:center;position:relative}.prompt-caption{position:absolute;top:4px;color:var(--muted);font-size:12px}.mongolian-prompt{max-height:470px;overflow:hidden;font-family:Mongolian Baiti,Noto Sans Mongolian,serif;font-size:40px;line-height:1.7;color:var(--accent);text-orientation:mixed}.collector-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px clamp(24px,5vw,74px);background:var(--surface-glass);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border-top:1px solid var(--line)}.collector-toolbar>div{display:flex;gap:12px}.submit-button{min-width:160px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:800px){.access-surface{padding:32px 24px}.writer-page{padding:28px 16px}.page-heading p{margin-left:0}.writer-layout{grid-template-columns:1fr}.collector-topbar{height:auto;min-height:68px;padding:12px 16px}.collector-meta{gap:12px}.collector-meta span:nth-child(2),.collector-meta span:last-child{display:none}.collector-workspace{grid-template-columns:minmax(0,1fr) 74px;gap:12px;padding:14px}.canvas-frame,.ink-canvas{min-height:calc(100dvh - 190px)}.mongolian-prompt{font-size:30px}.collector-toolbar{position:sticky;bottom:0;padding:12px 14px;gap:8px}.collector-toolbar>div{gap:8px}.tool-button{padding-inline:12px}.tool-button svg{display:none}.submit-button{min-width:0}}@media (max-width:520px){.collector-toolbar .tool-button:nth-child(2){display:none}.collector-meta>span:first-child{max-width:90px;overflow:hidden;text-overflow:ellipsis}.writer-row{grid-template-columns:38px 1fr}.writer-row .secondary-button{grid-column:1/-1;width:100%}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (prefers-reduced-transparency:reduce){.collector-topbar,.collector-toolbar,.access-surface{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface)}}.prompt-admin-label,.sample-label,.deficit-glyph,.mongolian-prompt{font-family:Noto Sans Mongolian Local,Mongolian Baiti,Noto Sans Mongolian,serif}.collector-shell{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.collector-shell *{letter-spacing:0}.collector-shell--grapheme,.collector-shell--sentence{grid-template-rows:auto 3px minmax(0,1fr) auto;overflow-x:hidden}.task-workspace{display:grid;width:min(100%,1240px);min-height:0;margin:0 auto;align-items:center;gap:48px;padding:28px 40px}.task-workspace--grapheme{grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr)}.task-workspace--sentence{grid-template-columns:minmax(270px,.7fr) minmax(480px,1.3fr)}.task-reference{display:grid;min-width:0;align-content:center;justify-items:center;gap:20px;padding:8px 0}.task-reference-heading{display:grid;justify-items:center;gap:5px;text-align:center}.task-reference-heading>span,.task-canvas-heading>span{color:var(--muted);font-size:12px;font-weight:700}.task-reference-heading h1{margin:0;color:var(--text);font-size:22px;line-height:1.25}.grapheme-context{position:relative;isolation:isolate;display:block;width:max-content;max-width:100%;height:clamp(330px,44vh,420px);padding:10px 8px;overflow:auto;color:var(--text);font-family:Noto Sans Mongolian Local,Mongolian Baiti,Noto Sans Mongolian,serif;font-size:52px;line-height:1.55;text-orientation:mixed;white-space:nowrap;overscroll-behavior:contain;scrollbar-width:thin}.grapheme-word{position:relative;z-index:1;color:inherit}.grapheme-target-highlight{position:absolute;z-index:0;border:2px solid var(--target-border);border-radius:4px;background:var(--target-bg);pointer-events:none}.task-facts{width:min(100%,410px);margin:0;border-top:1px solid var(--line)}.task-facts>div{display:grid;grid-template-columns:108px minmax(0,1fr);gap:14px;align-items:baseline;min-height:42px;padding:9px 2px;border-bottom:1px solid var(--line)}.task-facts dt{color:var(--muted);font-size:12px;font-weight:700}.task-facts dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--text);font-size:14px;font-weight:700}.task-facts code{color:#3f4c45;font-size:12px;font-weight:600}.unicode-characters{font-family:Noto Sans Mongolian Local,Mongolian Baiti,Noto Sans Mongolian,serif;font-size:19px!important}.sentence-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.sentence-summary>*{display:inline-flex;min-height:30px;align-items:center;border:1px solid var(--line-strong);border-radius:4px;padding:0 10px;background:var(--surface);color:var(--muted);font-size:13px}.sentence-summary strong{border-color:#8eaf9d;background:#edf6f1;color:var(--accent)}.sentence-prompt{display:block;max-width:100%;height:420px;overflow:auto;padding:10px 8px;color:var(--text);font-family:Noto Sans Mongolian Local,Mongolian Baiti,Noto Sans Mongolian,serif;font-size:46px;line-height:1.65;text-orientation:mixed;white-space:pre-wrap}.task-canvas-area{display:grid;min-width:0;align-content:center;justify-items:center;gap:10px}.task-canvas-heading{display:flex;width:min(100%,760px);align-items:baseline;justify-content:space-between;gap:16px}.task-canvas-heading strong{color:var(--text);font-size:14px}.task-canvas-frame{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);box-shadow:var(--shadow)}.task-canvas-frame:before,.task-canvas-frame:after{position:absolute;z-index:0;content:"";pointer-events:none}.task-canvas-frame:before{top:50%;right:6%;left:6%;border-top:1px dashed #d3dad6}.task-canvas-frame:after{top:6%;bottom:6%;left:50%;border-left:1px dashed #d3dad6}.task-canvas-frame--grapheme{width:min(100%,360px);min-height:0;aspect-ratio:1}.task-canvas-frame--sentence{width:min(100%,760px);height:clamp(430px,60vh,620px);min-height:0}.task-canvas-frame .ink-canvas{width:100%;height:100%;min-height:0;-webkit-user-drag:none;touch-action:none;overscroll-behavior:contain}.collector-toolbar--guided{display:grid;grid-template-columns:auto minmax(24px,1fr) auto;gap:18px;padding:14px 40px;border-top:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.collector-toolbar--guided .collector-error{position:static;grid-column:1 / -1;justify-self:center;transform:none;border-radius:6px}.guided-ink-tools,.guided-submit-tools{display:flex;gap:10px}.guided-ink-tools{grid-column:1}.guided-submit-tools{grid-column:3}.icon-tool-button,.skip-button{display:inline-flex;height:46px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--text)}.icon-tool-button{width:46px;padding:0}.skip-button{padding:0 16px;font-weight:700}.icon-tool-button:hover,.skip-button:hover{border-color:#81988a;background:var(--surface-subtle)}.collector-toolbar--guided .submit-button{min-width:170px;border-radius:6px;box-shadow:none}@media (max-width: 800px){.task-workspace,.task-workspace--grapheme,.task-workspace--sentence{display:flex;flex-direction:column;grid-template-columns:minmax(0,1fr);gap:24px;align-content:start;padding:20px 18px 26px}.task-reference{order:1;width:100%;gap:14px;padding:0 0 18px;border-bottom:1px solid var(--line)}.task-canvas-area{order:2;width:100%}.grapheme-context{height:clamp(280px,44vh,400px);font-size:46px}.task-facts{width:min(100%,460px)}.sentence-prompt{width:min(100%,620px);height:270px;font-size:42px}.task-canvas-frame--grapheme{width:min(100%,340px)}.task-canvas-frame--sentence{width:min(100%,680px);height:440px}body .collector-toolbar--guided{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;padding:10px 14px}.guided-ink-tools,.guided-submit-tools{width:100%}.guided-ink-tools{grid-column:1;justify-content:center}.guided-submit-tools{display:grid;grid-column:1;grid-template-columns:auto minmax(0,1fr)}.collector-toolbar--guided .submit-button{width:100%;min-width:0}}@media (max-width: 480px){html,body,#root{height:100%;overscroll-behavior:none}.collector-shell--grapheme,.collector-shell--sentence{height:100dvh;min-height:100dvh;grid-template-rows:56px 3px minmax(0,1fr) calc(72px + env(safe-area-inset-bottom));overflow:hidden}.collector-shell--grapheme .collector-topbar,.collector-shell--sentence .collector-topbar{height:56px;min-height:56px;padding:8px 12px}.collector-shell--grapheme .collector-brand,.collector-shell--sentence .collector-brand{gap:7px}.collector-shell--grapheme .collector-brand>span,.collector-shell--sentence .collector-brand>span{font-size:20px}.collector-shell--grapheme .collector-meta,.collector-shell--sentence .collector-meta{gap:8px;font-size:12px}.task-workspace,.task-workspace--grapheme,.task-workspace--sentence{height:100%;gap:14px;padding:10px 12px 16px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scroll-padding-block:10px}.task-workspace--grapheme{display:grid;grid-template-columns:108px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);column-gap:8px;row-gap:8px;align-content:start}.task-workspace--grapheme .task-reference--grapheme{display:contents}.task-workspace--grapheme .task-reference-heading{grid-column:1 / -1;grid-row:1}.task-workspace--grapheme .task-facts{grid-column:1 / -1;grid-row:2}.task-workspace--grapheme .grapheme-context{grid-column:1;grid-row:3;display:flex;width:100px;height:calc(100% - 30px);min-height:0;align-self:end;align-items:flex-start;justify-content:safe center;justify-self:center;padding:6px 2px;font-size:76px;line-height:1.25;overflow:visible;transform:translate(8px)}.task-workspace--grapheme .task-canvas-area{grid-column:2;grid-row:3;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;align-content:stretch;align-self:stretch}.task-workspace--grapheme .task-canvas-frame--grapheme{width:100%;height:100%;aspect-ratio:auto}.task-workspace--sentence{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);column-gap:8px;row-gap:8px;align-content:start}.task-workspace--sentence .task-reference--sentence{display:contents}.task-workspace--sentence .task-reference-heading{grid-column:1 / -1;grid-row:1}.task-workspace--sentence .sentence-summary{grid-column:1 / -1;grid-row:2}.task-workspace--sentence .sentence-prompt{grid-column:1;grid-row:3;display:flex;width:108px;height:calc(100% - 30px);min-height:0;align-self:end;align-items:safe center;justify-content:safe center;justify-self:start;padding:6px 2px;overflow:visible;font-size:60px;line-height:1.25}.task-workspace--sentence .task-canvas-area{grid-column:2;grid-row:3;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;align-content:stretch;align-self:stretch}.task-workspace--sentence .task-canvas-frame--sentence{width:100%;height:100%}@media (max-width: 360px){.task-workspace--grapheme{grid-template-columns:92px minmax(0,1fr)}.task-workspace--grapheme .grapheme-context{width:88px;transform:translate(4px)}.task-workspace--sentence{grid-template-columns:96px minmax(0,1fr)}.task-workspace--sentence .sentence-prompt{width:94px}}.task-reference{gap:10px;padding-bottom:12px}.task-reference-heading{width:100%;grid-template-columns:auto minmax(0,1fr);align-items:baseline;justify-items:start;gap:10px;padding-inline:4px;text-align:left}.task-reference-heading h1{font-size:18px}.task-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.task-facts>div{grid-template-columns:minmax(0,1fr);align-content:start;gap:4px;min-height:62px;padding:7px 8px;border-right:1px solid var(--line)}.task-facts>div:nth-child(3){border-right:0}.task-facts>div:last-child{display:none}.task-facts dd{font-size:13px}.task-canvas-frame--grapheme{width:min(100%,306px)}.task-canvas-frame--sentence{height:min(330px,43dvh)}.collector-shell--grapheme .collector-brand strong,.collector-shell--sentence .collector-brand strong{font-size:14px}.skip-button{width:74px;padding:0 8px}body .collector-toolbar--guided{position:relative;z-index:5;grid-template-columns:52px 52px 74px minmax(0,1fr);gap:7px;min-height:calc(72px + env(safe-area-inset-bottom));padding:10px 10px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 18px #1b302414}body .collector-toolbar.collector-toolbar--guided>div.guided-ink-tools,body .collector-toolbar.collector-toolbar--guided>div.guided-submit-tools{display:contents}.collector-toolbar--guided .icon-tool-button,.collector-toolbar--guided .skip-button,.collector-toolbar--guided .submit-button{width:100%;height:52px;min-height:52px}.collector-toolbar--guided .submit-button{padding-inline:10px;white-space:normal}.collector-toolbar--guided .collector-error{position:absolute;right:10px;bottom:calc(68px + env(safe-area-inset-bottom));left:10px;width:auto}}@media (pointer: coarse){.icon-tool-button,.skip-button,.collector-toolbar--guided .submit-button{min-height:52px}}