:root{--sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;font-family:var(--sans);-webkit-font-smoothing:antialiased;--bars:0px;--runway:0px;font-size:13px}@supports (height:100lvh){:root{--bars:calc(100lvh - 100dvh)}}[data-tone=neutral]{--canvas:#f4f4f4;--cell:#ebebeb;--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{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}html{background:#f4f4f4}a{color:inherit;text-decoration:none}.index,.day{height:100vh;overscroll-behavior:none;background:var(--canvas);height:100lvh;color:var(--ink);position:fixed;top:0;left:0;right:0;overflow:hidden}.runway{--runway:62px;--bars:136px;height:auto;min-height:100%;overflow:hidden scroll}.runway body{height:auto;overflow:visible}.runway .day{height:calc(100dvh + var(--runway) + var(--bars));touch-action:none;position:absolute}.runway .index{height:auto;min-height:100lvh;position:relative;overflow:visible}.runway .grid{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.crumb{z-index:2;top:calc(8px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));max-width:calc(100% - 20px - env(safe-area-inset-left) - env(safe-area-inset-right));background:var(--canvas);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;transition:background .6s,color .6s;display:flex;position:absolute}.day .crumb{top:calc(8px + env(safe-area-inset-top) + var(--runway))}[data-tone=dark] .crumb{background:color-mix(in srgb, var(--canvas) 72%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.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{min-height:100%;padding:calc(48px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom) + var(--bars)) calc(12px + env(safe-area-inset-left));grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(72px,1fr);gap:2px;margin:0;list-style:none;display:grid}.cell{height:100%;color:var(--ink-soft);background:var(--cell);border-radius:14px;flex-direction:column;gap:2px;padding:10px;transition:background .2s;display:flex}.cell-word{font-size:15px}.cell-live{isolation:isolate;color:var(--ink);background:0 0;position:relative}.cell-image{z-index:-1;border-radius:inherit;object-fit:cover;object-position:left top;background:color-mix(in srgb, var(--ink) 6%, transparent);width:100%;height:100%;transition:opacity .2s;display:block;position:absolute;inset:0;-webkit-mask-image:radial-gradient(96px 68px at 0 0,#0006 45%,#000);mask-image:radial-gradient(96px 68px at 0 0,#0006 45%,#000)}.cell-live .cell-number{color:var(--ink-soft)}.cell-live .cell-image~.cell-number{color:var(--ink)}.cell-live:hover,.cell-live:focus-visible{background:color-mix(in srgb, var(--ink) 6%, transparent);outline:none}.cell-live:hover .cell-image,.cell-live:focus-visible .cell-image{opacity:.88}@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}.hint{left:50%;bottom:calc(66px + env(safe-area-inset-bottom) + var(--bars));background:color-mix(in srgb, var(--canvas) 72%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--ink-soft);white-space:nowrap;pointer-events:none;opacity:0;border-radius:999px;margin:0;padding:6px 12px;transition:opacity .8s;position:absolute;transform:translate(-50%)}.hint-on{opacity:1}.pill{z-index:2;left:50%;bottom:calc(14px + env(safe-area-inset-bottom) + var(--bars));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;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)}