@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Noto+Sans+JP:wght@300;400;500&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--tyt-font-ja:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--tyt-font-latin:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tyt-font-sans:var(--tyt-font-latin), var(--tyt-font-ja);--tyt-font-body:var(--tyt-font-sans);--tyt-font-display:var(--tyt-font-sans);--tyt-font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--tyt-color-canvas:#f3f4f6;--tyt-color-surface:#fbfbfc;--tyt-color-surface-subtle:color-mix(in srgb, var(--tyt-color-surface) 88%, var(--tyt-color-text));--tyt-color-text:#101114;--tyt-color-text-muted:#696d75;--tyt-color-border:#d1d4da;--tyt-color-border-strong:#989da6;--tyt-color-primary:#0866e5;--tyt-color-primary-hover:#0058cb;--tyt-color-on-primary:#fff;--tyt-color-accent:#e9eef8;--tyt-color-timer:#f04424;--tyt-color-danger:#d92d20;--tyt-color-warning:#f04424;--tyt-color-success:#1b6b43;--tyt-color-focus:#0866e5;--tyt-color-success-surface:color-mix(in srgb, var(--tyt-color-success) 8%, var(--tyt-color-surface));--tyt-color-warning-surface:color-mix(in srgb, var(--tyt-color-warning) 8%, var(--tyt-color-surface));--tyt-color-danger-surface:color-mix(in srgb, var(--tyt-color-danger) 8%, var(--tyt-color-surface));--tyt-space-1:.28rem;--tyt-space-2:.56rem;--tyt-space-3:.84rem;--tyt-space-4:1.12rem;--tyt-space-5:1.4rem;--tyt-space-6:1.68rem;--tyt-space-8:2.24rem;--tyt-space-10:2.8rem;--tyt-space-12:3.36rem;--tyt-space-16:4.48rem;--tyt-space-20:5.6rem;--tyt-space-24:6.72rem;--tyt-radius-sm:.125rem;--tyt-radius-md:.2rem;--tyt-radius-lg:.35rem;--tyt-radius-pill:100vmax;--tyt-shadow-sm:none;--tyt-shadow-md:none;--tyt-border-width:.64px;--tyt-divider-width:.64px;--tyt-component-padding:var(--tyt-space-8);--tyt-layout-gap:var(--tyt-space-6);--tyt-flow-space:var(--tyt-space-6);--tyt-control-min-height:3.136rem;--tyt-control-padding-block:.762rem;--tyt-control-padding-inline:1.288rem;--tyt-control-sm-min-height:2.52rem;--tyt-control-sm-padding-block:.538rem;--tyt-control-sm-padding-inline:.896rem;--tyt-control-xs-min-height:2.1rem;--tyt-control-xs-padding-block:.336rem;--tyt-control-xs-padding-inline:.65rem;--tyt-control-lg-min-height:3.64rem;--tyt-control-lg-padding-block:.918rem;--tyt-control-lg-padding-inline:1.568rem;--tyt-input-padding-block:.84rem;--tyt-input-padding-inline:1.008rem;--tyt-input-min-height:3.36rem;--tyt-input-border-width:var(--tyt-border-width);--tyt-input-border-color:color-mix(in srgb, var(--tyt-color-border) 82%, var(--tyt-color-text));--tyt-input-border-hover:var(--tyt-color-text-muted);--tyt-input-background:color-mix(in srgb, var(--tyt-color-surface) 94%, transparent);--tyt-input-radius:3px;--tyt-button-radius:var(--tyt-radius-md);--tyt-button-border-width:var(--tyt-border-width);--tyt-button-font-size:.84rem;--tyt-button-font-size-sm:.75rem;--tyt-button-font-weight:500;--tyt-button-letter-spacing:.015em;--tyt-button-line-height:1.2;--tyt-button-primary-border:var(--tyt-color-primary);--tyt-button-secondary-border:color-mix(in srgb, var(--tyt-color-border) 82%, var(--tyt-color-text));--tyt-button-secondary-background:transparent;--tyt-button-danger-border:var(--tyt-color-danger);--tyt-button-danger-background:var(--tyt-color-danger);--tyt-button-danger-background-hover:color-mix(in srgb, var(--tyt-color-danger) 88%, var(--tyt-color-text));--tyt-button-danger-color:var(--tyt-color-on-primary);--tyt-control-gap:var(--tyt-space-2);--tyt-field-gap:var(--tyt-space-2);--tyt-field-label-size:.86rem;--tyt-field-label-weight:400;--tyt-field-meta-size:.82rem;--tyt-focus-ring-size:3px;--tyt-focus-ring-offset:2px;--tyt-focus-ring-color:color-mix(in srgb, var(--tyt-color-focus) 18%, transparent);--tyt-card-border:color-mix(in srgb, var(--tyt-color-text) 26%, transparent);--tyt-card-radius:var(--tyt-radius-md);--tyt-card-shadow:var(--tyt-shadow-sm);--tyt-transition-fast:.225s cubic-bezier(.2, .8, .2, 1);--tyt-transition-base:.519s cubic-bezier(.2, .7, .2, 1)}body{--tyt-app-ink:var(--tyt-color-text);--tyt-app-muted:var(--tyt-color-text-muted);--tyt-app-line:var(--tyt-color-border);--tyt-app-line-strong:var(--tyt-color-border-strong);--tyt-app-paper:var(--tyt-color-canvas);--tyt-app-white:var(--tyt-color-on-primary);--tyt-app-deep:var(--tyt-color-text);--tyt-app-navy:var(--tyt-color-text);--tyt-app-accent:var(--tyt-color-primary);--tyt-app-accent-fg:var(--tyt-color-on-primary);--tyt-app-accent-dark:var(--tyt-color-primary-hover);--tyt-app-accent-soft:var(--tyt-color-accent);--tyt-app-focus:var(--tyt-color-focus);--tyt-app-pale:var(--tyt-color-surface-subtle);--tyt-app-cream:var(--tyt-color-accent);--tyt-app-danger:var(--tyt-color-danger);--tyt-app-danger-fg:var(--tyt-color-on-primary);--tyt-app-warn:var(--tyt-color-warning);--tyt-app-ok:var(--tyt-color-success);--tyt-app-ok-soft:var(--tyt-color-success-surface);--tyt-app-warn-soft:var(--tyt-color-warning-surface);--tyt-app-danger-soft:var(--tyt-color-danger-surface);--tyt-app-clock-neutral:var(--tyt-color-timer);--tyt-app-clock-warn:var(--tyt-color-warning);--tyt-app-clock-danger:var(--tyt-color-danger);--tyt-app-clock-warn-soft:var(--tyt-color-warning-surface);--tyt-app-clock-danger-soft:var(--tyt-color-danger-surface);--tyt-app-shadow-sm:var(--tyt-shadow-sm);--tyt-app-shadow-lg:var(--tyt-shadow-md);--tyt-app-radius-sm:var(--tyt-radius-sm);--tyt-app-radius-md:var(--tyt-radius-md);--tyt-app-radius-lg:var(--tyt-radius-lg);--tyt-app-page-soft-bg:var(--tyt-color-canvas);--tyt-app-header-bg:var(--tyt-color-surface);--tyt-app-panel-bg:var(--tyt-color-surface);--tyt-app-panel-raised:var(--tyt-color-surface);--tyt-app-input-bg:var(--tyt-input-background);--tyt-app-solid-bg:var(--tyt-color-primary);--tyt-app-solid-fg:var(--tyt-color-on-primary);--tyt-app-color-subtle-border:color-mix(in srgb, var(--tyt-color-border) 82%, var(--tyt-color-text));--tyt-app-color-primary-soft:color-mix(in srgb, var(--tyt-color-primary) 8%, var(--tyt-color-surface));--tyt-app-color-primary-border:color-mix(in srgb, var(--tyt-color-primary) 24%, var(--tyt-color-border));--tyt-app-color-danger-border:color-mix(in srgb, var(--tyt-color-danger) 35%, var(--tyt-color-border));--tyt-app-color-scrim:color-mix(in srgb, var(--tyt-color-text) 84%, transparent);--tyt-app-color-scrim-strong:color-mix(in srgb, var(--tyt-color-text) 92%, transparent);--tyt-app-color-scrim-clear:color-mix(in srgb, var(--tyt-color-text) 0%, transparent);--tyt-app-color-overlay-text-shadow:color-mix(in srgb, var(--tyt-color-text) 38%, transparent);--tyt-app-qr-surface:var(--tyt-color-surface)}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tyt-color-canvas:#0f141c;--tyt-color-surface:#171e29;--tyt-color-surface-subtle:#1c2431;--tyt-color-text:#e8edf5;--tyt-color-text-muted:#a5b0c0;--tyt-color-border:#2a3544;--tyt-color-border-strong:#3a4658;--tyt-color-primary:#e8edf5;--tyt-color-primary-hover:#fff;--tyt-color-on-primary:#0f141c;--tyt-color-accent:#27313f;--tyt-color-danger:#ff8a82;--tyt-color-warning:#f0bf66;--tyt-color-success:#7fd4a8;--tyt-color-focus:#8ab7ff;--tyt-color-success-surface:color-mix(in srgb, var(--tyt-color-success) 14%, var(--tyt-color-surface));--tyt-color-warning-surface:color-mix(in srgb, var(--tyt-color-warning) 14%, var(--tyt-color-surface));--tyt-color-danger-surface:color-mix(in srgb, var(--tyt-color-danger) 14%, var(--tyt-color-surface));--tyt-input-border-color:color-mix(in srgb, var(--tyt-color-border) 82%, var(--tyt-color-text));--tyt-input-border-hover:var(--tyt-color-text-muted);--tyt-input-background:color-mix(in srgb, var(--tyt-color-surface) 94%, transparent)}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;font-family:var(--tyt-font-body);color:var(--tyt-app-ink);letter-spacing:-.012em;background:var(--tyt-app-paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.9}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;word-break:keep-all;font-weight:300;line-height:1.5}h1{letter-spacing:0;font-size:2.25rem}h2{font-size:1.1rem}h3{text-transform:none;color:var(--tyt-app-muted);font-size:.82rem;font-weight:400}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--tyt-app-focus);outline-offset:2px}.status{color:var(--tyt-app-muted);font-size:.92rem}.visually-hidden{width:1px;height:1px;margin:calc(var(--tyt-space-1) * -1);clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.clock-wrap.is-paused{outline:3px solid color-mix(in srgb, var(--tyt-app-warn) 65%, transparent);outline-offset:-3px}.eyebrow{color:var(--tyt-app-accent-dark);text-transform:none;letter-spacing:0;font-size:.72rem;font-weight:500}.app-header{justify-content:space-between;align-items:flex-start;gap:var(--tyt-space-4);margin-bottom:var(--tyt-space-5);flex-wrap:wrap;display:flex}.app-header .title-block{gap:var(--tyt-space-1);display:grid}.app-header .actions{gap:var(--tyt-space-2);flex-wrap:wrap;display:flex}.clock-wrap{place-items:center;min-height:280px;display:grid;position:relative}.clock-wrap.large{min-height:420px}.clock{width:min(70vw,320px);transform:rotate(-90deg)}.clock-track,.clock-progress{fill:none;stroke-width:10px}.clock-track{stroke:var(--tyt-app-line)}.clock-progress{stroke:var(--tyt-app-clock-neutral);stroke-linecap:round;transition:stroke .2s}.clock-wrap[data-tone=warn] .clock-track{stroke:var(--tyt-app-clock-warn-soft)}.clock-wrap[data-tone=warn] .timer{color:var(--tyt-app-warn)}.clock-wrap[data-tone=danger] .clock-track{stroke:var(--tyt-app-clock-danger-soft)}.clock-wrap[data-tone=danger] .timer{color:var(--tyt-app-danger)}.clock-wrap.is-overtime{background:var(--tyt-app-clock-danger-soft);border-radius:50%}.clock-wrap.is-overtime .timer{color:var(--tyt-app-danger)}.clock-center{text-align:center;position:absolute}.timer{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:4.5rem;font-weight:300}.hidden{display:none!important}.toast-stack{z-index:40;gap:var(--tyt-space-2);pointer-events:none;width:min(360px,100vw - 1.5rem);display:grid;position:fixed;bottom:clamp(.75rem,2vw,1.25rem);right:clamp(.75rem,2vw,1.25rem)}.toast{pointer-events:auto;padding:var(--tyt-space-3) var(--tyt-space-3);border-radius:var(--tyt-app-radius-sm);border:1px solid var(--tyt-app-line);background:var(--tyt-app-solid-bg);color:var(--tyt-app-solid-fg);box-shadow:var(--tyt-app-shadow-lg);opacity:0;cursor:pointer;font-size:.9rem;line-height:1.5;transition:opacity .2s,transform .2s;transform:translateY(8px)}.toast.is-visible{opacity:1;transform:translateY(0)}.toast--error{background:var(--tyt-app-danger);border-color:var(--tyt-app-danger)}.toast--success{background:var(--tyt-app-ok);border-color:var(--tyt-app-ok)}code{padding:var(--tyt-space-1) var(--tyt-space-1);border-radius:var(--tyt-app-radius-sm);background:var(--tyt-app-pale);border:1px solid var(--tyt-app-line);font-size:.92em}.theme-toggle{min-height:40px;font-size:.82rem}.theme-toggle[aria-pressed=true]{background:var(--tyt-app-accent);border-color:var(--tyt-app-accent);color:var(--tyt-app-accent-fg)}@media (prefers-reduced-motion:reduce){button{transition-duration:.01ms}button:active:not(:disabled){transform:none}}@media (width<=800px){body{background:var(--tyt-app-paper)}.clock{width:min(84vw,320px)}.timer{font-size:3rem}}.tyt-stack{gap:var(--tyt-space-6);flex-direction:column;display:flex}.tyt-stack--sm{gap:var(--tyt-space-3)}.tyt-stack--lg{gap:var(--tyt-space-10)}.tyt-stack--xl{gap:var(--tyt-space-16)}.tyt-cluster{align-items:center;gap:var(--tyt-space-3);flex-wrap:wrap;display:flex}.tyt-card{align-items:stretch;gap:var(--tyt-space-5);padding:var(--tyt-component-padding);border:var(--tyt-border-width) solid var(--tyt-card-border);border-radius:var(--tyt-card-radius);background:var(--tyt-color-surface);box-shadow:var(--tyt-card-shadow);flex-direction:column;display:flex}.tyt-card--featured{border-color:var(--tyt-color-text)}.tyt-button{justify-content:center;align-items:center;gap:var(--tyt-control-gap);min-height:var(--tyt-control-min-height);padding:var(--tyt-control-padding-block) var(--tyt-control-padding-inline);border:var(--tyt-button-border-width) solid transparent;border-radius:var(--tyt-button-radius);color:var(--tyt-color-text);font-size:var(--tyt-button-font-size);font-weight:var(--tyt-button-font-weight);letter-spacing:var(--tyt-button-letter-spacing);line-height:var(--tyt-button-line-height);transition:transform var(--tyt-transition-fast), background-color var(--tyt-transition-fast), border-color var(--tyt-transition-fast);background:0 0;text-decoration:none;display:inline-flex}.tyt-button:hover:not(:disabled){transform:translateY(calc(var(--tyt-motion-distance,.72px) * -1))}.tyt-button:disabled{cursor:not-allowed;opacity:.45}.tyt-button--primary{border-color:var(--tyt-button-primary-border);background:var(--tyt-color-primary);color:var(--tyt-color-on-primary)}.tyt-button--primary:hover:not(:disabled){background:var(--tyt-color-primary-hover)}.tyt-button--secondary{border-color:var(--tyt-color-primary);background:var(--tyt-button-secondary-background);color:var(--tyt-color-primary)}.tyt-button--secondary:hover:not(:disabled),.tyt-button--ghost:hover:not(:disabled){background:var(--tyt-color-surface-subtle)}.tyt-button--ghost{background:0 0}.tyt-button--tyt-app-danger{border-color:var(--tyt-button-danger-border);background:var(--tyt-button-danger-background);color:var(--tyt-button-danger-color)}.tyt-button--sm{min-height:var(--tyt-control-sm-min-height);padding:var(--tyt-control-sm-padding-block) var(--tyt-control-sm-padding-inline);font-size:var(--tyt-button-font-size-sm)}.tyt-button--block{inline-size:100%}.tyt-button--icon{inline-size:var(--tyt-control-min-height);padding-inline:0}.tyt-field{gap:var(--tyt-field-gap);display:grid}.tyt-field__label{color:var(--tyt-color-text-muted);font-size:var(--tyt-field-label-size);font-weight:var(--tyt-field-label-weight)}.tyt-field__error{color:var(--tyt-color-danger);font-size:var(--tyt-field-meta-size)}.tyt-input,.tyt-textarea{width:100%;min-height:var(--tyt-input-min-height);padding:var(--tyt-input-padding-block) var(--tyt-input-padding-inline);border:var(--tyt-input-border-width) solid var(--tyt-input-border-color);border-radius:var(--tyt-input-radius);background:var(--tyt-input-background);color:var(--tyt-color-text)}.tyt-input:hover,.tyt-textarea:hover{border-color:var(--tyt-input-border-hover)}.tyt-input:focus,.tyt-textarea:focus{border-color:var(--tyt-color-focus);box-shadow:0 0 0 var(--tyt-focus-ring-size) var(--tyt-focus-ring-color);outline:0}.tyt-badge{min-height:var(--tyt-control-sm-min-height);padding-inline:var(--tyt-space-3);border:var(--tyt-border-width) solid var(--tyt-color-border);border-radius:var(--tyt-radius-pill);background:var(--tyt-color-surface);color:var(--tyt-color-text-muted);align-items:center;font-size:.75rem;display:inline-flex}.tyt-badge--warning{border-color:color-mix(in srgb, var(--tyt-color-warning) 35%, var(--tyt-color-border));background:var(--tyt-color-warning-surface);color:var(--tyt-color-warning)}.tyt-badge--tyt-app-danger{border-color:color-mix(in srgb, var(--tyt-color-danger) 35%, var(--tyt-color-border));background:var(--tyt-color-danger-surface);color:var(--tyt-color-danger)}.tyt-badge--tyt-app-accent{border-color:color-mix(in srgb, var(--tyt-color-primary) 24%, var(--tyt-color-border));background:color-mix(in srgb, var(--tyt-color-primary) 8%, var(--tyt-color-surface));color:var(--tyt-color-primary)}