:root{--si-people:#f2cf63;--si-action:#8db87a;--si-describe:#7fa6d1;--si-thing:#f2a65a;--si-social:#f2a7b8;--si-question:#a58fc0;--si-negation:#e98267;--si-people-wash:#fdf5d8;--si-action-wash:#ebf3e6;--si-describe-wash:#e8f0f8;--si-thing-wash:#fdeedd;--si-social-wash:#fdeef1;--si-question-wash:#f1ecf6;--si-negation-wash:#fbe8e2;--si-folder-wash:var(--paper);--si-word-text:#34454a}:root[data-theme=dark]{--si-people-wash:#f3e8c4;--si-action-wash:#dfe9d8;--si-describe-wash:#dbe5f0;--si-thing-wash:#f3e2cf;--si-social-wash:#f3e0e4;--si-question-wash:#e5ddee;--si-negation-wash:#f2dcd4;--si-folder-wash:var(--art-card)}.si-kind-people{--kc:var(--si-people);--kw:var(--si-people-wash)}.si-kind-action{--kc:var(--si-action);--kw:var(--si-action-wash)}.si-kind-describe{--kc:var(--si-describe);--kw:var(--si-describe-wash)}.si-kind-thing{--kc:var(--si-thing);--kw:var(--si-thing-wash)}.si-kind-social{--kc:var(--si-social);--kw:var(--si-social-wash)}.si-kind-question{--kc:var(--si-question);--kw:var(--si-question-wash)}.si-kind-negation{--kc:var(--si-negation);--kw:var(--si-negation-wash)}.si-folder{--kc:var(--si-thing);--kw:var(--si-folder-wash)}.si-screen{padding:max(var(--pad), env(safe-area-inset-top)) max(var(--pad), env(safe-area-inset-right)) max(var(--pad), env(safe-area-inset-bottom)) max(var(--pad), env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 18%, var(--glow) 0 30%, transparent 70%), var(--ivory);color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;flex-direction:column;gap:clamp(8px,1.6vmin,16px);display:flex;position:fixed;inset:0}.si-adult{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.si-adult-spacer{flex:1}.si-adult-button{isolation:isolate;min-height:var(--adult-h);min-width:var(--adult-w);padding:8px var(--adult-pad-x);border:1.5px solid var(--line);border-radius:var(--radius-control);background:var(--control-fill);color:var(--adult-text);font:inherit;font-size:var(--adult-font);white-space:nowrap;cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;gap:6px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.si-adult-button:disabled{opacity:.45;cursor:default}.si-adult-button svg{fill:none;width:18px;height:18px;stroke:var(--prompt);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.si-prompt{align-items:center;gap:8px;display:flex}.si-prompt__label{color:var(--muted);font-size:13px;font-weight:800}.si-prompt [role=radiogroup]{border:1.5px solid var(--line);border-radius:var(--radius-control);background:var(--control-fill);display:inline-flex;overflow:hidden}.si-prompt button{min-height:44px;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:8px 12px;font-size:14px;font-weight:700}.si-prompt button+button{border-left:1.5px solid var(--line)}.si-prompt button[aria-checked=true]{background:var(--prompt-wash);color:var(--prompt-text);font-weight:800}.si-prompt button[data-prompt=prompted][aria-checked=true]{background:var(--hold-fill);color:var(--ink)}.si-prompt button[data-prompt=model][aria-checked=true]{background:var(--prompt);color:var(--on-prompt)}.si-bar{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;display:grid}.si-bar__say,.si-bar__key{border:3px solid var(--card-line);background:var(--paper);min-height:clamp(64px,10vmin,92px);box-shadow:0 6px 0 var(--card-ledge);color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:22px}.si-bar__say{text-align:left;align-items:center;gap:12px;min-width:0;padding:8px 16px;display:flex}.si-bar__say:active:not(:disabled),.si-bar__key:active:not(:disabled){box-shadow:0 1px 0 var(--card-ledge);transform:translateY(5px)}.si-bar__say:disabled,.si-bar__key:disabled{cursor:default}.si-bar__key:disabled{opacity:.45}.si-bar__words{scrollbar-width:none;flex:1;gap:8px;min-width:0;display:flex;overflow-x:auto}.si-bar__empty{color:var(--muted);flex:1;font-size:clamp(15px,2.2vmin,20px);font-weight:700}.si-chip{border:3px solid var(--kc);background:var(--kw);color:var(--si-word-text);white-space:nowrap;border-radius:14px;align-items:center;gap:6px;padding:4px 12px;font-size:clamp(18px,3vmin,28px);font-weight:800;display:inline-flex}.si-chip .si-symbol{width:1.5em;height:1.5em;display:block}.si-bar__speaker{fill:none;width:36px;height:36px;stroke:var(--prompt);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.si-bar__key{place-items:center;width:clamp(64px,10vmin,92px);padding:0;display:grid}.si-bar__key svg{fill:none;width:34px;height:34px;stroke:var(--muted);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.si-pagebar{align-items:center;gap:16px;display:flex}.si-pagebar h2{align-items:center;gap:10px;margin:0;font-size:clamp(22px,3.4vmin,32px);font-weight:800;display:flex}.si-pagebar h2 .si-symbol{background:var(--art-card);border-radius:12px;width:1.8em;height:1.8em;padding:3px;display:block}.si-home{background:var(--prompt);min-height:60px;box-shadow:0 6px 0 var(--prompt-deep);color:var(--on-prompt);font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:20px;align-items:center;gap:8px;padding:8px 26px 8px 20px;font-size:clamp(20px,3vmin,26px);font-weight:800;display:inline-flex}.si-home:active{box-shadow:0 1px 0 var(--prompt-deep);transform:translateY(5px)}.si-home svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.si-grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));gap:clamp(8px,1.6vmin,16px);min-height:0;padding-bottom:8px;display:grid;container-type:size}.si-screen>.si-main{flex:var(--rows) 1 0}.si-screen>.si-core{flex:1 1 0;min-height:min(76px,13vmin);max-height:132px}.si-core .si-word__label{font-size:max(14px, min(18cqh, calc(9cqw / var(--cols)), 30px))}.si-screen[data-modeling=true] .si-grid{outline:4px dashed var(--prompt);outline-offset:6px;border-radius:24px}.si-cell{min-width:0;min-height:0;color:var(--ink);font:inherit;border-radius:clamp(14px,3vmin,28px);flex-direction:column;justify-content:center;align-items:center;gap:2%;padding:4%;display:flex;position:relative}.si-cell--empty{border:2px dashed var(--line);opacity:.5}.si-word{color:var(--si-word-text)}button.si-word{border:4px solid var(--kc,var(--card-line));background:var(--kw,var(--paper));box-shadow:0 7px 0 var(--kc,var(--card-ledge));cursor:pointer;touch-action:manipulation;transition:transform 90ms var(--ease-press), box-shadow 90ms var(--ease-press)}button.si-word:active{box-shadow:0 1px 0 var(--kc,var(--card-ledge));transform:translateY(6px)}button.si-word[data-speaking=true]{outline:6px solid var(--gold);outline-offset:3px}button.si-word:focus-visible,.si-home:focus-visible,.si-bar__say:focus-visible,.si-bar__key:focus-visible{outline:6px solid var(--gold-ring);outline-offset:4px}.si-word__icon{flex:1 1 0;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.si-symbol{object-fit:contain;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;min-height:0}.si-word__label{max-width:100%;font-size:max(13px, min(calc(13cqh / var(--rows)), calc(9cqw / var(--cols)), 40px));text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:none;font-weight:800;line-height:1.4;overflow:hidden}.si-core .si-word__label{white-space:normal}.si-main[data-dense=true]{gap:8px}.si-main[data-dense=true] .si-cell{gap:0;padding:2px 3px}.si-main[data-dense=true] button.si-word{border-width:3px}.si-main[data-dense=true] .si-word__label{font-size:max(11px, min(calc(12cqh / var(--rows)), calc(9cqw / var(--cols)), 40px));line-height:1.25}button.si-folder{border-top-left-radius:6px}.si-folder__tab{background:var(--kc);border-radius:10px 10px 0 0;width:34%;height:10%;min-height:8px;position:absolute;top:-4px;left:12%;transform:translateY(-60%)}.si-modeling{background:var(--prompt);color:var(--on-prompt);white-space:nowrap;border-radius:999px;align-self:center;margin:0;padding:4px 14px;font-size:13px;font-weight:800}.si-size{flex-wrap:wrap;justify-content:center;gap:12px 28px;display:flex}.si-count{align-items:center;gap:8px;display:flex}.si-count__label{min-width:104px;color:var(--muted);font-size:15px;font-weight:800}.si-count__label output{color:var(--ink);font-size:20px}.si-count .si-adult-button{min-width:56px;font-size:18px}.si-setup__tools{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.si-setup__hear{justify-self:center}.si-editor{gap:10px;min-width:0;display:grid}.si-editor h2{color:var(--muted);margin:8px 0 0;font-size:15px;font-weight:800}.si-editor__scroll{box-sizing:border-box;min-width:0;max-height:calc(46vh + 24px);padding:12px;overflow:auto}.si-editor__scroll:focus-visible{outline:6px solid var(--gold-ring);outline-offset:4px}.si-grid-note{color:var(--muted);text-align:center;margin:0;font-size:15px;font-weight:700}.si-grid--edit{box-sizing:border-box;aspect-ratio:calc(var(--cols) * 1.3) / var(--rows);width:100%;max-height:46vh;margin:0 auto;padding-bottom:6px}.si-editor__scroll .si-grid--edit{min-width:calc(var(--cols) * 76px + (var(--cols) - 1) * clamp(8px, 1.6vmin, 16px));min-height:calc(var(--rows) * 52px + (var(--rows) - 1) * clamp(8px, 1.6vmin, 16px) + 6px)}.si-grid--edit.si-core{aspect-ratio:auto;height:clamp(56px,9vmin,84px)}.si-grid--edit.si-core .si-word{border:3px solid var(--kc);background:var(--kw)}.si-grid--edit .si-word__label{font-size:max(11px, min(calc(12cqh / var(--rows)), calc(8cqw / var(--cols)), 24px))}.si-grid--edit button.si-word{box-shadow:0 4px 0 var(--kc,var(--card-ledge));border-width:3px}.si-cell--add{border:2px dashed var(--prompt);background:var(--prompt-wash);color:var(--prompt-text);cursor:pointer;font-size:28px;font-weight:800}.si-overlay{z-index:10;padding:var(--pad);background:var(--backdrop);place-items:center;display:grid;position:fixed;inset:0}.si-panel{width:min(100%,860px);max-height:calc(100dvh - 2 * var(--pad));border:4px solid var(--panel-line);background:var(--paper);box-shadow:0 8px 0 var(--panel-ledge);text-align:left;border-radius:28px;gap:12px;padding:clamp(18px,3vmin,30px);animation:.2s ease-out aba-rise-in;display:grid;overflow-y:auto}.si-panel__head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.si-panel__head h1{flex:1;margin:0;font-size:clamp(24px,3.6vmin,32px);font-weight:800}.si-panel__note{color:var(--muted);margin:0;font-size:15px;font-weight:700}.si-picker{gap:14px;display:grid}.si-picker__group h2{color:var(--muted);margin:0 0 6px;font-size:14px;font-weight:800}.si-picker__grid{flex-wrap:wrap;gap:8px;display:flex}.si-pick{border:3px solid var(--kc,var(--card-line));background:var(--kw,var(--paper));min-height:48px;color:var(--si-word-text);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:14px;align-items:center;gap:6px;padding:6px 14px;font-size:17px;font-weight:800;display:inline-flex}.si-pick .si-symbol{width:34px;height:34px;display:block}.si-pick[data-used=true]{opacity:.45}.si-pick[aria-pressed=true]{outline:4px solid var(--gold);outline-offset:2px}.si-skins button{justify-content:center;align-items:center;gap:10px;display:inline-flex}.si-skins img{width:44px;height:44px}.ts-panel .si-skins button{gap:8px;padding-left:8px}.ts-panel .si-skins img{width:32px;height:32px}.ts-panel .si-setup__hear{justify-self:start;margin-top:4px}.si-preview{gap:6px;display:grid}.si-preview .si-grid{gap:5px;padding-bottom:3px}.si-preview .si-core{aspect-ratio:calc(var(--cols) * 1.3)}.si-preview__main{aspect-ratio:calc(var(--cols) * 1.3) / var(--rows)}.si-preview .si-cell{border-radius:10px;padding:4%}.si-preview .si-word{border:2px solid var(--kc,var(--card-line));background:var(--kw,var(--paper));box-shadow:0 3px 0 var(--kc,var(--card-ledge))}.si-preview .si-folder{border-top-left-radius:4px}.si-preview .si-folder__tab{border-radius:5px 5px 0 0;min-height:4px;top:-2px}.si-preview .si-word__label{font-size:max(8px, min(calc(13cqh / var(--rows)), calc(8cqw / var(--cols)), 14px));line-height:1.3}.si-preview .si-cell--empty{border-width:1.5px}.si-preview[data-dense=true] .si-grid{gap:3px}.si-preview[data-dense=true] .si-cell{border-radius:6px;padding:2px}.si-preview[data-dense=true] .si-word{box-shadow:0 2px 0 var(--kc,var(--card-ledge));border-width:1.5px}.si-preview[data-dense=true] .si-preview__main .si-word__label{display:none}@media (width<=540px){.si-skins button{flex-basis:calc((100% - var(--gap)) / 2)}}@media (width<=700px){.si-prompt__label{display:none}.si-prompt button{padding:8px;font-size:13px}.si-core{gap:4px}.si-core .si-cell{padding:2px}.si-core button.si-word{border-width:3px}}@media (prefers-reduced-motion:reduce){.si-panel{animation:none}button.si-word{transition:none}}
