.br-timer-progress{width:100%;height:6px;background-color:var(--br-color-border);border-radius:var(--br-radius);overflow:hidden;margin-bottom:var(--br-space-lg)}.br-timer-progress__bar{width:100%;height:100%;background-color:var(--br-color-accent);border-radius:var(--br-radius);transition:width .15s linear}.br-timer-display{display:flex;align-items:center;justify-content:center;padding:var(--br-space-xl) var(--br-space-md);background-color:var(--br-color-bg-light);border:1px solid var(--br-color-border);border-radius:var(--br-radius);margin-bottom:var(--br-space-lg)}.br-timer-display__time{font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;font-size:3rem;font-weight:700;letter-spacing:.05em;color:var(--br-color-text);font-variant-numeric:tabular-nums;line-height:1}@media (min-width:640px){.br-timer-display__time{font-size:4.5rem}}.br-timer-display__time.is-finished{animation:.5s ease-in-out 6 timer-blink;color:#dc2626}@keyframes timer-blink{0%,100%{opacity:1}50%{opacity:.2}}.br-timer-desktop{display:none;flex-direction:column;align-items:center;gap:var(--br-space-md);margin-bottom:var(--br-space-lg)}.br-timer-desktop.is-hidden{display:none!important}.br-timer-desktop__inputs{display:flex;align-items:flex-end;justify-content:center;gap:var(--br-space-xs)}.br-timer-desktop__field{display:flex;flex-direction:column;align-items:center;gap:var(--br-space-xxs)}.br-timer-desktop__label{font-size:var(--br-text-xxs);font-weight:600;color:var(--br-color-text-sub)}.br-timer-desktop__input{width:5rem;min-height:3.5rem;padding:var(--br-space-sm);font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;font-size:var(--br-text-2xl);font-weight:700;color:var(--br-color-text);background-color:var(--br-color-surface);border:1px solid var(--br-color-border);border-radius:var(--br-radius);text-align:center;-moz-appearance:textfield;transition:border-color .15s}.br-timer-desktop__input::-webkit-inner-spin-button,.br-timer-desktop__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.br-timer-desktop__input:focus{outline:0;border-color:var(--br-color-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.br-timer-desktop__sep{font-size:var(--br-text-2xl);font-weight:700;color:var(--br-color-text-sub);line-height:3.5rem;padding:0 var(--br-space-xxs)}.br-timer-desktop__presets{display:flex;flex-wrap:wrap;gap:var(--br-space-xs);justify-content:center}.br-timer-desktop__preset{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:var(--br-space-xxs) var(--br-space-md);font-size:var(--br-text-xs);font-weight:600;font-family:inherit;color:var(--br-color-accent);background-color:transparent;border:1px solid var(--br-color-accent);border-radius:var(--br-radius);cursor:pointer;transition:background-color .15s,color .15s}.br-timer-desktop__preset:hover{background-color:var(--br-color-accent);color:#fff}.br-timer-desktop__preset:active{background-color:var(--br-color-accent-hover);color:#fff}@media (min-width:768px){.br-timer-desktop{display:flex}.br-timer-picker--mobile{display:none}}.br-timer-picker--mobile{display:flex;align-items:flex-end;justify-content:center;gap:0;margin-bottom:var(--br-space-lg);user-select:none;-webkit-user-select:none}@media (min-width:768px){.br-timer-picker--mobile{display:none!important}}.br-timer-picker--mobile.is-hidden{display:none}.br-timer-picker__column{display:flex;flex-direction:column;align-items:center;gap:var(--br-space-xxs)}.br-timer-picker__label{font-size:var(--br-text-xxs);font-weight:600;color:var(--br-color-text-sub);text-align:center}.br-timer-picker__sep{font-size:var(--br-text-xl);font-weight:700;color:var(--br-color-text-sub);align-self:center;padding:0 var(--br-space-xxs);margin-bottom:calc(var(--br-text-xxs) * 1.5 + var(--br-space-xxs))}.br-timer-picker__wheel{position:relative;width:4.5rem;height:calc(2.5rem * 5);overflow:hidden;border:1px solid var(--br-color-border);border-radius:var(--br-radius);background-color:var(--br-color-surface)}.br-timer-picker__scroll{position:absolute;top:0;left:0;width:100%;overflow-y:scroll;height:100%;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.br-timer-picker__scroll::-webkit-scrollbar{display:none}.br-timer-picker__item{display:flex;align-items:center;justify-content:center;height:2.5rem;font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;font-size:var(--br-text-lg);font-weight:600;color:var(--br-color-text-sub);scroll-snap-align:center;transition:color .1s,font-size .1s;cursor:pointer}.br-timer-picker__highlight{position:absolute;top:50%;left:0;right:0;height:2.5rem;transform:translateY(-50%);border-top:2px solid var(--br-color-accent);border-bottom:2px solid var(--br-color-accent);pointer-events:none;z-index:2}.br-timer-picker__mask{position:absolute;left:0;right:0;height:calc(2.5rem * 2);pointer-events:none;z-index:1}.br-timer-picker__mask--top{top:0;background:linear-gradient(to bottom,var(--br-color-surface) 0,transparent 100%)}.br-timer-picker__mask--bottom{bottom:0;background:linear-gradient(to top,var(--br-color-surface) 0,transparent 100%)}.br-timer-actions{display:flex;justify-content:center;gap:var(--br-space-sm)}.br-timer-btn{min-height:var(--br-tap-min);min-width:7rem;padding:var(--br-space-xs) var(--br-space-lg);font-size:var(--br-text-sm);font-weight:600;border-radius:var(--br-radius);cursor:pointer;border:none;transition:background-color .15s}.br-timer-btn--start{background-color:#16a34a;color:#fff}.br-timer-btn--start:hover{background-color:#15803d}.br-timer-btn--start:focus-visible{outline:#16a34a solid 2px;outline-offset:2px}.br-timer-btn--start.is-running{background-color:#ea580c}.br-timer-btn--start.is-running:hover{background-color:#c2410c}.br-timer-btn--start.is-alarming{background-color:#dc2626;animation:.8s ease-in-out infinite timer-alarm-pulse}.br-timer-btn--start.is-alarming:hover{background-color:#b91c1c}@keyframes timer-alarm-pulse{0%,100%{opacity:1}50%{opacity:.7}}.br-timer-btn--reset{background-color:transparent;color:var(--br-color-text);border:1px solid var(--br-color-border)}.br-timer-btn--reset:hover{background-color:var(--br-color-bg);border-color:var(--br-color-text-sub)}.br-timer-btn--reset:focus-visible{outline:2px solid var(--br-color-accent);outline-offset:2px}.br-timer-sound{display:flex;align-items:center;justify-content:center;gap:var(--br-space-sm);margin-bottom:var(--br-space-lg);padding:var(--br-space-sm) var(--br-space-md);background-color:var(--br-color-bg-light);border:1px solid var(--br-color-border);border-radius:var(--br-radius)}.br-timer-sound__label{font-size:var(--br-text-xs);font-weight:600;color:var(--br-color-text-sub);white-space:nowrap}.br-timer-sound__select{padding:var(--br-space-xxs) var(--br-space-lg) var(--br-space-xxs) var(--br-space-sm);font-size:var(--br-text-xs);font-family:var(--br-font-sans);color:var(--br-color-text);background-color:var(--br-color-surface);border:1px solid var(--br-color-border);border-radius:var(--br-radius);min-height:2.25rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.br-timer-sound__select:focus{outline:0;border-color:var(--br-color-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.br-timer-sound__preview{flex-shrink:0}@media (max-width:479px){.br-timer-sound{flex-wrap:wrap;justify-content:flex-start}.br-timer-sound__select{flex:1;min-width:0}.br-timer-picker__wheel{width:3.5rem;height:calc(2.2rem * 5)}.br-timer-picker__item{height:2.2rem;font-size:var(--br-text-md)}.br-timer-picker__highlight{height:2.2rem}.br-timer-picker__mask{height:calc(2.2rem * 2)}.br-timer-btn{min-width:5.5rem;font-size:var(--br-text-xs)}}