.timer-page{--page:#fff;--paper:#fff;--ink:#111;--muted:#737373;--line:#e6e6e6;background:#fff;color:#111}.timer-page .brand-dot{color:#111}.site-nav{gap:24px}.site-nav a{border-bottom-color:transparent;color:var(--muted)}.site-nav a[aria-current=page]{border-bottom-color:currentColor;color:var(--ink)}.timer-page-main{max-width:1000px;margin:0 auto;padding:50px 32px 30px}.timer-picker{max-width:620px;margin:8vh auto 0;text-align:center}.timer-picker h1{font-size:30px;letter-spacing:-.8px;font-weight:550;margin:0 0 36px}.timer-modes{display:grid;grid-template-columns:1fr 1fr;gap:14px}.timer-modes button{padding:33px 16px;border:1px solid #d6d6d6;border-radius:14px;background:#fff;font-size:20px;font-weight:550}.timer-modes button:hover{background:#111;color:#fff;border-color:#111}.timer-caption{font-size:12px;line-height:1.7;color:#777;margin:18px 0}.timer-runner{text-align:center;min-height:65vh}.timer-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;color:#666;margin-bottom:24px}.timer-back{border:0;background:transparent;font-size:12px;line-height:1.6;padding:6px 0;color:inherit}.time-display{display:block;width:100%;padding:0;margin:0;background:transparent;border:0;line-height:1.25;font-size:clamp(76px,18vw,174px);font-weight:550;letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:inherit}.time-display:disabled{opacity:1;cursor:default}.time-display:not(:disabled){cursor:text}.time-display:not(:disabled):hover{opacity:.7}.timer-state{font-size:12px;min-height:20px;margin:7px 0 25px;color:#777}.poi-button{display:block;width:150px;min-height:67px;border:1px solid #111;border-radius:12px;background:#111;color:#fff;font-size:27px;font-weight:550;margin:0 auto;font-variant-numeric:tabular-nums}.poi-button:disabled{border-color:#ddd;background:#f5f5f5;color:#999;opacity:1}.poi-button.poi-active{background:#111;color:#fff;border-color:#111}.timer-actions{display:flex;justify-content:center;gap:12px;margin:25px auto 0;max-width:440px}.timer-actions button{min-height:48px;flex:1;padding:12px 16px;border:1px solid #d5d5d5;border-radius:9px;background:#fff;font-size:14px}.timer-actions button:first-child{border-color:#111}.timer-actions button:hover{background:#f5f5f5}.timer-penalty-label{font-size:12px}.timer-dialog{background:#fff;color:#111;max-width:390px;border-color:#ddd}.timer-dialog::backdrop{background:#0005;backdrop-filter:blur(2px)}.timer-dialog .icon-button{border-color:#ddd;font-size:23px;line-height:1}.penalty-options{border:0;padding:0;margin:28px 0 18px;display:flex;gap:25px}.penalty-options legend{font-size:13px;margin-bottom:17px;color:#555}.penalty-options label{font-size:14px;display:flex;align-items:center;gap:7px}.penalty-options input{accent-color:#111;width:17px;height:17px;margin:0}.timer-start-button{width:100%;border:0;border-radius:9px;background:#111;color:#fff;min-height:47px;padding:12px 16px;font-size:14px;margin:20px 0 0}.timer-edit-label{display:block;margin:24px 0 10px;font-size:12px;color:#777}.timer-edit-input{font-size:38px;text-align:center;width:100%;border:1px solid #ccc;border-radius:9px;padding:10px;font-variant-numeric:tabular-nums;background:white;color:#111}.timer-error{color:#9d3434;font-size:12px;line-height:1.6;margin:16px 0}.timer-page button:focus-visible,.timer-page input:focus-visible{outline-color:#777}.timer-page:fullscreen{background:#fff}.poi-flash{animation:poi-inversion .8s steps(1,end)}@keyframes poi-inversion{0%,50%{filter:invert(1)}25%,75%,100%{filter:invert(0)}}
@media(max-width:740px){.site-nav{display:flex;gap:17px;margin-left:auto}.topbar{gap:20px}.site-nav a{font-size:11px}.install-button{margin-left:0}.timer-page-main{padding:32px 20px 24px}.timer-picker{margin-top:8vh}.timer-picker h1{font-size:26px}.timer-modes button{padding:29px 10px;font-size:17px}.timer-caption{font-size:11px}.timer-heading{font-size:12px;margin-bottom:30px}.timer-state{margin-bottom:25px}.timer-actions button{font-size:12px;padding:12px 10px}.poi-button{min-height:63px;width:140px;font-size:25px}.timer-dialog{padding:23px}.timer-dialog h2{font-size:20px}.timer-runner{min-height:70vh}}
@media(max-width:380px){.topbar{gap:12px}.site-nav{gap:12px}.site-nav a{font-size:10px}.timer-modes{gap:10px}.timer-modes button{font-size:16px}.time-display{font-size:20vw}.timer-caption{font-size:10px}}
@media(max-height:560px) and (orientation:landscape){.timer-page .topbar{height:50px}.timer-page-main{padding-top:12px}.timer-heading{margin-bottom:0}.time-display{font-size:80px}.timer-state{margin:0 0 8px}.poi-button{min-height:42px;font-size:20px}.timer-caption{margin:8px 0}.timer-actions{margin-top:12px}.timer-actions button{min-height:40px}.timer-picker{margin-top:5vh}}
.poi-flash{animation:poi-inversion .8s steps(1,end)!important}.time-display.is-long{font-size:clamp(52px,15vw,145px)}:fullscreen .timer-page .topbar{display:none}:fullscreen .timer-page-main{padding-top:25px}.timer-page a:focus-visible{outline-color:#777}
@media(max-width:740px){.timer-page .topbar{flex-wrap:nowrap;padding-top:0;height:68px}.timer-page .site-nav{width:auto;order:0;height:68px;gap:17px}.timer-page .site-nav a{font-size:11px}}
.penalty-options{flex-wrap:wrap;gap:14px 20px}.custom-penalty{margin:18px 0}.custom-penalty label{display:block;font-size:13px;margin-bottom:8px}.custom-penalty input{width:100%;padding:11px 12px;border:1px solid #ccc;border-radius:8px;background:#fff;color:#111;font-size:18px}.custom-penalty .timer-caption{margin:8px 0 0}.timer-penalty-alert{color:#b91c1c;font-size:13px;font-weight:650;letter-spacing:.03em;line-height:1.6;margin:0 0 20px}.penalty-flash{animation:penalty-inversion 1.2s steps(1,end)!important}@keyframes penalty-inversion{0%,33.333%,66.666%{filter:invert(1)}16.666%,50%,83.333%,100%{filter:invert(0)}}

.refuse-poi{display:block;margin:14px auto 0;border:1px solid #ddd;border-radius:8px;background:white;padding:10px 15px;font-size:12px}.refuse-poi:disabled{opacity:.45}.timer-page .site-nav{gap:16px}@media(max-width:480px){.timer-page .topbar{gap:12px}.timer-page .site-nav{gap:10px}.timer-page .site-nav a{font-size:10px}}

.timer-sound-toggle{display:block;margin:20px auto 0;padding:10px 16px;border:1px solid #d5d5d5;border-radius:9px;background:#fff;color:#111;font:inherit;font-size:12px;cursor:pointer}.timer-sound-toggle[aria-pressed=true]{background:#f1f1f1;border-color:#aaa}.timer-sound-toggle:hover{background:#f5f5f5}