:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#eef1f6;--text:#1d2433;--muted:#5e6878;--border:#d5dbe5;--primary:#2b6fd6;--primary-text:#fff;--danger:#c63c3c;--focus:#ffb000;--radius:14px;--gap:clamp(4px, .9vmin, 10px);--pronoun-bg:#fff2b3;--pronoun-bd:#d9a800;--verb-bg:#d7f3d1;--verb-bd:#3d9a3d;--descriptor-bg:#d9e8ff;--descriptor-bd:#3a74c4;--noun-bg:#ffe3c7;--noun-bd:#df7a1c;--social-bg:#ffdcee;--social-bd:#cf4f95;--negation-bg:#ffd6d6;--negation-bd:#cc3434;--misc-bg:#eceff4;--misc-bd:#7d8796;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif}:root[data-contrast=high]{--bg:#000;--surface:#111;--surface-2:#222;--text:#fff;--muted:#ccc;--border:#fff;--pronoun-bg:#000;--verb-bg:#000;--descriptor-bg:#000;--noun-bg:#000;--social-bg:#000;--negation-bg:#000;--misc-bg:#000;--pronoun-bd:#ffd60a;--verb-bd:#4ade4a;--descriptor-bd:#5aa9ff;--noun-bd:#ff9a3c;--social-bd:#ff6fc0;--negation-bd:#ff4d4d;--misc-bd:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-motion=reduced] *{transition:none!important;animation:none!important}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-touch-callout:none}input,textarea,select{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:max(16px,1em)}}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.4}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}svg.lucide{flex-shrink:0;width:1.4em;height:1.4em}.communicator{gap:var(--gap);height:100dvh;padding:var(--gap);padding-top:max(var(--gap), env(safe-area-inset-top));padding-bottom:max(var(--gap), env(safe-area-inset-bottom));padding-left:max(var(--gap), env(safe-area-inset-left));padding-right:max(var(--gap), env(safe-area-inset-right));-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.sentence-row{--bar-h:clamp(64px, 15vh, 130px);gap:var(--gap);height:var(--bar-h);flex-shrink:0;display:flex}.sentence-bar{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);scrollbar-width:none;flex:1;align-items:center;gap:6px;min-width:0;padding:6px 10px;display:flex;overflow-x:auto}.sentence-item{aspect-ratio:.9;border:2px solid var(--kind-bd);background:var(--kind-bg);border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;height:100%;font-size:clamp(11px,2vh,18px);font-weight:600;display:flex;overflow:hidden}.sentence-item img{object-fit:contain;max-width:90%;height:62%}.bar-button{width:min(var(--bar-h), 16vw);border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);flex-shrink:0;place-items:center;height:100%;display:grid}.bar-button svg.lucide{width:45%;height:45%}.speak-button{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.nav-row{align-items:center;gap:var(--gap);flex-shrink:0;min-height:48px;display:flex}.nav-button,.icon-button{border:2px solid var(--border);background:var(--surface);border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.board-title{white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:8px;min-width:0;margin:0;font-size:clamp(16px,2.6vh,24px);display:flex;overflow:hidden}.board-title-symbol{object-fit:contain;width:1.6em;height:1.6em}.nav-profile{color:#1d2433;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 4px;font-weight:600;display:flex}.nav-avatar{object-fit:contain;background:#fff;border-radius:50%;width:36px;height:36px;padding:2px}.hold-button{color:var(--muted);position:relative;overflow:hidden}.hold-button:after{content:"";background:color-mix(in srgb, var(--primary) 35%, transparent);height:0;position:absolute;inset:auto 0 0}.hold-button.is-holding:after{height:100%;transition:height var(--hold-ms) linear}.grid{gap:var(--gap);flex:1;min-height:0;display:grid}.cell,.cell-gap{min-width:0;min-height:0}.cell{--kind-bg:var(--misc-bg);--kind-bd:var(--misc-bd);border-radius:var(--radius);border:3px solid var(--kind-bd);background:var(--kind-bg);box-shadow:0 2px 0 color-mix(in srgb, var(--kind-bd) 45%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:2%;padding:4%;transition:transform 80ms;display:flex;position:relative;overflow:hidden;container-type:size}.cell:active{transform:scale(.96)}.cell-symbol{flex:1;width:100%;min-height:0;position:relative}:root[data-contrast=high] .cell-symbol,:root[data-contrast=high] .sentence-item img,:root[data-contrast=high] .board-title-symbol{background:#fff;border-radius:8px}.cell-symbol img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.cell-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(11px,15cqmin,30px);font-weight:700;line-height:1.1;overflow:hidden}.cell.is-folder{border-top-left-radius:4px}.cell.is-folder:before{content:"";background:var(--kind-bd);border-bottom-right-radius:10px;width:42%;height:12%;position:absolute;top:-3px;left:-3px}.kind-pronoun{--kind-bg:var(--pronoun-bg);--kind-bd:var(--pronoun-bd)}.kind-verb{--kind-bg:var(--verb-bg);--kind-bd:var(--verb-bd)}.kind-descriptor{--kind-bg:var(--descriptor-bg);--kind-bd:var(--descriptor-bd)}.kind-noun{--kind-bg:var(--noun-bg);--kind-bd:var(--noun-bd)}.kind-social{--kind-bg:var(--social-bg);--kind-bd:var(--social-bd)}.kind-negation{--kind-bg:var(--negation-bg);--kind-bd:var(--negation-bd)}.kind-misc{--kind-bg:var(--misc-bg);--kind-bd:var(--misc-bd)}.edit-toolbar{border-radius:var(--radius);color:#1d2433;background:#fff7d6;border:2px dashed #d9a800;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px;display:flex}.edit-badge{align-items:center;gap:6px;font-weight:700;display:flex}.board-name-input{border:2px solid var(--border);color:#1d2433;background:#fff;border-radius:10px;flex:1;min-width:140px;padding:8px 10px}.stepper{align-items:center;gap:6px;font-size:14px;display:inline-flex}.stepper button{border:2px solid var(--border);color:#1d2433;background:#fff;border-radius:10px;width:36px;height:36px;font-size:20px}.chip{border:2px solid var(--border);color:#1d2433;background:#fff;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:6px 14px;font-weight:600;display:inline-flex}.chip.is-active{color:#fff;background:#1d2433;border-color:#1d2433}.chip-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.edit-hint{color:var(--muted);margin:0;font-size:14px}.grid.is-editing .cell.is-hidden{opacity:.38;border-style:dashed}.cell-empty{border:3px dashed var(--border);color:var(--muted);border-radius:var(--radius);background:0 0;font-size:clamp(18px,4vmin,40px)}.cell.is-selected{outline:4px solid var(--focus);outline-offset:2px}.modal-backdrop{z-index:10;background:#0a0f1e73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);-webkit-user-select:text;user-select:text;border-radius:18px;flex-direction:column;width:min(760px,100%);max-height:calc(100dvh - 32px);display:flex;box-shadow:0 20px 60px #0000004d}.modal-narrow{width:min(440px,100%)}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 12px 12px 20px;display:flex}.modal-header h2{margin:0;font-size:20px}.modal-header .icon-button{border:none}.modal-body{flex-direction:column;gap:14px;padding:16px 20px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;padding:12px 20px;display:flex}.spacer{flex:1}.button{border:2px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 16px;font-weight:600;display:inline-flex}.button-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.button-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.field{border:none;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.field>span{color:var(--muted);font-size:14px;font-weight:600}.field input,.field select,.input-large{border:2px solid var(--border);background:var(--surface);border-radius:10px;width:100%;min-height:44px;padding:8px 12px}.check{cursor:pointer;align-items:center;gap:10px;min-height:40px;display:flex}.check input{width:22px;height:22px;accent-color:var(--primary);flex-shrink:0}.muted{color:var(--muted);align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.error-text{color:var(--danger);margin:0;font-weight:600}.menu-list{flex-direction:column;gap:10px;display:flex}.menu-list button{border:2px solid var(--border);background:var(--surface);text-align:left;border-radius:12px;align-items:center;gap:12px;min-height:56px;padding:10px 16px;font-size:18px;font-weight:600;display:flex}.pin-dots{justify-content:center;gap:14px;display:flex}.pin-dots span{border:2px solid var(--text);border-radius:50%;width:18px;height:18px}.pin-dots span.filled{background:var(--text)}.pin-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pin-grid button{border:2px solid var(--border);background:var(--surface-2);border-radius:14px;place-items:center;height:64px;font-size:26px;font-weight:700;display:grid}.editor-layout{grid-template-columns:160px 1fr;align-items:start;gap:18px;display:grid}.editor-preview{width:160px;height:160px}.editor-fields{flex-direction:column;gap:12px;min-width:0;display:flex}.kind-picker{flex-wrap:wrap;gap:8px;display:flex}.kind-swatch{border:3px solid var(--kind-bd);background:var(--kind-bg);border-radius:10px;width:40px;height:40px}.kind-swatch.is-active{outline:3px solid var(--text);outline-offset:2px}.symbol-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.symbol-search{flex-direction:column;gap:10px;display:flex}.search-input{border:2px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.search-input input{background:0 0;border:none;outline:none;flex:1;min-height:44px}.symbol-results{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.symbol-result{border:2px solid var(--border);color:#1d2433;background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:6px;font-size:12px;display:flex}.symbol-result img{object-fit:contain;width:64px;height:64px}.symbol-result span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.symbol-result.is-active{border-color:var(--primary);outline:2px solid var(--primary)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.settings-screen{z-index:5;background:var(--bg);-webkit-user-select:text;user-select:text;flex-direction:column;display:flex;position:fixed;inset:0}.settings-header{padding:12px max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));padding-top:max(12px, env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:12px;display:flex}.settings-header h2{margin:0;font-size:20px}.settings-body{flex:1;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));align-content:start;gap:16px;padding:16px;display:grid;overflow-y:auto}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.settings-section h3{margin:0 0 4px;font-size:16px}.row{gap:10px;display:flex}.range{grid-template-columns:90px 1fr 56px;align-items:center;gap:10px;display:grid}.range input{accent-color:var(--primary)}.avatar-picker{flex-wrap:wrap;gap:8px;display:flex}.avatar-option{border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:52px;height:52px;padding:4px;font-size:22px;display:grid;overflow:hidden}.avatar-option img{object-fit:contain;width:100%;height:100%}.avatar-option.is-active{border-color:var(--primary);outline:3px solid var(--primary)}.picker-screen{min-height:100dvh;padding:32px 16px;padding-top:max(32px, env(safe-area-inset-top));padding-bottom:max(32px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:16px;display:flex}.install-steps{counter-reset:step;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.install-steps li{counter-increment:step;align-items:center;gap:12px;font-size:16px;display:flex}.install-steps li:before{content:counter(step);background:var(--primary);width:28px;height:28px;color:var(--primary-text);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.install-step-icon{width:28px;color:var(--primary);flex-shrink:0;place-items:center;display:grid}.install-step-icon:empty{display:none}.install-tip{background:var(--surface-2);border-radius:10px;align-items:center;gap:8px;margin:0;padding:10px 12px;font-size:14px;display:flex}.picker-title{align-items:center;gap:12px;margin:0;font-size:28px;display:flex}.picker-logo{width:48px;height:48px}.picker-screen h2{color:var(--muted);margin:0;font-weight:600}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;width:min(900px,100%);margin-top:8px;display:grid}.profile-card{border:3px solid var(--border);background:var(--surface);border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:18px 12px;display:flex}.profile-avatar{background:var(--surface-2);border-radius:50%;place-items:center;width:96px;height:96px;padding:10px;display:grid;overflow:hidden}.profile-avatar img{object-fit:contain;width:100%;height:100%}.profile-avatar svg.lucide{width:40px;height:40px;color:var(--muted)}.profile-name{font-size:20px;font-weight:700}.profile-add{border-style:dashed}.picker-actions{justify-content:center;margin-top:8px}.profile-card{position:relative}.cloud-badge{color:var(--primary);position:absolute;top:10px;right:10px}.settings-body.single-column{grid-template-columns:minmax(0,720px);justify-content:center}.stack{flex-direction:column;gap:12px;display:flex}.row.wrap{flex-wrap:wrap}.account-email{word-break:break-all;margin:0;font-size:18px;font-weight:700}.code-input{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:28px}.header-select{width:auto;max-width:50%;margin-left:auto}.child-card{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.child-name{font-size:18px}.list-row{flex-wrap:wrap;align-items:center;gap:8px;min-height:40px;display:flex}.list-row>span:first-of-type{overflow-wrap:anywhere;flex:1;min-width:0}.list-row.pending{color:var(--muted)}.tag{background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:13px}.icon-button.small{border-radius:8px;width:32px;height:32px}.icon-button.small svg.lucide{width:1.1em;height:1.1em}.invite-form{border:2px solid var(--border);background:var(--surface);border-radius:12px;flex:1;align-items:center;gap:8px;min-width:min(100%,280px);padding:4px 4px 4px 12px;display:flex}.invite-form input,.invite-form select{background:0 0;border:none;outline:none;flex:1;min-width:0;min-height:40px}.invite-form select{flex:none}@media (width<=640px){.editor-layout{grid-template-columns:1fr}.editor-preview{justify-self:center;width:120px;height:120px}.nav-profile{display:none}}