:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f4f3ef;--color-surface:#fff;--color-surface-raised:#fbfaf7;--color-border:#d9d7d0;--color-text:#1c1d20;--color-text-muted:#5e6066;--color-text-inverse:#fff;--color-accent:#2a5bd7;--color-accent-hover:#234cb5;--color-accent-soft:#e3ebfb;--color-focus-ring:#2a5bd7;--color-ring-track:#e4e2db;--color-state-ok:#1e8e4e;--color-state-ok-soft:#dcf1e4;--color-state-warn:#b77800;--color-state-warn-soft:#fbedc9;--color-state-over:#c8312b;--color-state-over-soft:#f8dcda;--color-state-paused:#5e6066;--color-state-paused-soft:#e8e6e0;--color-danger:#c8312b;--color-disabled-bg:#e8e6e0;--color-disabled-text:#9a9ca1;--color-scrim:#0006;--font-sans:"Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", system-ui, sans-serif;--font-digits:"SF Mono", "Roboto Mono", "Cascadia Mono", ui-monospace, monospace;--font-digits-variant:tabular-nums;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.75rem;--font-size-timer:clamp(4rem, 18vw, 16rem);--font-size-timer-sub:clamp(1.25rem, 4vw, 2.5rem);--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-timer:600;--line-height-tight:1.1;--line-height-normal:1.6;--letter-spacing-timer:-.02em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-gutter-mobile:1rem;--tap-target-min:44px;--tap-target-lg:3.5rem;--border-width:1px;--border-width-strong:2px;--focus-ring-width:3px;--focus-ring-offset:2px;--icon-size:1.25rem;--field-num-width:3.5ch;--layout-settings-max:64rem;--layout-result-max:40rem;--start-button-min:20rem;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-full:9999px;--shadow-sm:0 1px 2px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 12px 32px #00000024;--ring-stroke-width:6;--ring-size:min(80vw, 70vh);--ring-digit-ratio:.24;--progress-bar-height:1rem;--duration-fast:.12s;--duration-normal:.22s;--duration-slow:.4s;--easing-standard:cubic-bezier(.2, 0, 0, 1);--easing-exit:cubic-bezier(.4, 0, 1, 1);--blink-period-over:1.6s;--blink-dim-opacity:.55;--spinner-period:.9s;--controls-hide-delay:5s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#121316;--color-surface:#1b1d21;--color-surface-raised:#24272c;--color-border:#34373d;--color-text:#f2f2f0;--color-text-muted:#a3a6ad;--color-text-inverse:#121316;--color-accent:#7aa2ff;--color-accent-hover:#9ab8ff;--color-accent-soft:#1d2a4a;--color-focus-ring:#7aa2ff;--color-ring-track:#2a2d33;--color-state-ok:#3ccf7a;--color-state-ok-soft:#173826;--color-state-warn:#f5b93a;--color-state-warn-soft:#3d2f12;--color-state-over:#ff5a50;--color-state-over-soft:#45191a;--color-state-paused:#a3a6ad;--color-state-paused-soft:#2a2d33;--color-danger:#ff5a50;--color-disabled-bg:#26282d;--color-disabled-text:#63666d;--color-scrim:#0009;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 12px 32px #0000008c}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#121316;--color-surface:#1b1d21;--color-surface-raised:#24272c;--color-border:#34373d;--color-text:#f2f2f0;--color-text-muted:#a3a6ad;--color-text-inverse:#121316;--color-accent:#7aa2ff;--color-accent-hover:#9ab8ff;--color-accent-soft:#1d2a4a;--color-focus-ring:#7aa2ff;--color-ring-track:#2a2d33;--color-state-ok:#3ccf7a;--color-state-ok-soft:#173826;--color-state-warn:#f5b93a;--color-state-warn-soft:#3d2f12;--color-state-over:#ff5a50;--color-state-over-soft:#45191a;--color-state-paused:#a3a6ad;--color-state-paused-soft:#2a2d33;--color-danger:#ff5a50;--color-disabled-bg:#26282d;--color-disabled-text:#63666d;--color-scrim:#0009;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 12px 32px #0000008c}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-normal:0s;--duration-slow:0s;--blink-period-over:0s}}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:100%;line-height:var(--line-height-normal);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);margin:0}h1,h2,h3,h4,p,figure,ul,ol{margin:0}ul,ol{padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}svg{display:block}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.app{background:var(--color-bg);height:100dvh;color:var(--color-text);flex-direction:column;display:flex;position:relative;overflow:hidden;container:app/size}.screen{--settings-padding:var(--space-4);--settings-columns:1fr;--settings-gap:var(--space-4);--start-bar-direction:column;--start-bar-gap:var(--space-2);--start-width:100%;--start-min-width:0;--timer-padding:var(--space-4);--talk-title-size:var(--font-size-lg);--next-bell-size:var(--font-size-sm);--next-bell-prefix-display:none;--controls-flex:1 1 0;--controls-padding:var(--space-4);--kbd-hints-display:none;--fullscreen-display:none;--settings-col-display:contents;--sound-test-flex:1 1 100%;--sheet-align:end;--sheet-layer-padding:0;--sheet-radius:var(--radius-lg) var(--radius-lg) 0 0;--sheet-max-width:none;--sheet-grabber-display:block}@container app (width>=720px){.screen{--settings-padding:var(--space-6);--settings-columns:1fr 1fr;--settings-gap:var(--space-5);--start-bar-direction:row;--start-bar-gap:var(--space-5);--start-width:auto;--start-min-width:var(--start-button-min);--timer-padding:var(--space-5) var(--space-6);--talk-title-size:var(--font-size-xl);--next-bell-size:var(--font-size-md);--next-bell-prefix-display:inline;--controls-flex:none;--controls-padding:var(--space-7);--kbd-hints-display:flex;--fullscreen-display:inline-flex;--settings-col-display:flex;--sound-test-flex:none;--sheet-align:center;--sheet-layer-padding:var(--space-4);--sheet-radius:var(--radius-lg);--sheet-max-width:calc(var(--start-button-min) * 1.2);--sheet-grabber-display:none}}.splash{z-index:100;justify-content:center;align-items:center;gap:var(--space-4);background:var(--color-bg);color:var(--color-text-muted);flex-direction:column;display:flex;position:fixed;inset:0}.splash .mark{width:calc(var(--tap-target-lg) * 1.6);height:calc(var(--tap-target-lg) * 1.6);border-radius:var(--radius-lg);overflow:hidden}.splash .row{align-items:center;gap:var(--space-2);display:flex}.spinner{width:var(--icon-size);height:var(--icon-size);border-radius:var(--radius-full);border:var(--border-width-strong) solid var(--color-ring-track);border-top-color:var(--color-accent);animation:spin var(--spinner-period) linear infinite}@keyframes spin{to{transform:rotate(360deg)}}