section.svelte-1uhoh1v{align-items:center;display:flex;flex-direction:column;gap:24px;margin:auto;padding:24px 16px;text-align:center;width:min(100%,28rem)}header.svelte-1uhoh1v{display:grid;gap:4px}h1.svelte-1uhoh1v{font-family:var(--serif);font-size:1.4rem;line-height:2rem}.stage.svelte-1uhoh1v{display:grid;gap:16px;justify-content:center;justify-items:center}.modes.svelte-1uhoh1v{display:flex;font-family:var(--monospace);gap:8px;justify-content:center}.modes-wrap.svelte-1uhoh1v{display:grid;gap:8px;justify-items:center}.modes-label.svelte-1uhoh1v{font-family:var(--monospace);text-transform:lowercase}.square.svelte-1uhoh1v{aspect-ratio:1;position:relative;width:min(18rem,72vw)}.edge.svelte-1uhoh1v{background-color:light-dark(#d0d0d0,#343434);position:absolute;transition:background-color .16s ease,z-index .16s ease;z-index:0}.edge.active.svelte-1uhoh1v{background-color:light-dark(#171717,#ededed);z-index:1}.edge-top.svelte-1uhoh1v,.edge-bottom.svelte-1uhoh1v{height:2px;left:0;width:100%}.edge-left.svelte-1uhoh1v,.edge-right.svelte-1uhoh1v{height:100%;top:0;width:2px}.edge-top.svelte-1uhoh1v{top:0}.edge-right.svelte-1uhoh1v{right:0}.edge-bottom.svelte-1uhoh1v{bottom:0}.edge-left.svelte-1uhoh1v{left:0}.marker.svelte-1uhoh1v{background-color:light-dark(#171717,#ededed);border-radius:50%;box-shadow:0 0 0 4px light-dark(rgb(23 23 23 / .08),rgb(237 237 237 / .1));height:12px;position:absolute;transform:translate(-50%,-50%);width:12px}.center.svelte-1uhoh1v{display:grid;gap:6px;inset:0;place-content:center;pointer-events:none;position:absolute}.cue.svelte-1uhoh1v{font-family:var(--monospace);letter-spacing:.04em;text-transform:lowercase}.timer.svelte-1uhoh1v{font-family:var(--serif);font-size:3.2rem;line-height:1}.phases.svelte-1uhoh1v{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;text-transform:lowercase}.modes.svelte-1uhoh1v button:where(.svelte-1uhoh1v){background:transparent;border:1px solid currentColor;color:inherit;cursor:pointer;font:inherit;padding:4px 8px}.modes.svelte-1uhoh1v button.active:where(.svelte-1uhoh1v),.modes.svelte-1uhoh1v button:where(.svelte-1uhoh1v):hover{background-color:light-dark(#171717,#ededed);color:light-dark(#ededed,#171717)}.modes.svelte-1uhoh1v button:where(.svelte-1uhoh1v):focus-visible{outline:2px solid currentColor;outline-offset:2px}footer.svelte-1uhoh1v{display:flex;gap:12px;justify-content:center;padding:16px;text-align:center}a.svelte-1uhoh1v{color:inherit}a.svelte-1uhoh1v:hover{text-decoration-thickness:2px}@media(max-width:480px){section.svelte-1uhoh1v{padding-inline:12px}.timer.svelte-1uhoh1v{font-size:2.6rem}}