html{scroll-behavior:smooth}body{color:#fff;background:#0b0b0b;margin:0;font-family:Arial,sans-serif}button,input{font-family:inherit}.timer-app{background:#0b0b0b;width:100%;min-height:100vh}.timer-screen{box-sizing:border-box;background:#0b0b0b;flex-direction:column;align-items:center;min-height:100vh;padding:28px 32px 24px;display:flex;position:relative;overflow:hidden}.timer-screen:before{content:"";aspect-ratio:1;opacity:.04;pointer-events:none;z-index:0;background-image:url(/logo-2342.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:min(65vw,750px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timer-screen>*{z-index:1;position:relative}.fullscreen-button{z-index:10;color:#777;cursor:pointer;background:#0b0b0ba6;border:1px solid #2e2e2e;border-radius:8px;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-size:28px;font-weight:400;line-height:1;transition:color .15s,border-color .15s,background .15s;display:flex;position:absolute;top:22px;right:24px}.fullscreen-button:hover{color:#fff;background:#171717;border-color:#777}.workout-summary{box-sizing:border-box;letter-spacing:2px;color:#888;text-align:center;margin-top:8px;padding-left:70px;padding-right:70px;font-size:clamp(17px,1.9vw,25px);font-weight:600}#timer{box-sizing:border-box;font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-align:center;white-space:nowrap;color:#fff;flex:1;justify-content:center;align-items:center;width:100%;padding-left:12px;padding-right:12px;font-size:clamp(120px,28vw,420px);font-weight:700;line-height:.9;transition:color .18s,opacity .2s;display:flex;overflow:hidden}#timer.timer-warning{color:#ef4444}#timer.tabata-rest{color:#60a5fa}#timer.tabata-rest.timer-warning{color:#ef4444}#timer.timer-paused{animation:1.6s ease-in-out infinite paused-pulse}@keyframes paused-pulse{0%{opacity:1}50%{opacity:.32}to{opacity:1}}#timer.round-announcement{letter-spacing:.02em;font-size:clamp(72px,14vw,220px);line-height:1}.controls{justify-content:center;align-items:center;gap:24px;margin-bottom:18px;display:flex}.action-button{box-sizing:border-box;cursor:pointer;background:0 0;border:2px solid;border-radius:8px;width:clamp(170px,18vw,240px);padding:18px 22px;font-size:clamp(18px,2vw,26px);font-weight:700;transition:background .15s,color .15s,border-color .15s}.action-button.state-start{color:#22c55e;border-color:#22c55e}.action-button.state-start:hover{color:#0b0b0b;background:#22c55e}.action-button.state-pause{color:#f59e0b;border-color:#f59e0b}.action-button.state-pause:hover{color:#0b0b0b;background:#f59e0b}.action-button.state-resume{color:#22c55e;border-color:#22c55e}.action-button.state-resume:hover{color:#0b0b0b;background:#22c55e}.action-button.state-finished{color:#777;cursor:default;border-color:#777}.reset-button{box-sizing:border-box;color:#ef4444;cursor:pointer;background:0 0;border:2px solid #ef4444;border-radius:8px;width:clamp(170px,18vw,240px);padding:18px 22px;font-size:clamp(18px,2vw,26px);font-weight:700;transition:background .15s,color .15s,border-color .15s,opacity .15s}.reset-button:hover:not(:disabled){color:#fff;background:#ef4444}.reset-button:disabled{color:#555;opacity:.5;cursor:not-allowed;border-color:#555}.scroll-hint{letter-spacing:2px;color:#555;text-align:center;margin-top:4px;padding-bottom:4px;font-size:12px;font-weight:700}.current-time{z-index:5;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#292929;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(28px,3.5vw,52px);font-weight:700;position:absolute;bottom:24px;right:28px}.configuration-screen{box-sizing:border-box;background:#101010;border-top:1px solid #1f1f1f;flex-direction:column;align-items:center;min-height:100vh;padding:70px 32px 90px;display:flex}.mode-section,.settings-section{width:min(900px,100%)}.mode-section{margin-bottom:50px}.settings-section{margin-bottom:20px}.section-label{letter-spacing:3px;color:#888;margin-bottom:14px;font-size:14px;font-weight:700}.mode-selector{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mode-button{color:#777;cursor:pointer;background:0 0;border:2px solid #333;border-radius:8px;padding:16px 12px;font-size:16px;font-weight:700;transition:background .15s,color .15s,border-color .15s,opacity .15s}.mode-button.active{color:#fff;border-color:#fff}.mode-button:disabled{opacity:.35;cursor:default}.setting-row{box-sizing:border-box;background:#0d0d0d;border:1px solid #2b2b2b;border-radius:10px;align-items:center;gap:14px;min-height:76px;padding:14px 18px;display:flex}.setting-row+.setting-row{margin-top:14px}.setting-row[hidden]{display:none!important}.setting-name{letter-spacing:2px;color:#fff;margin-right:auto;font-size:18px;font-weight:700}.time-cap-control{align-items:center;gap:8px;transition:opacity .15s;display:flex}.time-cap-control.disabled{opacity:.3}.time-cap-control input{box-sizing:border-box;color:#fff;text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:2px solid #fff;border-radius:7px;outline:none;width:110px;height:46px;padding:6px 8px;font-size:23px;font-weight:700}.time-cap-control input:focus{border-color:#aaa}.time-cap-control input:disabled{cursor:not-allowed}.time-adjust-button{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:7px;width:46px;height:46px;padding:0;font-size:28px;font-weight:700;transition:background .15s,color .15s,border-color .15s,opacity .15s}.time-adjust-button:hover:not(:disabled){color:#0b0b0b;background:#fff}.time-adjust-button:disabled{opacity:.4;cursor:not-allowed}.time-cap-toggle{cursor:pointer;background:0 0;border:1px solid;border-radius:6px;width:52px;height:38px;padding:0;font-size:13px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.time-cap-toggle.state-on{color:#22c55e;border-color:#22c55e}.time-cap-toggle.state-on:hover{color:#0b0b0b;background:#22c55e}.time-cap-toggle.state-off{color:#888;border-color:#666}.time-cap-toggle.state-off:hover{color:#fff;background:#444}@media (width<=900px){.timer-screen{padding:24px 24px 20px}.timer-screen:before{width:min(75vw,650px)}#timer{font-size:clamp(110px,26vw,300px)}#timer.round-announcement{font-size:clamp(64px,13vw,170px)}.fullscreen-button{width:48px;height:48px;font-size:25px;top:18px;right:18px}.current-time{bottom:20px;right:22px}.configuration-screen{padding:60px 24px 80px}}@media (width<=700px){.timer-screen{padding:20px 16px 16px}.timer-screen:before{opacity:.035;width:90vw}.fullscreen-button{width:42px;height:42px;font-size:22px;top:14px;right:14px}.workout-summary{letter-spacing:1px;margin-top:8px;padding-left:48px;padding-right:48px;font-size:12px}#timer{font-size:clamp(92px,28vw,180px)}#timer.round-announcement{letter-spacing:0;font-size:clamp(46px,13vw,100px)}.controls{gap:12px;width:100%;margin-bottom:16px}.controls button{flex:1;width:auto;padding:16px 10px;font-size:18px}.scroll-hint{font-size:10px}.current-time{color:#252525;font-size:clamp(24px,8vw,38px);bottom:14px;right:16px}.configuration-screen{padding:50px 16px 70px}.mode-section{margin-bottom:36px}.mode-selector{grid-template-columns:repeat(2,1fr)}.mode-button{padding:14px 8px}.setting-row{flex-wrap:wrap;padding:16px}.setting-name{width:100%;margin-bottom:4px;margin-right:0}.time-cap-control{margin-left:auto}}