:root{-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:13px}[data-tone=neutral]{--canvas:#f4f4f4;--panel:#fff;--ink:#111;--ink-soft:#777;--ink-faint:#b4b4b4}[data-tone=light]{--canvas:#fff;--panel:#fff;--ink:#111;--ink-soft:#777;--ink-faint:#b4b4b4}[data-tone=dark]{--canvas:#000;--panel:#111;--ink:#fff;--ink-soft:#8c8c8c;--ink-faint:#555}*,:before,:after{box-sizing:border-box}html,body{background:#f4f4f4;height:100%;margin:0}a{color:inherit;text-decoration:none}.index,.day{background:var(--canvas);color:var(--ink);position:fixed;inset:0;overflow:hidden}.crumb{z-index:2;background:var(--canvas);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:8px 12px;transition:background .6s,color .6s;display:flex;position:absolute;top:8px;left:10px}.crumb-home,.crumb-slash{color:var(--ink-soft);transition:color .2s}.crumb-home:hover,.crumb-home:focus-visible{color:var(--ink);outline:none}.crumb-here{font-weight:600}.index{overflow-y:auto}.grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(72px,1fr);gap:2px;min-height:100%;margin:0;padding:48px 12px 12px;list-style:none;display:grid}.cell{height:100%;color:var(--ink-faint);border-radius:14px;flex-direction:column;gap:2px;padding:10px;transition:background .2s;display:flex}.cell-word{font-size:15px}.cell-live{color:var(--ink)}.cell-live .cell-number{color:var(--ink-soft)}.cell-live:hover,.cell-live:focus-visible{background:color-mix(in srgb, var(--ink) 6%, transparent);outline:none}@media (max-width:900px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.stage{position:absolute;inset:0}.stage canvas{width:100%;height:100%;animation:1.2s both appear;display:block}@keyframes appear{0%{opacity:0}}.quiet{color:var(--ink-soft);text-align:center;justify-content:center;align-items:center;margin:0;padding:0 24px;display:flex;position:absolute;inset:0}.pill{z-index:2;background:var(--panel);color:var(--ink);border-radius:999px;align-items:center;gap:2px;padding:4px;transition:background .6s,color .6s;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0000000f,0 6px 24px #00000014}.tool{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}a.tool:hover,a.tool:focus-visible{background:color-mix(in srgb, var(--ink) 8%, transparent);outline:none}.tool-off{color:var(--ink-faint)}
