.steep-timer-section{margin:2.5rem 0 3rem}.steep-timer{background:#fdfcf8;border:1px solid rgba(44,62,80,0.12);border-radius:8px;padding:1.5rem 1.5rem 1.6rem;color:#2c3e50;box-shadow:0 3px 8px rgba(25,30,36,0.08),inset 0 1px 0 rgba(255,255,255,0.6)}.steep-timer-section h2{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:400;color:#555;margin:0 0 0.5rem}.steep-timer-intro{font-family:'Lato',sans-serif;font-size:1rem;line-height:1.7;color:#555;margin:0 0 1rem}.steep-timer-now-playing{font-family:'Lato',sans-serif;font-size:0.8rem;font-weight:400;letter-spacing:0.03em;text-transform:uppercase;text-align:center;color:#999;margin:0 0 0.25rem}.steep-timer-readout{font-family:'Playfair Display',serif;font-size:1.25rem;line-height:1.1;text-align:center;margin:0 0 0.85rem;padding-bottom:0.5rem;font-variant-numeric:tabular-nums}.steep-timer--finished .steep-timer-readout{font-size:1.1rem}.steep-timer-track{height:4px;border-radius:2px;background:rgba(44,62,80,0.14);overflow:hidden;margin-bottom:1.1rem}.steep-timer-fill{display:block;height:100%;background:#4a7c59;border-radius:2px;transform:scaleX(1);transform-origin:left center;transition:transform 0.25s linear}.steep-timer-controls{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem}.steep-timer-adjusts{display:flex;gap:0.4rem;margin:0 0.15rem}.steep-timer-chip{font-family:'Lato',sans-serif;font-size:0.8rem;font-weight:700;letter-spacing:0.02em;padding:0.45rem 0.75rem;min-height:34px;color:rgba(44,62,80,0.72);background:rgba(44,62,80,0.06);border:1px solid rgba(44,62,80,0.2);border-radius:4px;cursor:pointer}.steep-timer-chip:hover{color:#2c3e50;background:rgba(44,62,80,0.12)}.steep-timer-chip--bound{background:rgba(44,62,80,0.1);border-color:rgba(44,62,80,0.55);color:#2c3e50;letter-spacing:0.04em;min-width:54px}.steep-timer-chip--bound:hover{background:rgba(44,62,80,0.18);border-color:#2c3e50}.steep-timer-chip.is-active{background:#2c3e50;border-color:transparent;color:#fff}.steep-timer-chip--bound.is-active{background:#2c3e50;border-color:#2c3e50;color:#fff;box-shadow:0 0 0 1px rgba(44,62,80,0.4),0 2px 6px rgba(20,25,30,0.15)}.steep-timer-reset{font-family:'Lato',sans-serif;font-size:0.85rem;font-weight:700;letter-spacing:0.02em;margin-left:auto;padding:0.5rem 1.1rem;min-height:38px;color:rgba(44,62,80,0.75);background:transparent;border:1px solid rgba(44,62,80,0.35);border-radius:4px;cursor:pointer}.steep-timer-reset:hover{color:#2c3e50;background:rgba(44,62,80,0.08);border-color:rgba(44,62,80,0.55)}.steep-timer-reset[hidden]{display:none}.steep-timer-reset:not([hidden]) ~ .steep-timer-start{margin-left:0.5rem}.steep-timer-start{font-family:'Lato',sans-serif;font-size:0.85rem;font-weight:700;letter-spacing:0.02em;margin-left:auto;padding:0.5rem 1.4rem;min-height:38px;min-width:92px;color:#fff;background:#4a7c59;border:none;border-radius:4px;cursor:pointer;box-shadow:0 2px 5px rgba(20,25,30,0.15)}.steep-timer-start:hover{background:#3f6b4c}.steep-timer--running .steep-timer-start{background:#2c3e50;color:#fff}.steep-timer--running .steep-timer-start:hover{background:#24323f}.steep-timer-start:active{transform:translateY(1px);box-shadow:0 1px 3px rgba(20,25,30,0.2)}.steep-timer-app{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(44,62,80,0.1)}.steep-timer-section .steep-timer-app-line{font-family:'Lato',sans-serif;font-size:0.9rem;line-height:1.5;color:#666;margin:0}.steep-timer-app-line--finished{display:none}.steep-timer--finished .steep-timer-app-line--idle{display:none}.steep-timer--finished .steep-timer-app-line--finished{display:block;color:#2c3e50}.steep-timer-app-link{color:#4a7c59;font-weight:700;text-decoration:none;white-space:nowrap}.steep-timer-app-link:hover{text-decoration:underline}.steep-timer-chip:focus-visible,.steep-timer-app-link:focus-visible,.steep-timer-reset:focus-visible,.steep-timer-start:focus-visible{outline:2px solid #2c3e50;outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){.steep-timer-fill{transition:none}}@media (max-width:480px){.steep-timer{padding:1.25rem 1.15rem 1.35rem}.steep-timer-adjusts{flex:1;justify-content:center;margin:0}.steep-timer-reset{margin-left:0;order:1}.steep-timer-start{margin-left:0;width:100%;order:2}.steep-timer-reset:not([hidden]){flex:0 0 auto}.steep-timer-reset:not([hidden]) ~ .steep-timer-start{margin-left:0.5rem;width:auto;flex:1}}