.timer-page{--timer-accent:#285c50;--timer-bg:#f7f6f0;--timer-card:#fff;--timer-ink:#203b3c;--timer-muted:#516665;--timer-border:#d7ded6;--timer-danger:#b42332;--timer-signal-ink:#fff;--timer-warning:#885b0d;padding:2rem 0 3rem;background:var(--timer-bg);color:var(--timer-ink)}.timer-page *,.timer-page ::after,.timer-page ::before{box-sizing:border-box}.timer-container{max-width:1240px;padding:0 28px;margin:auto}.timer-header{margin-bottom:2rem}.timer-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--timer-muted);font-size:.9rem}.timer-heading{margin-top:1rem}.timer-eyebrow{margin:0 0 .6rem;color:var(--timer-accent);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.timer-title{margin:0;font-size:clamp(2rem, 4vw, 3.3rem);line-height:1.15;letter-spacing:-.04em;color:var(--timer-ink)}.timer-title span{color:#ac6824}.timer-subtitle{margin:.8rem 0 0;color:var(--timer-muted);line-height:1.6}.timer-workshop{display:grid;grid-template-columns:310px minmax(0,1fr);grid-template-areas:'settings clock' 'settings options';gap:16px;align-items:start}.timer-settings{grid-area:settings;padding:20px;background:var(--timer-card);border:1px solid var(--timer-border);border-radius:20px}.timer-modes{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:1.6rem}.preset-btn,.timer-mode-btn{cursor:pointer;border:1px solid var(--timer-border);background:var(--timer-bg);color:var(--timer-ink);border-radius:10px;font:inherit}.timer-mode-btn{min-height:44px;padding:10px 8px;text-align:left;font-weight:700;font-size:.87rem}.timer-mode-btn i{margin:0 6px}.preset-btn.active,.timer-mode-btn.active{color:#fff;background:var(--timer-accent);border-color:var(--timer-accent)}.timer-presets h2{margin:0 0 .8rem;font-size:.88rem;font-weight:700;color:var(--timer-muted)}.timer-presets h2 i{margin-right:5px}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.preset-btn{min-height:59px;padding:8px;font-size:1rem;font-weight:800}.preset-btn small{display:block;margin-top:2px;font-size:.68rem;font-weight:500;color:var(--timer-muted)}.preset-btn.active small{color:#fff}.timer-page button:hover{filter:brightness(.96)}.timer-page :is(button,input,select,a):focus-visible{outline:3px solid #ac6824;outline-offset:3px}.custom-time-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--timer-border)}.custom-time-label{font-size:.8rem;color:var(--timer-muted)}.custom-time-label:first-child{flex-basis:100%;font-weight:700;margin-bottom:4px}.custom-time-input{width:56px;min-height:44px;padding:7px 3px;border:1px solid var(--timer-border);border-radius:8px;background:var(--timer-bg);color:var(--timer-ink);font:inherit;text-align:center}.custom-time-input[aria-invalid]{border-color:var(--timer-danger)}.custom-time-sep{display:none}#customTimeNote{order:10;flex-basis:100%;color:var(--timer-danger);font-size:.8rem;line-height:1.5;font-weight:600}#customTimeNote:empty{display:none}#btnCustomSet{min-width:44px;padding:8px;margin-left:auto}.timer-display-card{grid-area:clock;text-align:center;border:1px solid var(--timer-border);border-radius:24px;padding:24px;background:var(--timer-card);box-shadow:0 12px 35px #213b3c08;min-width:0}.timer-phase{display:table;margin:0 auto 12px;padding:6px 12px;border-radius:20px;background:var(--timer-bg);color:var(--timer-muted);font-weight:700;font-size:.75rem}.timer-progress-container{position:relative;width:min(100%,330px);aspect-ratio:1;margin:0 auto 12px;container-type:inline-size}.timer-progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.timer-progress-bg{fill:none;stroke:var(--timer-border);stroke-width:5}.timer-progress-fill{fill:none;stroke:var(--timer-accent);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .25s ease}.timer-progress-text{position:absolute;inset:0;display:grid;place-items:center}.timer-display{font-size:24cqw;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.04em;color:var(--timer-ink);user-select:none}.timer-display.timer-long{font-size:17cqw}.timer-display.warning{color:var(--timer-warning)}.timer-display.danger{color:var(--timer-danger);animation:pulse-danger 1s ease-in-out infinite alternate}.timer-progress-fill.warning{stroke:var(--timer-warning)}.timer-progress-fill.danger{stroke:var(--timer-danger)}@keyframes pulse-danger{from{opacity:1}to{opacity:.75}}.timer-label{color:var(--timer-muted);font-size:.9rem;line-height:1.4}.timer-adjustments{display:flex;justify-content:center;gap:7px;margin:13px 0}.timer-adjustments[hidden]{display:none}.timer-adjustments button{min-width:64px;min-height:44px;background:var(--timer-bg);color:var(--timer-ink);border:1px solid var(--timer-border);border-radius:9px;font:inherit;font-size:.82rem;cursor:pointer}.timer-adjustments button:disabled{opacity:.5;cursor:default}.timer-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.timer-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;min-width:44px;padding:11px 15px;border:0;border-radius:10px;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}.timer-btn-start{background:var(--timer-accent);color:#fff}.timer-btn-pause{background:#885b0d;color:#fff}.timer-btn-stop{background:#a72c37;color:#fff}.timer-btn-reset{background:var(--timer-bg);color:var(--timer-ink);box-shadow:inset 0 0 0 1px var(--timer-border)}.timer-btn-fullscreen{background:#203b3c;color:#fff}.timer-settings-toggle{display:none}.timer-options{grid-area:options;display:flex;flex-wrap:wrap;align-items:center;column-gap:20px;padding:15px 20px;background:var(--timer-card);border:1px solid var(--timer-border);border-radius:16px}.timer-option-group{display:flex;flex-wrap:wrap;align-items:center;gap:7px;flex-basis:100%}.timer-checkbox-label,.timer-option-label{color:var(--timer-muted);font-size:.8rem;font-weight:600}.timer-select{min-height:44px;min-width:100px;font:inherit;font-size:.85rem;padding:8px;border:1px solid var(--timer-border);border-radius:8px;color:var(--timer-ink);background:var(--timer-bg)}.timer-checkbox-label{display:flex;align-items:center;gap:7px;min-height:44px;cursor:pointer}.timer-checkbox-label input{accent-color:var(--timer-accent);width:17px;height:17px}.timer-examples{display:grid;grid-template-columns:0.9fr repeat(3,1fr);gap:14px;align-items:stretch;margin:40px 0 24px}.timer-examples>div{padding:20px 0}.timer-examples h2{font-size:1.7rem;letter-spacing:-.035em;margin:0;color:var(--timer-ink)}.timer-examples button{display:flex;flex-direction:column;align-items:start;gap:10px;padding:20px;text-align:left;color:var(--timer-ink);background:#efefe3;border:1px solid var(--timer-border);border-radius:15px;cursor:pointer;font:inherit}.timer-examples button:nth-child(3){background:#e7eee8}.timer-examples button:nth-child(4){background:#f5eadd}.timer-examples span{font-size:.64rem;font-weight:800;letter-spacing:.06em}.timer-examples strong{font-size:1.5rem;font-weight:750}.timer-examples small{color:var(--timer-muted);font-size:.8rem;line-height:1.5}.timer-examples b{font-size:.78rem;padding-top:5px;margin-top:auto}.timer-help{border-top:1px solid var(--timer-border);padding:24px 0 0;color:var(--timer-muted);font-size:.86rem;line-height:1.7}.timer-help h2{font-size:1.05rem;color:var(--timer-ink);margin:0 0 12px}.timer-help p{margin:8px 0}.timer-privacy{color:var(--timer-muted);font-size:.74rem;line-height:1.6;margin-top:20px}.timer-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:800px){.timer-container{padding:0 16px}.timer-workshop{grid-template-columns:minmax(0,1fr);grid-template-areas:'clock' 'settings' 'options'}.timer-modes{grid-template-columns:1fr 1fr}.preset-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.timer-examples{grid-template-columns:repeat(3,minmax(0,1fr))}.timer-examples>div{grid-column:1/-1;padding:0}}@media (max-width:480px){.timer-page{padding-top:1rem}.timer-container{padding:0 12px}.timer-title{font-size:2rem}.timer-display-card{padding:18px 12px}.timer-settings{padding:16px}.timer-modes{grid-template-columns:1fr}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timer-examples{grid-template-columns:minmax(0,1fr)}.timer-examples button{display:grid;grid-template-columns:1fr auto;gap:7px}.timer-examples strong{grid-column:1}.timer-examples small,.timer-examples span{grid-column:1/-1}.timer-examples b{grid-column:2;grid-row:2;align-self:center}.timer-options{padding:12px}}.timer-page.fullscreen-mode{position:fixed;inset:0;z-index:10000;padding:12px;background:#102c2d!important;overflow:hidden}.fullscreen-mode .timer-container{width:100%;max-width:none;height:100%;padding:0}.fullscreen-mode .timer-workshop{height:100%;grid-template-columns:minmax(0,1fr);grid-template-areas:'clock';align-items:stretch}.fullscreen-mode :is(.timer-header,.timer-help,.timer-privacy,.timer-examples,.timer-settings){display:none}.fullscreen-mode.timer-settings-open .timer-workshop{grid-template-columns:290px minmax(0,1fr);grid-template-areas:'settings clock'}.fullscreen-mode.timer-settings-open .timer-settings{display:block;min-height:0;overflow:auto;overscroll-behavior:contain}.fullscreen-mode .timer-options{margin-top:15px;padding:12px 0 0;border:0;border-top:1px solid var(--timer-border);border-radius:0}.fullscreen-mode .timer-settings-toggle{display:inline-flex}.fullscreen-mode .timer-display-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:0;padding:8px;margin:0;background:0 0;border:0;border-radius:16px;box-shadow:none}.fullscreen-mode .timer-phase{flex-shrink:0;background:#294546;color:#d5e6dd;margin:0}.fullscreen-mode .timer-progress-container{flex:1;min-height:0;width:100%;aspect-ratio:auto;margin:0;container-type:size}.fullscreen-mode .timer-progress-ring{position:absolute;top:50%;left:50%;width:min(100cqw,100cqh);height:min(100cqw,100cqh);transform:translate(-50%,-50%) rotate(-90deg)}.fullscreen-mode .timer-display{font-size:min(24cqw, 24cqh);color:#fff}.fullscreen-mode .timer-display.timer-long{font-size:min(17cqw, 17cqh)}.fullscreen-mode .timer-display.warning{color:#ffcf7a}.fullscreen-mode .timer-display.danger{color:#ffacae}.fullscreen-mode .timer-progress-bg{stroke:#375556}.fullscreen-mode .timer-progress-fill{stroke:#a2d6b9}.fullscreen-mode .timer-progress-fill.warning{stroke:#ffcf7a}.fullscreen-mode .timer-progress-fill.danger{stroke:#ffacae}.fullscreen-mode .timer-label{color:#d5e6dd;font-size:clamp(.8rem, 2vh, 1.1rem);margin:0}.fullscreen-mode .timer-adjustments{margin:0;flex-shrink:0}.fullscreen-mode .timer-controls{flex-shrink:0;gap:7px}.fullscreen-mode .timer-btn-fullscreen{background:#375556}body.timer-projecting{overflow:hidden}body.timer-projecting #cookie-banner{display:none!important}@media (max-width:650px){.fullscreen-mode.timer-settings-open .timer-workshop{grid-template-columns:minmax(0,1fr);grid-template-areas:'clock'}.fullscreen-mode.timer-settings-open .timer-settings{position:absolute;inset:12px 12px 76px;z-index:2;box-shadow:0 8px 36px #0008}.fullscreen-mode .timer-display-card{padding:0;gap:7px}.fullscreen-mode .timer-controls{z-index:3}.fullscreen-mode .timer-btn{min-width:44px;min-height:44px;padding:9px}.fullscreen-mode .timer-btn-label{display:none}.fullscreen-mode .timer-phase{padding:4px 10px}}[data-theme=dark] .timer-page{--timer-bg:#142b2f;--timer-card:#1c373a;--timer-ink:#ecf2e9;--timer-muted:#bacdc7;--timer-border:#3d5856;--timer-accent:#285c50;--timer-warning:#ffcf7a;--timer-danger:#ffacae;--timer-signal-ink:#142b2f;background:var(--timer-bg)!important}[data-theme=dark] .timer-page :is(
.timer-title,.timer-examples h2,.timer-examples strong,.timer-help h2,.timer-display,.custom-time-input,.timer-select
){color:var(--timer-ink)!important}[data-theme=dark] .timer-page :is(
.timer-eyebrow,.timer-back,.timer-subtitle,.timer-phase,.timer-label,.timer-option-label,.timer-checkbox-label,.timer-help,.timer-privacy,.custom-time-label,.preset-btn small,.timer-examples small
){color:var(--timer-muted)!important}[data-theme=dark] .timer-page :is(
.timer-mode-btn,.preset-btn,.timer-examples button,.timer-adjustments button,.timer-btn-reset
){background:var(--timer-bg)!important;color:var(--timer-ink)!important}[data-theme=dark] .timer-page :is(.timer-mode-btn.active,.preset-btn.active){background:#285c50!important;color:#fff!important;border-color:#78b297!important}[data-theme=dark] .timer-page .preset-btn.active small{color:#fff!important}[data-theme=dark] .timer-page .timer-progress-fill{stroke:#a2d6b9}[data-theme=dark] .timer-page .timer-display.warning{color:var(--timer-warning)!important}[data-theme=dark] .timer-page .timer-display.danger{color:var(--timer-danger)!important}[data-theme=dark] .timer-page .timer-progress-fill.warning{stroke:var(--timer-warning)}[data-theme=dark] .timer-page .timer-progress-fill.danger{stroke:var(--timer-danger)}.timer-page .timer-display-card.timer-signal-active .timer-display,.timer-page .timer-display-card.timer-signal-active .timer-label{color:var(--timer-signal-ink)!important}@media (prefers-reduced-motion:reduce){.timer-page *,.timer-page ::after,.timer-page ::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media print{.timer-page{background:#fff!important}.timer-page :is(
.timer-header,.timer-settings,.timer-options,.timer-controls,.timer-adjustments,.timer-examples,.timer-help,.timer-privacy
){display:none!important}.timer-workshop{display:block}.timer-display-card{color:#000;border:0;box-shadow:none}}