:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-text-font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--app-text-font-size:16px;--app-text-color:#1f2429;--app-background-color:#fcfaf6;--app-headline-font-family:var(--app-text-font-family);--app-headline-font-weight:600;--app-headline-color:#10151a;--app-action-color:#2563eb;--app-focus-color:#2563eb;--app-accent-color:#8f4a26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--app-text-font-family);font-size:var(--app-text-font-size);color:var(--app-text-color);background-color:var(--app-background-color)}body.preload-hidden{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}#app{min-height:100%}.kw-responsive-container{box-sizing:border-box;background:var(--app-background-color);width:100%;max-width:1200px;color:var(--app-text-color);font-family:var(--app-text-font-family);font-size:var(--app-text-font-size);margin:0 auto;padding:1rem;overflow-x:clip}.kw-headline{font-family:var(--app-headline-font-family);font-weight:var(--app-headline-font-weight);color:var(--app-headline-color);margin-bottom:.25rem;font-size:clamp(1rem,2.4vw,1.35rem)}.kw-header{margin-bottom:.75rem}.kw-subtitle{max-width:62ch;color:color-mix(in srgb, var(--app-text-color) 72%, transparent);font-size:.86rem;line-height:1.45}.kw-prompt{border-inline-start:3px solid var(--app-accent-color);max-width:62ch;color:color-mix(in srgb, var(--app-text-color) 88%, transparent);margin-top:.5rem;padding-inline-start:10px;font-size:.82rem;line-height:1.45}.kw-layout{align-items:stretch;gap:14px;display:flex}.kw-stage{min-width:0;height:var(--stage-height,640px);background:radial-gradient(130% 100% at 50% 32%,#fafcff 0%,#eff4fa 45%,#dae3ec 100%);border:1px solid #00000024;border-radius:10px;flex:auto;position:relative;overflow:clip}.kw-stage canvas{touch-action:none;z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.kw-stage canvas.kw-schema{z-index:2;pointer-events:none;width:auto;height:auto;position:absolute;inset:12px 12px auto auto}.kw-stage canvas.kw-schema[hidden]{display:none}.kw-hint{z-index:2;color:#0000009e;pointer-events:none;font-size:.78rem;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.kw-panel{--panel-w:clamp(248px, 26%, 330px);flex:0 0 var(--panel-w);width:var(--panel-w);max-height:var(--stage-height,640px);background:color-mix(in srgb, var(--app-background-color) 92%, var(--app-text-color) 8%);border:1px solid color-mix(in srgb, var(--app-text-color) 18%, transparent);border-radius:10px;align-content:start;gap:14px;padding:14px;display:grid;overflow-y:auto}.kw-group{align-content:start;gap:9px;display:grid}.kw-group+.kw-group{border-top:1px solid color-mix(in srgb, var(--app-text-color) 14%, transparent);padding-top:14px}.kw-eyebrow{font-family:var(--app-text-font-family);text-transform:uppercase;letter-spacing:.1em;color:color-mix(in srgb, var(--app-text-color) 55%, transparent);font-size:.68rem;font-weight:600;line-height:1}.kw-field{gap:4px;display:grid}.kw-field[hidden]{display:none}.kw-caption{color:color-mix(in srgb, var(--app-text-color) 68%, transparent);font-size:.72rem;line-height:1.35}.kw-legend{gap:5px;display:grid}.kw-legend-row{color:color-mix(in srgb, var(--app-text-color) 72%, transparent);align-items:center;gap:7px;font-size:.72rem;display:flex}.kw-swatch{border:1px solid color-mix(in srgb, var(--app-text-color) 22%, transparent);border-radius:3px;flex:none;width:11px;height:11px}.kw-vocab{color:color-mix(in srgb, var(--app-text-color) 72%, transparent);gap:4px;font-size:.72rem;display:grid}.kw-vocab-row{align-items:baseline;gap:6px;display:flex}.kw-vocab-text{min-width:0}.kw-vocab-term{color:color-mix(in srgb, var(--app-text-color) 88%, transparent);font-weight:600;display:block}.kw-vocab-gloss{color:color-mix(in srgb, var(--app-text-color) 70%, transparent);font-size:.66rem;line-height:1.3;display:block}.kw-vocab-num{min-width:1.15em;height:1.15em;color:var(--app-background-color);background:color-mix(in srgb, var(--app-text-color) 68%, transparent);border-radius:999px;flex:none;place-items:center;font-size:.62rem;font-weight:600;display:grid}.kw-legend[hidden],.kw-vocab[hidden]{display:none}.kw-angle{z-index:2;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.kw-angle[hidden]{display:none}.kw-overlay{z-index:2;pointer-events:none;overflow-wrap:break-word;background:color-mix(in srgb, var(--app-background-color) 78%, transparent);-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb, var(--app-text-color) 14%, transparent);border-radius:8px;padding:9px 10px;position:absolute}.kw-stage .kw-legend{max-width:min(240px,46%);top:12px;left:12px}.kw-stage .kw-vocab{top:calc(12px + var(--schema-size,230px) + 10px);width:var(--schema-size,230px);right:12px}.kw-field>label{color:color-mix(in srgb, var(--app-text-color) 78%, transparent);justify-content:space-between;align-items:baseline;gap:8px;font-size:.78rem;display:flex}.kw-val{color:var(--app-text-color);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.kw-panel input[type=range]{width:100%;accent-color:var(--app-action-color);margin:0}.kw-select-wrap{color:color-mix(in srgb, var(--app-text-color) 55%, transparent);display:grid;position:relative}.kw-select-wrap:after{content:"";pointer-events:none;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;position:absolute;top:50%;right:11px;transform:translateY(-75%)rotate(45deg)}.kw-panel select{appearance:none;background:color-mix(in srgb, var(--app-background-color) 60%, var(--app-text-color) 6%);width:100%;min-width:0;color:var(--app-text-color);border:1px solid color-mix(in srgb, var(--app-text-color) 25%, transparent);font:inherit;text-overflow:ellipsis;border-radius:6px;padding:6px 28px 6px 8px;font-size:.85rem}.kw-checks{gap:7px;margin-top:1px;display:grid}.kw-chk{color:var(--app-text-color);align-items:center;gap:7px;font-size:.8rem;display:flex}.kw-chk input{accent-color:var(--app-action-color);flex:none}.kw-chk label{cursor:pointer}.kw-chk[hidden]{display:none}.kw-actions{gap:8px;margin-top:3px;display:grid}.kw-actions button{width:100%;min-width:0}.app-button{font:inherit;cursor:pointer;color:var(--app-text-color);background:color-mix(in srgb, var(--app-background-color) 88%, var(--app-text-color) 12%);border:1px solid color-mix(in srgb, var(--app-text-color) 22%, transparent);border-radius:6px;padding:7px 12px;font-size:.82rem;transition:background-color .12s,border-color .12s}.app-button:hover{background:color-mix(in srgb, var(--app-background-color) 78%, var(--app-text-color) 22%);border-color:color-mix(in srgb, var(--app-text-color) 34%, transparent)}.app-button:active{background:color-mix(in srgb, var(--app-background-color) 70%, var(--app-text-color) 30%)}.kw-panel :focus-visible{outline:2px solid var(--app-focus-color);outline-offset:2px}.kw-loading{background:var(--app-background-color);color:var(--app-text-color);z-index:20;justify-content:center;align-items:center;font-size:.9rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.kw-loading[hidden]{display:none}@media (width<=1024px){.kw-responsive-container{font-size:calc(var(--app-text-font-size) * .97)}}.kw-panel-toggle{display:none}@media (width<=768px){.kw-subtitle{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kw-layout{display:block;position:relative;overflow:hidden}.kw-panel{z-index:3;background:color-mix(in srgb, var(--app-background-color) 86%, transparent);-webkit-backdrop-filter:blur(12px);border:0;border-top:1px solid color-mix(in srgb, var(--app-text-color) 20%, transparent);visibility:hidden;border-radius:12px 12px 0 0;width:100%;max-height:80%;padding:14px 14px 16px;transition:transform .24s,visibility .24s;position:absolute;inset:auto 0 0;transform:translateY(100%)}.kw-panel[data-open]{visibility:visible;transform:none}.kw-panel:before{content:"";background:color-mix(in srgb, var(--app-text-color) 28%, transparent);border-radius:999px;justify-self:center;width:34px;height:3px;margin-bottom:2px;display:block}.kw-panel-toggle{z-index:4;font:inherit;color:var(--app-text-color);background:color-mix(in srgb, var(--app-background-color) 78%, transparent);-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb, var(--app-text-color) 22%, transparent);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:.78rem;display:inline-flex;position:absolute;top:8px;right:8px}.kw-panel-toggle .kw-caret{border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .24s;transform:translateY(-2px)rotate(45deg)}.kw-panel-toggle[aria-expanded=true] .kw-caret{transform:translateY(1px)rotate(225deg)}.kw-panel-toggle:focus-visible{outline:2px solid var(--app-focus-color);outline-offset:2px}}@media (width<=768px) and (prefers-reduced-motion:reduce){.kw-panel,.kw-panel-toggle .kw-caret{transition:none}}@media (width<=768px) and (width>=520px){.kw-panel{grid-template-columns:1fr 1fr;align-items:start;gap:14px 20px}.kw-panel:before{grid-column:1/-1}.kw-group+.kw-group{border-top:0;border-inline-start:1px solid color-mix(in srgb, var(--app-text-color) 14%, transparent);padding-top:0;padding-inline-start:20px}}