.timer-wrap{max-width:1100px;margin:20px auto 0;padding:0 16px}.timer-stage{position:relative;background:#0f172a;color:#f8fafc;border-radius:16px;padding:24px 16px 20px;text-align:center;overflow:hidden;transition:background-color .6s ease,color .6s ease}.timer-stage.warn{background:#eab308;color:#1c1917}.timer-stage.danger{background:#dc2626;color:#fff}.timer-stage.finished:not(.fx-classic){background:#1f4e46;color:#f0fdfa}.timer-stage.end-quiet .timer-display{font-size:clamp(56px,14vw,180px)}.timer-stage.end-quiet.is-fullscreen .timer-display{font-size:min(20vw,40vh)}.timer-stage.end-quiet[data-view] .vis-circle,.timer-stage.end-quiet[data-view] .vis-bar{display:none}.timer-stage{--vis-color: #38bdf8;--vis-track: #334155}.timer-stage[data-color=green]{--vis-color: #34d399}.timer-stage[data-color=orange]{--vis-color: #fb923c}.timer-visual{display:flex;flex-direction:column;align-items:center;width:100%}.vis-circle,.vis-bar{display:none}.timer-stage[data-view=circle] .vis-circle{display:block;width:min(60vw,300px);height:auto;margin:6px auto 0}.vis-track{fill:var(--vis-track)}.vis-pie-full,.vis-pie{fill:var(--vis-color)}.timer-stage[data-view=bar] .vis-bar{display:block;width:min(100%,880px);height:clamp(36px,8vw,72px);background:var(--vis-track);border-radius:999px;overflow:hidden;margin:14px auto 6px}.vis-bar-fill{height:100%;width:100%;background:var(--vis-color);border-radius:999px;margin-left:0}.timer-stage[data-view=circle] .timer-display,.timer-stage[data-view=bar] .timer-display{font-size:clamp(48px,10vw,110px)}.timer-stage[data-view=circle].has-hours .timer-display,.timer-stage[data-view=bar].has-hours .timer-display{font-size:clamp(40px,8vw,90px)}.timer-stage.hide-num .timer-display{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.timer-stage.is-fullscreen[data-view=circle] .vis-circle{width:min(66vh,80vw)}.timer-stage.is-fullscreen[data-view=bar] .vis-bar{width:88vw;height:14vh}.timer-stage.is-fullscreen[data-view=circle] .timer-display,.timer-stage.is-fullscreen[data-view=bar] .timer-display{font-size:min(14vw,18vh)}.timer-stage.is-fullscreen[data-view=circle].has-hours .timer-display,.timer-stage.is-fullscreen[data-view=bar].has-hours .timer-display{font-size:min(11vw,15vh)}.timer-status{font-size:16px;color:inherit;opacity:.75;min-height:1.5em;margin:0 0 2px}.timer-display{font-family:Helvetica Neue,Segoe UI,Arial,sans-serif;font-weight:900;font-variant-numeric:tabular-nums;font-size:clamp(80px,17vw,230px);line-height:1.08;letter-spacing:.01em;color:inherit;user-select:none;-webkit-user-select:none;cursor:default}.timer-stage.has-hours .timer-display{font-size:clamp(56px,12vw,170px)}.timer-stage.finished.fx-classic .timer-display{animation:timer-blink .9s steps(2,jump-none) 6}.timer-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.timer-stage.finished.fx-classic .timer-flash{animation:timer-flash .45s ease-in-out 8}@keyframes timer-flash{0%,to{opacity:0}50%{opacity:.8}}@keyframes timer-blink{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion: reduce){.timer-stage.finished.fx-classic .timer-flash{animation:timer-flash .45s ease-in-out 2}.timer-stage.finished.fx-classic .timer-display{animation:none}}.timer-controls{position:relative;color:inherit;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.timer-controls button{appearance:none;border:1px solid rgba(255,255,255,.35);background:#ffffff1f;color:inherit;font-size:16px;font-weight:600;padding:10px 18px;border-radius:10px;cursor:pointer;min-height:44px;transition:background-color .15s}.timer-stage.warn .timer-controls button{border-color:#00000059;background:#0000001a}.timer-controls button:hover{background:#ffffff38}.timer-controls .btn-primary{font-size:19px;padding:10px 34px;background:#3b82f6;border-color:#3b82f6;color:#fff}.timer-controls .btn-primary:hover{background:#2563eb}.timer-controls .mute-btn{display:inline-flex;align-items:center;gap:6px}.timer-controls .mute-ic,.timer-controls .mute-txt-on,.timer-controls .mute-txt-off{color:inherit}.timer-controls .mute-ic{width:18px;height:18px;flex-shrink:0}.timer-controls .mute-ic-off,.timer-controls .mute-txt-off,.timer-controls .mute-btn.is-muted .mute-ic-on,.timer-controls .mute-btn.is-muted .mute-txt-on{display:none}.timer-controls .mute-btn.is-muted .mute-ic-off{display:block}.timer-controls .mute-btn.is-muted .mute-txt-off{display:inline}.timer-stage.is-fullscreen{border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:0}.timer-stage.is-fullscreen .timer-display{font-size:min(29vw,56vh)}.timer-stage.is-fullscreen.has-hours .timer-display{font-size:min(20vw,44vh)}.timer-stage.is-fullscreen .timer-status{position:absolute;top:20px;left:0;right:0;font-size:20px;opacity:.55}.timer-stage.is-fullscreen .timer-controls{position:absolute;bottom:28px;left:0;right:0;margin-top:0;opacity:.3;transition:opacity .25s}.timer-stage.is-fullscreen .timer-controls:hover,.timer-stage.is-fullscreen .timer-controls:focus-within{opacity:1}.timer-settings{max-width:800px;margin:20px auto 0;display:flex;flex-direction:column;gap:14px}.mode-switch{display:inline-flex;align-self:center;border:1px solid #cbd5e1;border-radius:10px;overflow:hidden}.mode-switch button{appearance:none;border:none;background:#fff;color:#475569;font-size:14px;font-weight:600;padding:9px 18px;cursor:pointer;min-height:40px}.mode-switch button[aria-pressed=true]{background:#1e293b;color:#fff}.preset-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.preset-row button{appearance:none;border:1px solid #cbd5e1;background:#fff;color:#1e293b;font-size:17px;font-weight:700;padding:10px 20px;border-radius:10px;cursor:pointer;min-height:46px;min-width:72px;transition:background-color .15s,border-color .15s}.preset-row button:hover{border-color:#3b82f6}.preset-row button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.custom-row{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.custom-row .custom-label{font-size:14px;color:#64748b}.custom-row input[type=number]{width:80px;font-size:18px;font-weight:600;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;text-align:right;color:#1e293b;background:#fff;box-sizing:border-box;min-height:44px}.custom-row .unit{font-size:15px;color:#475569}.custom-row .btn-set{appearance:none;border:1px solid #1e293b;background:#1e293b;color:#fff;font-size:15px;font-weight:600;padding:9px 20px;border-radius:8px;cursor:pointer;min-height:44px}.custom-row .btn-set:hover{background:#334155}.opt-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px}.opt-group{display:flex;flex-direction:column;align-items:center;gap:4px}.opt-label{font-size:13px;color:#475569}.opt-grid .mode-switch button{font-size:14px}.timer-settings.mode-up .opt-grid,.timer-settings.mode-up .preset-row,.timer-settings.mode-up .custom-row{display:none}.kbd-hint{text-align:center;font-size:13px;color:#64748b;margin:0}.kbd-hint kbd{display:inline-block;border:1px solid #cbd5e1;border-bottom-width:2px;border-radius:5px;background:#f8fafc;color:#334155;font-size:12px;font-family:inherit;padding:1px 7px;margin:0 2px}@media (max-width: 600px){.timer-stage{padding:18px 10px 16px}.timer-display{font-size:clamp(64px,21vw,140px)}.timer-controls .btn-primary{font-size:17px;padding:10px 24px}}@media screen and (max-width: 600px){.timer-controls{margin-top:12px}.timer-controls button,.timer-controls .btn-primary{padding:10px;min-height:var(--tap-min);box-sizing:border-box}.timer-settings{gap:12px}.mode-switch button{padding:9px 10px;min-height:var(--tap-min);box-sizing:border-box}.preset-row button{box-sizing:border-box}.custom-row .btn-set{padding:9px 10px;min-height:var(--tap-min);box-sizing:border-box}}.page-description[data-astro-cid-ofn2i3jj]{max-width:800px;margin:0 auto 10px;padding:0 20px;font-size:15px;color:#333}