grid-element{--rhyme-group-a:#fb4934;--rhyme-group-b:#b8bb26;--rhyme-group-c:#fabd2f;--rhyme-group-d:#83a598;--rhyme-group-e:#d3869b;--rhyme-group-f:#8ec07c;--rhyme-group-g:#fe8019;--grid-object-size:4ch}grid-element :focus:not(:focus-visible){outline:none}grid-element :focus-visible{outline-offset:-3px;outline:1px solid}grid-element{padding-block-end:2ch}grid-element button{cursor:pointer;color:var(--rhyme-color,currentColor);border:1px solid var(--rhyme-color,currentColor);background:0 0;font-family:inherit;font-weight:700}grid-element button[data-blank=true]{opacity:.2}grid-element input{--_fg:var(--rhyme-color,CanvasText);--_bg:transparent;--_border:var(--rhyme-color,currentColor);background:var(--_bg);color:var(--_fg);border:1px solid var(--_border);outline-color:var(--_border);text-transform:uppercase;font-family:inherit;font-weight:700}grid-element input:placeholder-shown{opacity:.2}grid-element .board{gap:.5ch;width:100%;display:grid}grid-element .row{grid-template-columns:1fr 1fr;align-items:center;column-gap:.5ch;display:grid}grid-element .row:has([data-blank=false]) input:placeholder-shown{opacity:1}grid-element .row-left{justify-self:end;align-items:center;gap:.5ch;display:flex}grid-element .synth-disc{opacity:.5;justify-content:center;align-items:center;width:1.5ch;font-size:.8em;display:inline-flex}grid-element .synth-disc[data-blank=true]{visibility:hidden}grid-element .row-right{justify-self:start;gap:.5ch;display:flex}grid-element .cell{width:var(--grid-object-size);height:var(--grid-object-size);box-sizing:border-box}grid-element .cell.resolved-count{width:auto;min-width:var(--grid-object-size);opacity:.5;justify-content:center;align-items:center;font-size:.8em;display:inline-flex}grid-element .cell.resolved-count[data-blank=true]{opacity:.2}grid-element .cell:where(.text,.pos){field-sizing:content;text-align:center;width:auto;min-width:12ch;padding-inline:1ch}grid-element .cell:where(.text,.pos).pos{min-width:6ch}grid-element .cell:where(.text,.pos).highlighted{--_fg:Canvas;--_bg:var(--rhyme-color,CanvasText);--_border:Canvas;opacity:1}grid-element .cell:where(.text,.pos).highlighted::placeholder{color:canvas;opacity:1}grid-element .cell:where(.text,.pos).ai-editing{--_fg:Canvas;--_bg:var(--rhyme-color,CanvasText);--_border:Canvas;opacity:1}grid-element .cell:where(.text,.pos).ai-editing::placeholder{color:canvas;opacity:1}grid-element button.ai-editing{background:var(--rhyme-color,CanvasText);color:canvas;opacity:1;border-color:#0000}@media screen and (width<=40rem){grid-element{--grid-object-size:3ch}}header-element{z-index:10;--border-color:color-mix(in srgb, CanvasText 30%, Canvas 70%);border-bottom:1px solid var(--border-color);background-color:canvas;justify-content:space-between;align-items:stretch;width:100%;min-height:4ch;font-size:12px;display:flex;position:sticky;top:0}header-element .header-title{white-space:nowrap;align-items:center;padding:0 1.5ch;font-weight:700;display:flex}header-element .header-actions{flex-wrap:wrap;align-items:stretch;display:flex}header-element .header-btn{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;opacity:.5;white-space:nowrap;background:0 0;border:none;padding:0 1.5ch}header-element .header-btn:hover,header-element .header-btn.active{opacity:1;color:canvas;background:canvastext}header-element .header-divider{width:1px;color:var(--border-color);background:currentColor;align-self:stretch}header-element .wpm-group{justify-content:center;align-items:center;gap:0;display:flex}header-element .wpm-input{width:5ch;height:100%;color:inherit;font-family:inherit;font-size:inherit;text-align:center;background:0 0;border:none}header-element .wpm-input:focus,header-element .wpm-input:hover{opacity:1}header-element .wpm-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}header-element .wpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}header-element .wpm-label{opacity:.5;padding-right:1ch}@media (width<=40rem){header-element{flex-direction:column;align-items:stretch}header-element .header-title{border-bottom:1px solid var(--border-color);justify-content:center;padding-block:.5ch}header-element .header-actions{grid-template-rows:3ch 3ch;grid-template-columns:1fr 1fr 1fr;display:grid}header-element .header-actions .header-divider{display:none}header-element .header-actions .header-btn:last-of-type{padding-block:.5ch;position:fixed;top:0;right:0}}.settings-dialog .dialog-title{margin:0 0 1.5ch}.settings-dialog .field{flex-direction:column;gap:.5ch;margin-bottom:1.5ch;display:flex}.settings-dialog .field label{opacity:.7;font-size:.85em}.settings-dialog .field input{color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:1px solid;padding:.5ch 1ch}.settings-dialog .dialog-actions{justify-content:flex-end;gap:1ch;display:flex}.settings-dialog .dialog-actions button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;opacity:.7;background:0 0;border:1px solid;padding:.3ch 1.5ch}.settings-dialog .dialog-actions button:hover{opacity:1}.help-dialog{color:canvastext;width:calc(100vw - 4ch);max-width:80ch;font-family:inherit;font-size:inherit;background:canvas;border:1px solid canvastext;padding:0}.help-dialog h2,.help-dialog h3,.help-dialog h4{font-size:inherit;margin-block:1ch}*+:is(.help-dialog h2,.help-dialog h3,.help-dialog h4){margin-block-start:4ch}.help-dialog p{margin:.5ch 0;line-height:1.5}.help-dialog section{margin-bottom:2ch}.help-dialog table{border-collapse:collapse;font-size:inherit;margin:1ch 0;line-height:1.5}.help-dialog th,.help-dialog td{border:1px solid color-mix(in srgb, CanvasText 30%, Canvas 70%);text-align:left;padding:.5ch 1ch}.help-dialog ul{margin:.5ch 0;padding-left:3ch}.help-dialog li{line-height:1.5}.help-dialog kbd{border:1px solid;border-radius:3px;padding:0 .4ch;font-family:inherit;font-size:.85em;display:inline-block}.help-dialog .nowrap{white-space:nowrap}.help-dialog .help-content{padding:2ch}.help-dialog .help-footer{border-top:1px solid color-mix(in srgb, CanvasText 30%, Canvas 70%);background:canvas;position:sticky;bottom:0}.help-dialog .help-close{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;white-space:nowrap;background:0 0;border:none;width:100%;padding:1ch 2ch;display:block}.help-dialog .help-close:hover{color:canvas;background:canvastext}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{overscroll-behavior-inline:none}body{flex-direction:column;grid-template-rows:auto 1fr;align-items:center;gap:2ch;min-height:100vh;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:grid}*{box-sizing:border-box;margin:0;padding:0}button{-webkit-user-select:none;user-select:none}dialog{padding:2ch}dialog[open]{margin:auto}body:has(dialog[open]){overflow:hidden}