.pd-root{--pd-vh:1vh;--ph:#b91c1c;--ph-ink:#fca5a5;--ph-tint:30%;--pd-base:#0b0d12;--pd-bg:color-mix(in srgb, var(--ph) var(--ph-tint), var(--pd-base));--pd-surface:color-mix(in srgb, #fff 7%, var(--pd-bg));--pd-surface-2:color-mix(in srgb, #fff 13%, var(--pd-bg));--pd-line:#cbd5e14d;--pd-fg:#f8fafc;--pd-muted:#c3c8d2;--pd-danger:#fca5a5;--pd-focus:#fbbf24;--pd-panel-bg:#151922;--pd-input-line:#8b919c;--pd-panel-2:#1d2230;--pd-seg-on:#f8fafc;--pd-seg-on-ink:#0b0d12;color:var(--pd-fg);background:var(--pd-bg);font-family:Inter,system-ui,-apple-system,Hiragino Sans,Noto Sans JP,PingFang SC,Microsoft YaHei,sans-serif;transition:background-color .5s;position:relative}.pd-root[data-phase=short]{--ph:#15803d;--ph-ink:#86efac}.pd-root[data-phase=long]{--ph:#1d4ed8;--ph-ink:#93c5fd}.pd-root[data-theme=light]{--ph-ink:#991b1b;--ph-tint:24%;--pd-base:#faf8f5;--pd-surface:#fff;--pd-surface-2:color-mix(in srgb, var(--ph) 8%, #f1efeb);--pd-line:#15181d2e;--pd-fg:#15181d;--pd-muted:#474c58;--pd-danger:#b91c1c;--pd-focus:#b45309;--pd-panel-bg:#fff;--pd-input-line:#7b818c;--pd-panel-2:#ecebe7;--pd-seg-on:#15181d;--pd-seg-on-ink:#fff}.pd-root[data-theme=light][data-phase=short]{--ph-ink:#166534}.pd-root[data-theme=light][data-phase=long]{--ph-ink:#1e40af}:root:has(.pd-root[data-theme=light]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body:has(.pd-root){background:#0b0d12}body:has(.pd-root[data-theme=light]){background:#faf8f5}body:has(.pd-root[data-theme=light]) .site-wrapper{--site-bg:#faf8f5;--site-ink:#15181d;--site-ink-2:#565b66;--site-line:#15181d1a}.pd-root *,.pd-root :before,.pd-root :after{box-sizing:border-box}.pd-root :focus-visible{outline:3px solid var(--pd-focus);outline-offset:2px}.pd-root [data-pointer-focus]:focus-visible{outline:none}.pd-sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pd-app{flex-direction:column;height:100dvh;min-height:240px;display:flex;overflow:hidden}.pd-header{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;display:flex}.pd-header-start,.pd-header-end{align-items:center;gap:6px;min-width:0;display:flex}.pd-brand{color:var(--pd-muted);white-space:nowrap;text-overflow:ellipsis;font-family:IBM Plex Sans JP,system-ui,sans-serif;font-size:15px;font-weight:600;overflow:hidden}.pd-main{min-height:0;padding:0 12px max(12px, env(safe-area-inset-bottom));flex-direction:column;flex:1;justify-content:safe center;align-items:center;gap:clamp(8px,2.2vh,28px);display:flex}.pd-btn,#help-modal-trigger.pd-btn{border:1px solid var(--pd-line);background:var(--pd-surface);min-width:44px;min-height:44px;color:var(--pd-fg);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;line-height:1;transition:background-color .15s,border-color .15s,transform 80ms;display:inline-flex}@media (hover:hover){.pd-btn:hover:not(:disabled){background:var(--pd-surface-2);border-color:var(--ph-ink)}}.pd-btn:active:not(:disabled){transform:translateY(1px)}.pd-btn:disabled{opacity:.45;cursor:default}.pd-btn.pd-icon,#help-modal-trigger.pd-btn{width:44px;padding:0}.pd-btn svg{flex:none}.pd-btn-text{white-space:nowrap}.pd-icon-sun{display:none}.pd-root[data-theme=light] .pd-icon-sun{display:block}.pd-root[data-theme=light] .pd-icon-moon{display:none}@media (width<=640px){.pd-header .pd-btn-text{display:none}.pd-header .pd-btn{width:44px;padding:0}}@media (width<=899px){.pd-brand{display:none}}.pd-phases{background:var(--pd-surface);border:1px solid var(--pd-line);border-radius:999px;gap:4px;max-width:100%;padding:4px;display:flex}.pd-phase-btn{min-width:0;min-height:44px;color:var(--pd-fg);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:0 clamp(10px,2.4vw,22px);font-size:clamp(13px,1.6vw,16px);font-weight:600;transition:background-color .15s}@media (hover:hover){.pd-phase-btn:hover{background:var(--pd-surface-2)}}.pd-phase-btn[aria-pressed=true],.pd-phase-btn[aria-pressed=true]:hover{background:var(--ph);color:#fff}.pd-phase-btn[data-confirm="1"],.pd-phase-btn[data-confirm="1"]:hover{background:color-mix(in srgb, var(--ph) 22%, transparent);box-shadow:inset 0 0 0 2px var(--ph-ink);outline:2px dashed var(--ph-ink);outline-offset:2px}.pd-clock{flex-direction:column;align-items:center;min-width:0;max-width:100%;display:flex}.pd-phase-name{color:var(--ph-ink);font-size:clamp(18px,4vh,48px);font-weight:700;line-height:1.2;display:block}.pd-time{--ts:clamp(56px, min(27vw, calc(var(--pd-vh) * 34)), 460px);--ts-h:min(var(--ts), clamp(44px, min(17vw, calc(var(--pd-vh) * 30)), 360px));height:var(--ts);font-variant-numeric:tabular-nums;letter-spacing:-.03em;white-space:nowrap;font-family:Inter,system-ui,sans-serif;font-weight:700;line-height:1;font-size:var(--ts);color:var(--pd-fg);justify-content:center;align-items:center;display:flex}.pd-root[data-hours="1"] .pd-time{font-size:var(--ts-h)}.pd-root[data-running="0"] .pd-time{opacity:.92}.pd-time[data-flash="1"]{animation:.35s ease-out pd-pop}@keyframes pd-pop{40%{opacity:.6;transform:scale(.97)}}.pd-progress{background:color-mix(in srgb, var(--pd-fg) 14%, transparent);border-radius:999px;width:min(100%,72vw,900px);height:clamp(10px,1.8vh,20px);margin-top:clamp(6px,1.6vh,20px);overflow:hidden}.pd-progress-fill{background:var(--ph-ink);transform-origin:0;width:100%;height:100%;transform:scaleX(0)}.pd-meta{color:var(--pd-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 22px;font-size:clamp(14px,1.6vw,17px);line-height:1.2;display:flex}.pd-round,.pd-today{align-items:center;gap:8px;display:inline-flex}.pd-today strong{color:var(--pd-fg);font-variant-numeric:tabular-nums;font-size:1.25em}.pd-dots{gap:5px;display:inline-flex}.pd-dot{border:2px solid var(--ph-ink);background:0 0;border-radius:50%;width:11px;height:11px}.pd-dot[hidden]{display:none}.pd-dot[data-state=done]{background:var(--ph-ink)}.pd-dot[data-state=now]{background:color-mix(in srgb, var(--ph-ink) 40%, transparent)}.pd-controls{justify-content:center;align-items:center;gap:clamp(10px,2vw,20px);display:flex}.pd-primary{background:var(--ph);border-color:var(--ph);color:#fff;min-width:clamp(140px,22vw,240px);min-height:clamp(52px,7vh,72px);font-size:clamp(18px,2.4vh,24px);font-weight:700}@media (hover:hover){.pd-primary:hover:not(:disabled){background:var(--ph);border-color:var(--pd-fg);filter:brightness(.9)}}.pd-side{min-height:clamp(48px,6vh,60px)}@media (width<=520px){.pd-side .pd-btn-text{display:none}.pd-side{width:52px;padding:0}}@media (height<=540px){.pd-header{padding-block:2px}.pd-main{gap:6px}.pd-phase-btn{min-height:44px}.pd-time{--ts:clamp(48px, min(22vw, calc(var(--pd-vh) * 30)), 200px)}.pd-root:not([data-zen="1"]) .pd-phase-name{display:none}.pd-root[data-zen="1"] .pd-phase-name{font-size:clamp(16px,5vh,24px)}.pd-notice{border-radius:10px;padding:4px 10px;font-size:12px;line-height:1.4}.pd-progress{margin-top:4px}.pd-primary{min-height:48px}}@media (width>=1600px) and (height>=900px){.pd-btn,#help-modal-trigger.pd-btn,.pd-phase-btn{min-height:52px;font-size:16px}.pd-btn.pd-icon,#help-modal-trigger.pd-btn{width:52px}}.pd-zen-exit{bottom:max(10px, env(safe-area-inset-bottom));z-index:30;opacity:.6;display:none;position:fixed;inset-inline-end:10px}.pd-zen-exit:focus-visible{opacity:1}@media (hover:hover){.pd-zen-exit:hover{opacity:1}}.pd-root[data-zen="1"] .pd-zen-exit{display:inline-flex}@media (width<=640px){.pd-zen-exit .pd-btn-text{display:none}.pd-zen-exit{width:44px;padding:0}}.pd-root[data-zen="1"] .pd-header,.pd-root[data-zen="1"] .pd-phases,.pd-root[data-zen="1"] #pd-reset,.pd-root[data-zen="1"] #pd-skip,.pd-root[data-zen="1"] .pd-below{display:none}.pd-notice{z-index:55;text-wrap:pretty;border:1px solid var(--ph-ink);background:var(--pd-panel-bg);width:max-content;max-width:min(760px,100vw - 32px);color:var(--pd-fg);text-align:center;border-radius:14px;margin-block:0;margin-inline:auto;padding:10px 16px;font-size:14px;line-height:1.5;position:fixed;top:64px;left:16px;right:16px;box-shadow:0 6px 20px #00000040}.pd-notice[data-yield="1"]{visibility:hidden}.pd-notice[hidden]{display:none}.pd-root[data-zen="1"] .pd-time{--ts:clamp(64px, min(27vw, calc(var(--pd-vh) * 46)), 560px);--ts-h:min(var(--ts), clamp(48px, min(19vw, calc(var(--pd-vh) * 40)), 440px))}.pd-root[data-zen="1"] .pd-primary{border-color:var(--pd-line);color:var(--pd-muted);background:0 0;min-height:48px;font-size:16px}.pd-root[data-zen="1"] .pd-primary:focus-visible{color:var(--pd-fg);filter:none;background:var(--pd-surface)}@media (hover:hover){.pd-root[data-zen="1"] .pd-primary:hover{color:var(--pd-fg);filter:none;background:var(--pd-surface)}}body:has(.pd-root[data-zen="1"]) .site-legalbar{display:none}.pd-zen-hint{z-index:30;background:var(--pd-panel-bg);border:1px solid var(--pd-line);color:var(--pd-muted);text-align:center;opacity:0;pointer-events:none;border-radius:18px;width:max-content;max-width:calc(100vw - 32px);padding:8px 14px;font-size:13px;line-height:1.4;position:fixed;top:18px;left:50%;transform:translate(-50%)}.pd-hint-touch{display:none}@media (pointer:coarse){.pd-hint-key{display:none}.pd-hint-touch{display:inline}}.pd-root[data-zen="1"] .pd-zen-hint{animation:3.4s forwards pd-hint}@keyframes pd-hint{0%,75%{opacity:.95}to{opacity:0}}.pd-below{border-top:1px solid var(--pd-line);background:var(--pd-base);padding:32px 16px 40px}.pd-container{gap:28px;max-width:920px;margin:0 auto;display:grid}.pd-page-title{margin:0 0 10px;font-family:IBM Plex Sans JP,system-ui,sans-serif;font-size:clamp(22px,3vw,30px);font-weight:600}.pd-page-desc{color:var(--pd-muted);margin:0;line-height:1.8}.pd-heading{margin:0 0 10px;font-size:18px;font-weight:700}.pd-list{color:var(--pd-muted);margin:0;padding-inline-start:1.3em;line-height:1.8}.pd-cases{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.pd-case{border:1px solid var(--pd-line);background:var(--pd-panel-bg);border-radius:12px;padding:14px 16px}.pd-case h3{margin:0 0 6px;font-size:15px}.pd-case p{color:var(--pd-muted);margin:0;font-size:14px;line-height:1.7}.pd-links{flex-wrap:wrap;gap:8px;display:flex}.pd-link{border:1px solid var(--pd-line);background:var(--pd-panel-bg);min-height:44px;color:var(--pd-fg);border-radius:999px;align-items:center;padding:0 14px;font-size:14px;text-decoration:none;display:inline-flex}@media (hover:hover){.pd-link:hover{border-color:var(--pd-fg)}}.pd-settings{top:0;bottom:0;z-index:50;background:var(--pd-panel-bg);width:min(380px,100vw);color:var(--pd-fg);border-inline-end:1px solid var(--pd-line);visibility:hidden;flex-direction:column;transition:transform .25s,box-shadow .25s,visibility 0s linear .25s;display:flex;position:fixed;inset-inline-start:0;transform:translate(-105%)}.pd-settings.open{visibility:visible;transition:transform .25s,box-shadow .25s,visibility;transform:none;box-shadow:0 0 40px #0006}.pd-settings .pd-btn{background:var(--pd-panel-bg)}@media (hover:hover){.pd-settings .pd-btn:hover:not(:disabled){background:var(--pd-panel-2)}}.pd-settings-head{border-bottom:1px solid var(--pd-line);justify-content:space-between;align-items:center;padding:10px 12px 10px 18px;display:flex}.pd-settings-head h2{margin:0;font-size:17px}.pd-settings-body{flex:1;padding:8px 18px 28px;overflow-y:auto}.pd-field{border:0;border-bottom:1px solid var(--pd-line);gap:10px;min-width:0;margin:0;padding:14px 0;display:grid}.pd-field legend{float:left;width:100%;margin-bottom:4px;padding:0;font-size:14px;font-weight:700}.pd-sub,.pd-note{color:var(--pd-muted);margin:0;font-size:13px;line-height:1.6}.pd-seg{background:var(--pd-panel-2);border-radius:12px;gap:4px;padding:3px;display:flex}.pd-seg-col{flex-direction:column}.pd-seg button{min-height:44px;color:var(--pd-fg);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:0 10px;font-size:14px;font-weight:600}@media (hover:hover){.pd-seg button:hover{background:color-mix(in srgb, var(--pd-fg) 10%, transparent)}}.pd-seg button[aria-pressed=true],.pd-seg button[aria-pressed=true]:hover{background:var(--pd-seg-on);color:var(--pd-seg-on-ink)}.pd-num-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;font-size:14px;display:grid}.pd-num-wrap{align-items:center;gap:6px;display:inline-flex}.pd-num-row input{border:1px solid var(--pd-input-line);background:var(--pd-panel-2);width:5.2em;min-height:44px;color:var(--pd-fg);font:inherit;text-align:end;border-radius:10px;padding:0 10px;font-size:16px}.pd-num-row input[aria-invalid]{border-color:var(--pd-danger);outline:1px solid var(--pd-danger)}#pd-notify-status{min-height:3.2em}.pd-unit{min-width:2.2em;color:var(--pd-muted);font-size:13px}.pd-error{color:var(--pd-danger);grid-column:1/-1;margin:0;font-size:13px;font-weight:600}.pd-error[hidden]{display:none}.pd-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:14px;line-height:1.4;display:flex}.pd-check input{width:22px;height:22px;accent-color:var(--ph);flex:none}.pd-check input:disabled+span{opacity:.55}.pd-volume{grid-template-columns:auto minmax(0,1fr) 3ch;align-items:center;gap:10px;min-height:44px;font-size:14px;display:grid}.pd-volume input{width:100%;min-height:32px;accent-color:var(--ph)}.pd-volume output{text-align:end;font-variant-numeric:tabular-nums;color:var(--pd-muted)}.pd-wide{white-space:normal;width:100%;padding-block:8px;line-height:1.3}#pd-test-sound[data-playing="1"]{border-color:var(--ph-ink)}.pd-backdrop{z-index:40;opacity:0;pointer-events:none;background:#00000073;transition:opacity .2s;position:fixed;inset:0}.pd-backdrop.visible{opacity:1;pointer-events:auto}.pd-toast{z-index:60;text-align:center;background:var(--pd-fg);width:max-content;max-width:calc(100vw - 32px);color:var(--pd-base);opacity:0;pointer-events:none;border-radius:18px;margin-inline:auto;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.4;transition:opacity .2s,transform .2s;position:fixed;top:64px;left:16px;right:16px;transform:translateY(-8px)}.pd-toast.show{opacity:1;transform:none}.pd-panel-msg{background:var(--pd-panel-2);border:1px solid var(--ph-ink);border-radius:10px;flex:1;min-width:0;margin:0 8px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.4}.pd-panel-msg[hidden]{display:none}.pd-settings-body{overscroll-behavior:contain}@media (prefers-reduced-motion:reduce){.pd-root *,.pd-root :before,.pd-root :after{transition:none!important}.pd-root{transition:none}.pd-time[data-flash="1"]{opacity:.7;animation:none}}.pd-root:not(.pd-ready),.pd-root:not(.pd-ready) *,.pd-root:not(.pd-ready) :before,.pd-root:not(.pd-ready) :after{transition:none!important}@media (height<=460px){.pd-root[data-zen="1"] .pd-time{--ts:clamp(44px, min(22vw, calc(var(--pd-vh) * 34)), 220px);--ts-h:min(var(--ts), clamp(40px, min(15vw, calc(var(--pd-vh) * 30)), 200px))}.pd-root[data-zen="1"] .pd-main{gap:4px;padding-top:48px}}.pd-root .pd-side[data-confirm="1"],.pd-root .pd-side[data-confirm="1"]:hover,.pd-root .pd-settings .pd-wide[data-confirm="1"],.pd-root .pd-settings .pd-wide[data-confirm="1"]:hover{border-color:var(--ph-ink);box-shadow:inset 0 0 0 2px var(--ph-ink)}@media (width<=400px){.pd-toast{padding:8px 12px;font-size:13px}}.pd-root .pd-zen-hint[data-off="1"]{opacity:0!important;animation:none!important}@media (width<=480px){.pd-meta{flex-direction:column;gap:2px}.pd-round{flex-direction:column;gap:4px}}@media (width>=481px) and (width<=760px) and (height>=461px){.pd-meta{align-content:center;min-height:3.6em}}.pd-root .pd-btn[hidden]{display:none}@media (height<=460px){.pd-notice{border-radius:10px;padding:4px 10px;font-size:12px;line-height:1.4}}.pd-notice{word-break:auto-phrase}.pd-nowrap{white-space:nowrap}.pd-zen-hint:lang(ja),.pd-zen-hint:lang(zh){word-break:keep-all;overflow-wrap:anywhere}@media (width>=481px) and (height<=540px){.pd-meta{white-space:nowrap;flex-wrap:nowrap;gap:4px 14px;font-size:13px}.pd-dots{gap:3px}.pd-dot{border-width:1.5px;width:8px;height:8px}}@media (pointer:coarse){#pd-shortcuts{display:none}}@media (height<=460px){.pd-toast{padding:4px 10px;font-size:12px;line-height:1.4}}@media (height<=540px){.pd-header .pd-btn,.pd-header #help-modal-trigger.pd-btn{min-height:clamp(40px,6.67vh + 17.322px,44px)}.pd-header .pd-btn.pd-icon,.pd-header #help-modal-trigger.pd-btn{width:clamp(40px,6.67vh + 17.322px,44px)}.pd-main{padding-bottom:max(clamp(6px, calc(6px + (100vh - 340px) * .1), 12px), env(safe-area-inset-bottom));gap:5px}.pd-phases{padding:clamp(2px,3.33vh - 9.322px,4px)}.pd-phase-btn{min-height:clamp(36px,13.33vh - 9.322px,44px)}.pd-root:not([data-zen="1"]) .pd-time{--ts:clamp(34px, min(22vw, calc(var(--pd-vh) * 30), calc(var(--pd-vh) * 26 + clamp(0px, (100vh - 340px) * .3, 60px))), 200px)}.pd-progress{height:clamp(8px,3.33vh - 3.322px,10px);margin-top:clamp(3px,1.67vh - 2.678px,4px)}.pd-primary,.pd-side{min-height:clamp(40px,13.33vh - 5.322px,48px)}}@media (height<=340px){.pd-root[data-zen="1"] .pd-main{padding-top:40px}.pd-root[data-zen="1"] .pd-time{--ts:clamp(40px, min(22vw, calc(var(--pd-vh) * 32)), 200px)}.pd-root[data-zen="1"] .pd-primary{min-height:40px}}.pd-root:not([data-zen="1"]){--pd-band-pad:0px;--pd-shrink:0px;--pd-vh:calc((100vh - var(--pd-shrink)) / 100)}.pd-root:not([data-zen="1"]) .pd-main{padding-top:var(--pd-band-pad)}.pd-root[data-notice-form=short] .pd-notice{border-radius:10px;padding:4px 10px;font-size:12px;line-height:1.4}.pd-notice.pd-notice-measure{visibility:hidden;pointer-events:none;z-index:-1;top:0}@media (width<=480px) and (height<=540px){.pd-meta{flex-flow:wrap;align-content:center;gap:0 10px;min-height:2.925em;font-size:12px;line-height:1.3}.pd-round,.pd-today{white-space:nowrap}.pd-round{flex-direction:row;gap:4px}.pd-dots{gap:3px}.pd-dot{border-width:1.5px;width:8px;height:8px}}