.tools-index,.tool-page{min-height:70vh;padding:calc(var(--header-h) + 72px) 0 96px;background:radial-gradient(circle at 85% 8%, #ffd84d47, transparent 28rem), var(--cream)}.tools-hero,.tool-page-head{max-width:800px;margin-bottom:44px}.tools-kicker{color:var(--coral);letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px;font-size:.78rem;font-weight:900;display:block}.tools-hero h1,.tool-page-head h1{max-width:760px;font-size:clamp(2.7rem,7vw,5.2rem)}.tools-hero p,.tool-page-head p{max-width:680px;color:var(--ink-soft);margin-top:22px;font-size:clamp(1.05rem,2vw,1.28rem);font-weight:600}.tool-card{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--card);max-width:820px;box-shadow:var(--shadow-card);transition:transform .2s var(--spring), border-color .2s ease;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:28px;display:grid}.tool-card:hover{border-color:var(--coral-line);transform:translateY(-4px)}.tool-card-number{color:var(--coral);font-size:.84rem;font-weight:900}.tool-card strong,.tool-card small{display:block}.tool-card strong{font-size:1.38rem;font-weight:900}.tool-card small{color:var(--ink-soft);margin-top:4px;font-size:.96rem}.tool-card-arrow{color:var(--coral);transition:transform .2s var(--spring);font-size:1.8rem}.tool-card:hover .tool-card-arrow{transform:translate(5px)}.tool-breadcrumb{color:var(--ink-faint);gap:10px;margin-bottom:38px;font-size:.9rem;font-weight:800;display:flex}.tool-breadcrumb a:hover{color:var(--coral)}.timer-shell{border:1.5px solid var(--line);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-pop);grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);display:grid;overflow:hidden}.timer-setup{background:var(--cream-deep);border-right:1px solid var(--line);align-content:start;gap:28px;padding:clamp(28px,5vw,52px);display:grid}.timer-setup>div,.timer-setup fieldset{border:0}.timer-setup label,.timer-setup legend{color:var(--ink);align-items:center;gap:10px;margin-bottom:10px;font-size:.94rem;font-weight:900;display:flex}.timer-step{background:var(--coral);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:.78rem;font-weight:900;display:inline-grid}.timer-setup input{border:1.5px solid var(--line);border-radius:var(--radius-field);background:var(--card);width:100%;min-height:54px;color:var(--ink);font:700 1rem var(--font-sans);padding:14px 16px}.timer-setup input::placeholder{color:var(--ink-faint)}.timer-setup input:focus{border-color:var(--coral);box-shadow:0 0 0 4px var(--coral-soft);outline:none}.timer-presets{grid-template-columns:1fr 1fr;gap:10px;display:grid}.timer-presets button{border:1.5px solid var(--line);border-radius:var(--radius-field);background:var(--card);min-height:52px;color:var(--ink-soft);font:800 .9rem var(--font-sans);cursor:pointer;padding:10px}.timer-presets button.is-selected{border-color:var(--coral);background:var(--coral-soft);color:var(--ink)}.timer-stage{align-content:center;justify-items:center;gap:24px;min-height:590px;padding:clamp(28px,5vw,52px);display:grid}.timer-context{max-width:480px;color:var(--ink-soft);text-align:center}.timer-context strong{color:var(--ink)}.timer-ring{--timer-progress:0deg;aspect-ratio:1;background:conic-gradient(var(--coral) var(--timer-progress), var(--coral-soft) 0);width:min(300px,72vw);box-shadow:0 12px 30px rgba(var(--shadow-rgb), .12);border-radius:50%;place-items:center;display:grid}.timer-ring>div{aspect-ratio:1;background:var(--card);text-align:center;border-radius:50%;place-content:center;width:calc(100% - 22px);display:grid}.timer-ring time{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.06em;font-size:clamp(3.2rem,8vw,5rem);font-weight:900;line-height:1}.timer-ring span{max-width:180px;color:var(--ink-faint);margin:12px auto 0;font-size:.86rem;font-weight:800}.timer-actions{align-items:center;gap:18px;display:flex}.timer-reset{color:var(--ink-faint);font:800 .92rem var(--font-sans);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;text-decoration:underline}.timer-reset:hover{color:var(--ink)}.timer-checkout{border:1px solid var(--line);border-radius:var(--radius-field);max-width:470px;color:var(--ink-faint);text-align:center;gap:4px;padding:16px 18px;display:grid}.timer-checkout.is-visible{border-color:var(--coral-line);background:var(--coral-soft);color:var(--ink)}.timer-checkout span{color:var(--ink-soft);font-size:.9rem}.tool-explainer,.tool-note{grid-template-columns:.75fr 1.25fr;gap:clamp(32px,6vw,84px);padding:88px 0 0;display:grid}.tool-explainer h2,.tool-note h2{font-size:clamp(2rem,4vw,3rem)}.tool-explainer ol{counter-reset:tool-steps;gap:22px;list-style:none;display:grid}.tool-explainer li{border-bottom:1px solid var(--line);counter-increment:tool-steps;gap:4px;padding:22px;display:grid}.tool-explainer li:before{content:"0" counter(tool-steps);color:var(--coral);font-size:.78rem;font-weight:900}.tool-explainer li strong{font-size:1.08rem}.tool-explainer li span,.tool-note p{color:var(--ink-soft)}.tool-note{grid-template-columns:.8fr 1.2fr;padding-bottom:20px}.tool-note p+p{margin-top:14px}.tool-note a{color:var(--coral-deep);text-underline-offset:3px;font-weight:800;text-decoration:underline}@media (max-width:880px){.timer-shell{grid-template-columns:1fr}.timer-setup{border-right:0;border-bottom:1px solid var(--line)}.timer-stage{min-height:540px}}@media (max-width:640px){.tools-index,.tool-page{padding-top:calc(var(--header-h) + 44px)}.tool-card{grid-template-columns:1fr auto}.tool-card-number{grid-column:1/-1}.timer-presets,.tool-explainer,.tool-note{grid-template-columns:1fr}.timer-stage{min-height:500px}.tool-explainer,.tool-note{padding-top:64px}}