.mf-timer-page{padding-top:36px;padding-bottom:64px}
.timer-intro{text-align:center;margin:0 auto 28px;max-width:800px}
.timer-intro h1{margin:12px 0 14px!important;font-size:clamp(36px,4.5vw,60px)!important}
.timer-intro>p:last-child{margin:0;color:var(--muted);font-size:18px;line-height:1.6}
.timer-stage{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:425px;padding:24px 32px;border-radius:24px;background:#162e31;color:#fff;overflow:hidden}
.timer-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#0b1823b8,#0b1823a6),url('../images/home-scenes/pine-lake.webp') center 52%/cover}
.timer-stage-top,.timer-stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}
.timer-stage-top>span{font-size:11px;letter-spacing:.16em;font-weight:700;color:#f0f0e9}
.timer-center{text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0 18px}
.timer-state{margin:0;font-size:15px;color:#f1f0e8}
.timer-digits{font-variant-numeric:tabular-nums lining-nums;font-size:clamp(86px,12vw,156px);font-weight:400;letter-spacing:-.065em;line-height:1.2;margin:0 0 14px;white-space:nowrap}
.timer-actions{display:flex;align-items:center;justify-content:center;gap:12px}
.timer-stage button{font:inherit;cursor:pointer;transition:background .15s ease;border:1px solid transparent;min-height:44px;border-radius:12px}
.timer-stage button:disabled{opacity:.5;cursor:default}
.timer-stage .timer-primary{background:#ffd93d;color:#2b1a47;padding:14px 28px;font-weight:750;min-width:190px;min-height:54px;display:flex;align-items:center;justify-content:center;gap:16px}
.timer-stage .timer-primary:hover{background:#ffe66a}
.timer-quiet{color:#fff;background:#0b18234d;padding:10px 14px}
.timer-quiet:hover{background:#0b1823a6}
.timer-reset{min-width:78px}
.timer-stage-bottom{padding-top:14px;border-top:1px solid #ffffff40;font-size:14px}
.timer-stage-bottom label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.timer-stage input{width:18px;height:18px;accent-color:#ffd93d}
.timer-stage :focus-visible{outline:3px solid #ffd93d!important;outline-offset:4px}
.timer-stage .timer-primary:focus-visible{outline-color:#fff!important}
.timer-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.timer-reassurance{text-align:center;font-size:14px;color:var(--muted);margin:16px 0 0;line-height:1.6}
.timer-next{display:flex;justify-content:center;gap:10px 24px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:24px 0 30px;font-size:15px}
.timer-next p{margin:0;color:var(--muted)}
.timer-next a{font-weight:700;color:var(--mf-theme-action);text-underline-offset:4px}
.timer-guide,.timer-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;padding:58px 0;border-bottom:1px solid var(--line)}
.timer-guide h2,.timer-faq h2{font-size:clamp(27px,3vw,38px);line-height:1.2;margin:12px 0}
.timer-prose{font-size:17px;line-height:1.8;color:var(--muted)}
.timer-prose p{margin:0 0 20px}.timer-prose p:last-child{margin:0}
.mf-timer-page .timer-prose p{margin:0 0 20px}.mf-timer-page .timer-prose p:last-child{margin:0}
.mf-timer-page .timer-reassurance{margin:16px 0 0}
.timer-audio-hint{display:block;margin-top:6px;font-weight:650;color:var(--ink)}
.mf-timer-page .timer-read-more{margin-top:28px}
.timer-prose ol{padding-left:24px;margin:20px 0}.timer-prose li{padding-left:4px;margin:8px 0}
.timer-prose a,.timer-read-more a{color:var(--mf-theme-action);text-decoration:underline;text-underline-offset:3px}
.timer-faq details{border-bottom:1px solid var(--line)}.timer-faq details:last-child{border:0}
.timer-faq summary{padding:20px 0;cursor:pointer;font-weight:650;line-height:1.5;min-height:44px}
.timer-faq p{color:var(--muted);line-height:1.75;font-size:16px;margin:0 0 20px}
.timer-read-more{font-size:16px;line-height:1.7;color:var(--muted);margin-top:28px}
.timer-stage:fullscreen{border-radius:0;min-height:100dvh;padding:32px 5vw;overflow:auto}.timer-stage:fullscreen .timer-digits{font-size:clamp(64px,min(22vw,30dvh),280px)}
.timer-noscript{color:#fff;font-size:16px}
.timer-stage [hidden]{display:none!important}
@media(max-width:800px){.mf-timer-page{padding-top:28px}.timer-guide,.timer-faq{grid-template-columns:1fr;gap:16px;padding:36px 0}.timer-stage{padding:20px 24px}.timer-next{text-align:center}}
@media(max-width:480px){.mf-site[data-design=mf-theme][data-view=timer] .mf-wrap{width:calc(100% - 32px)}.timer-intro>p:last-child{font-size:16px}.timer-intro{margin-bottom:24px}.timer-stage{min-height:360px;padding:16px;border-radius:20px}.timer-stage-top{gap:8px}.timer-stage-top>span{font-size:10px;letter-spacing:.1em}.timer-digits{font-size:clamp(76px,24vw,112px);margin:6px 0 20px}.timer-stage .timer-primary{min-width:164px;padding:14px 20px}.timer-stage-bottom{gap:8px;font-size:13px}.timer-stage-bottom .timer-quiet{padding:8px}.timer-reassurance{font-size:14px}.timer-next{font-size:16px}.timer-prose{font-size:16px}}
@media(prefers-reduced-motion:reduce){.timer-stage button{transition:none}}
@media(max-height:500px){.timer-stage:fullscreen{padding:12px 24px}.timer-stage:fullscreen .timer-center{padding:0}.timer-stage:fullscreen .timer-digits{font-size:clamp(56px,24dvh,120px);margin:0 0 8px}.timer-stage:fullscreen .timer-stage-bottom{padding-top:4px}}
.mf-site[data-view$="timer"] .mf-header .mf-button-small{flex-shrink:0}
@media(max-width:400px){
html .mf-site[data-view$="timer"] .mf-header .mf-button-small{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px 0;font-size:0;justify-content:center}
html .mf-site[data-view$="timer"] .mf-header .mf-button-small .mf-focus-label{display:none}
html .mf-site[data-view$="timer"] .mf-header .mf-button-small>span[aria-hidden]{font-size:16px}
}
.timer-durations{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.timer-durations a,.timer-durations span{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-size:14px;text-decoration:none}
.timer-durations [aria-current]{background:var(--soft);font-weight:700}
.timer-durations a:hover{background:var(--soft)}
.timer-durations a:focus-visible{outline:3px solid var(--mf-theme-action);outline-offset:3px}