.wb{gap:12px;min-width:0;display:grid}.wb-bar{border:3px solid var(--line);background:var(--paper);cursor:text;min-height:52px;transition:border-color .16s var(--ease), box-shadow .16s var(--ease);border-radius:18px;grid-template-columns:auto auto 1fr;align-items:center;display:grid;overflow:hidden}.wb-bar:focus-within{border-color:var(--leaf);box-shadow:0 0 0 4px var(--mint)}.wb-name{border-right:3px solid var(--line);min-width:50px;color:var(--ink-2);font-family:var(--font-display);text-align:center;padding:0 10px;font-size:15px;font-weight:600;line-height:46px}.wb-fx{color:var(--leaf-edge);font-family:var(--font-display);padding:0 10px;font-style:italic;font-weight:700}.wb-input{min-width:0;height:46px;color:var(--ink);font-family:var(--font-mono);background:0 0;border:0;outline:0;padding:0 12px 0 0;font-size:16px;line-height:46px}.wb-input::placeholder{color:var(--ink-3)}.wb-readonly{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wb-scroll{border:3px solid var(--line);background:var(--paper);overscroll-behavior-x:contain;border-radius:18px;max-width:100%;overflow:auto hidden}.wb-grid{grid-template-columns:38px repeat(var(--cols), minmax(88px, 1fr));-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y;min-width:min-content;font-size:16px;display:grid}.wb-corner,.wb-head,.wb-rowhead{background:var(--tile);color:var(--ink-3);font-family:var(--font-display);text-align:center;font-size:13px;font-weight:600}.wb-head{border-bottom:2px solid var(--line);border-left:2px solid var(--line);padding:6px 0}.wb-rowhead{border-top:2px solid var(--line);place-items:center;display:grid}.wb-head[data-active],.wb-rowhead[data-active]{background:var(--mint);color:var(--leaf-deep)}.wb-cell{border-top:2px solid var(--line);border-left:2px solid var(--line);white-space:nowrap;text-overflow:ellipsis;cursor:cell;min-height:44px;padding:10px 12px;position:relative;overflow:hidden}.wb-cell[data-num]{text-align:right;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:500}.wb-cell[data-header]{color:var(--ink-2);font-family:var(--font-display);font-weight:600}.wb-cell[data-error]{color:var(--rose)}.wb-cell[data-spill]{background:#f7fcf9}.wb-cell[data-copy]{background:var(--mint);color:var(--leaf-deep);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--leaf) 45%, transparent);transition:background .2s var(--ease)}.wb[data-verdict=correct] .wb-cell[data-copy]{background:color-mix(in srgb, var(--leaf) 22%, var(--mint))}.wb-cell[data-selected]:after,.wb-cell[data-picked]:after{content:"";border:3px solid var(--leaf);pointer-events:none;border-radius:8px;position:absolute;inset:1px}.wb-cell[data-picked]{background:var(--mint)}.wb-cell[data-answer]{background:var(--mint);color:var(--leaf-deep);font-family:var(--font-mono);box-shadow:inset 0 0 0 2.5px var(--leaf), inset 0 -4px 0 var(--mint-edge);cursor:text;border:0;border-radius:12px;margin:3px;font-size:14px;font-weight:500}.wb-cell[data-answer]:after{display:none}.wb[data-verdict=correct] .wb-cell[data-answer]{background:var(--leaf);color:#fff;font-family:var(--font-display);box-shadow:inset 0 -4px 0 var(--leaf-edge);animation:wb-pop .52s var(--ease);font-size:17px;font-weight:700}.wb[data-verdict=wrong] .wb-cell[data-answer]{background:var(--rose-wash);color:var(--rose);box-shadow:inset 0 0 0 2.5px var(--rose), inset 0 -4px 0 #f6c6cf;animation:wb-shake .42s var(--ease)}@keyframes wb-pop{0%{filter:brightness(1.25)}to{filter:brightness()}}@keyframes wb-shake{0%{filter:saturate(2)}to{filter:saturate()}}.wb-keys{gap:8px;padding:2px 2px 6px;display:grid}.wb-fn{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:7px;display:grid}.wb-fn .wb-key{padding:0 6px;font-size:14px}.wb-sym{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;display:grid}.wb-sym .wb-key{min-width:0;padding:0}.wb-del{color:var(--ink-2)}.wb-key{background:var(--paper);border:2.5px solid var(--line);min-width:46px;height:46px;box-shadow:0 3px 0 var(--line);font-family:var(--font-mono);transition:transform 80ms var(--ease), box-shadow 80ms var(--ease);border-radius:14px;flex:none;padding:0 12px;font-size:17px;font-weight:500}.wb-key[data-fn]{background:var(--mint);border-color:var(--mint-edge);box-shadow:0 3px 0 var(--mint-edge);color:var(--leaf-deep);font-size:15px}.wb-key:active{box-shadow:0 0 0 var(--line);transform:translateY(3px)}.wb[data-compact] .wb-grid{font-size:15px}.wb,.wb input,.fn-syntax,.pr-solution code{font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0}
