coffee-timer[data-astro-cid-jpmfcwuz]{display:flex;flex-direction:column;gap:var(--space-6);max-width:28rem;margin-inline:auto}.soft[data-astro-cid-jpmfcwuz]{color:color-mix(in oklab,currentColor 72%,transparent)}coffee-timer[data-astro-cid-jpmfcwuz].timer-active .hide-when-active[data-astro-cid-jpmfcwuz]{display:none}summary[data-astro-cid-jpmfcwuz]{cursor:pointer;list-style:none;&[data-astro-cid-jpmfcwuz]::-webkit-details-marker{display:none}}.config[data-astro-cid-jpmfcwuz] summary[data-astro-cid-jpmfcwuz]{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-weight:700}.config[data-astro-cid-jpmfcwuz][open] summary[data-astro-cid-jpmfcwuz]{border-bottom:var(--border)}.config-text[data-astro-cid-jpmfcwuz]{font-size:1.125rem}.config-toggle[data-astro-cid-jpmfcwuz]:after,.steps[data-astro-cid-jpmfcwuz]>summary[data-astro-cid-jpmfcwuz]:after{content:" ▼"}[data-astro-cid-jpmfcwuz]:is(.config[open] .config-toggle,.steps[open]>summary):after{content:" ▲"}.config-toggle[data-astro-cid-jpmfcwuz]{color:var(--link);font-size:.875rem}.config-inputs[data-astro-cid-jpmfcwuz]{display:grid;gap:var(--space-4);padding:var(--space-4)}.inputs-grid[data-astro-cid-jpmfcwuz]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.input-group[data-astro-cid-jpmfcwuz]{display:grid;gap:var(--space-1);& label[data-astro-cid-jpmfcwuz]{font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}}.input-with-unit[data-astro-cid-jpmfcwuz]{display:flex;align-items:center;justify-content:center;padding:var(--space-2);border:var(--border);background:var(--bg);&[data-astro-cid-jpmfcwuz]:focus-within{outline:var(--border-width) solid var(--accent);outline-offset:2px}& input[data-astro-cid-jpmfcwuz]{width:100%;min-width:0;padding:0;border:0;background:transparent;font-family:var(--font-mono);font-size:1.2rem;font-weight:700;text-align:center;outline:none;&[data-astro-cid-jpmfcwuz]:disabled{color:var(--muted)}}}.unit[data-astro-cid-jpmfcwuz]{color:var(--muted);font-weight:700}.sound-toggle[data-astro-cid-jpmfcwuz]{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:.9rem;cursor:pointer;& input[data-astro-cid-jpmfcwuz]{width:1.1rem;height:1.1rem;accent-color:var(--accent)}}.timer-display[data-astro-cid-jpmfcwuz]{display:flex;flex-direction:column;justify-content:center;min-height:13rem;padding:var(--space-6) var(--space-4);border:var(--border);background:var(--surface);box-shadow:var(--shadow-lg);text-align:center;&.pouring{background:var(--fill);color:var(--on-fill)}&.completed{background:color-mix(in oklab,var(--stripe-5) 30%,var(--surface))}}.ready-state[data-astro-cid-jpmfcwuz],.running-state[data-astro-cid-jpmfcwuz]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.running-state[data-astro-cid-jpmfcwuz],.timer-display[data-astro-cid-jpmfcwuz].running .ready-state[data-astro-cid-jpmfcwuz]{display:none}.timer-display[data-astro-cid-jpmfcwuz].running .running-state[data-astro-cid-jpmfcwuz]{display:flex}.ready-text[data-astro-cid-jpmfcwuz]{color:var(--accent-2);font-size:1.5rem;font-weight:700}.ready-params[data-astro-cid-jpmfcwuz]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-4);margin-block:var(--space-2)}.ready-param[data-astro-cid-jpmfcwuz]{display:flex;flex-direction:column;align-items:center}.param-value[data-astro-cid-jpmfcwuz]{font-family:var(--font-mono);font-size:clamp(1.35rem,6vw,1.75rem);font-weight:700;line-height:1.2}.param-label[data-astro-cid-jpmfcwuz],.next-label[data-astro-cid-jpmfcwuz]{color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ready-divider[data-astro-cid-jpmfcwuz]{margin-top:-1rem;color:var(--accent);font-size:1.25rem;font-weight:700}.step-name[data-astro-cid-jpmfcwuz]{font-weight:700;letter-spacing:.15em;text-transform:uppercase}.primary-number[data-astro-cid-jpmfcwuz]{font-family:var(--font-mono);font-size:clamp(4rem,22vw,6rem);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;&.weight-mode{color:var(--stripe-2)}}.primary-label[data-astro-cid-jpmfcwuz]{min-height:1.6em;font-size:.9rem}.step-action[data-astro-cid-jpmfcwuz]{margin-bottom:var(--space-2);font-size:1.25rem;font-weight:700}.next-step[data-astro-cid-jpmfcwuz]{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:var(--space-1) var(--space-2);padding:var(--space-2) var(--space-4);border:var(--border);background:var(--bg);color:var(--text);font-size:.9rem;&.final-step{background:var(--ink);color:var(--bg);.next-label[data-astro-cid-jpmfcwuz]{color:inherit}}}.timer-display[data-astro-cid-jpmfcwuz].completed .next-step[data-astro-cid-jpmfcwuz]{display:none}.next-name[data-astro-cid-jpmfcwuz]{font-weight:700}.progress[data-astro-cid-jpmfcwuz]{position:relative;margin-block:var(--space-6) var(--space-2)}.progress-segments[data-astro-cid-jpmfcwuz]{display:flex;gap:var(--space-1);height:1rem}.progress-segment[data-astro-cid-jpmfcwuz]{overflow:hidden;border:2px solid var(--ink);background:var(--surface);&.active-segment{box-shadow:3px 3px 0 var(--ink)}}.segment-fill[data-astro-cid-jpmfcwuz]{width:0%;height:100%;background:var(--fill-hot)}.progress-cup[data-astro-cid-jpmfcwuz]{position:absolute;top:50%;left:0%;display:grid;place-items:center;color:var(--ink);transform:translate(-50%,-60%)}.cup[data-astro-cid-jpmfcwuz]{padding:2px;background:var(--bg)}.steam[data-astro-cid-jpmfcwuz]{position:absolute;bottom:85%;left:50%;width:1.5rem;height:1.25rem;overflow:visible;pointer-events:none;transform:translate(-50%);&.intensity-high{transform:translate(-50%) scale(1.3)}&.intensity-medium .wisp[data-astro-cid-jpmfcwuz]:nth-child(3),&.intensity-low .wisp[data-astro-cid-jpmfcwuz]:not(:first-child){visibility:hidden}}.wisp[data-astro-cid-jpmfcwuz]{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;opacity:.6}.controls[data-astro-cid-jpmfcwuz]{display:flex;justify-content:center;gap:var(--space-4)}.button[data-astro-cid-jpmfcwuz]{justify-content:center;min-width:7rem;padding:var(--space-3) var(--space-6);font-size:1.1rem;-webkit-tap-highlight-color:transparent;&[data-astro-cid-jpmfcwuz]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow)}}.start[data-astro-cid-jpmfcwuz]{flex:1;max-width:14rem;padding-block:var(--space-4);font-size:1.35rem}.secondary[data-astro-cid-jpmfcwuz]{background:var(--surface);color:var(--text)}.steps[data-astro-cid-jpmfcwuz]>summary[data-astro-cid-jpmfcwuz]{display:block;margin-bottom:var(--space-3);color:var(--link);font-weight:700;text-align:center}.pour-schedule[data-astro-cid-jpmfcwuz]{display:grid;gap:var(--space-3);padding:0;list-style:none}.step[data-astro-cid-jpmfcwuz]{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:var(--border);border-inline-start-width:8px;background:var(--surface);&.active{border-inline-start-color:var(--accent);background:var(--fill);box-shadow:var(--shadow);color:var(--on-fill)}&.completed{opacity:.5}}.step-time[data-astro-cid-jpmfcwuz]{min-width:3rem;font-family:var(--font-mono);font-weight:700}.step-title[data-astro-cid-jpmfcwuz],.pour-amount[data-astro-cid-jpmfcwuz]{font-weight:700}.step-detail[data-astro-cid-jpmfcwuz]{font-size:.9rem}@media(max-width:480px){.inputs-grid[data-astro-cid-jpmfcwuz]{grid-template-columns:1fr}.step-action[data-astro-cid-jpmfcwuz]{font-size:1.35rem}}@media(prefers-reduced-motion:no-preference){.segment-fill[data-astro-cid-jpmfcwuz]{transition:width .3s ease-out}.progress-cup[data-astro-cid-jpmfcwuz]{transition:left .3s ease-out}.steam[data-astro-cid-jpmfcwuz]{transition:transform .3s}.wisp[data-astro-cid-jpmfcwuz]{opacity:0;animation:wisp-rise 2.4s ease-out infinite;transform-box:fill-box;transform-origin:bottom;&[data-astro-cid-jpmfcwuz]:nth-child(2){animation-delay:.8s}&[data-astro-cid-jpmfcwuz]:nth-child(3){animation-delay:1.6s}}.step[data-astro-cid-jpmfcwuz]{transition:transform .2s ease,box-shadow .2s ease;&.active{transform:translate(-3px,-3px)}}.mode-switch[data-astro-cid-jpmfcwuz]{animation:mode-crossfade .45s ease-in-out}.step-transition[data-astro-cid-jpmfcwuz] .primary-number[data-astro-cid-jpmfcwuz]{animation:slide-in-up .3s ease-out}}@keyframes wisp-rise{0%{opacity:0;transform:translateY(0) scale(.9,.8)}15%{opacity:.8}50%{opacity:.6;transform:translateY(-3px) scaleX(1.1)}to{opacity:0;transform:translateY(-8px) scale(.7,1.1)}}@keyframes mode-crossfade{35%,65%{opacity:0;transform:scale(.96)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}}