*{box-sizing:border-box}button{-webkit-appearance:none;appearance:none;cursor:pointer;line-height:1}body{--timer-stroke-width: 15px}body{font-family:Arial, sans-serif;background:#121212;color:white;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;padding:20px}.wrapper{width:380px;max-width:100%}.app{background-color:rgba(255,255,255,0.05);box-shadow:rgba(0,0,0,0.35) 0px 5px 15px;border-radius:100%;position:relative;padding:40px;width:100%;aspect-ratio:1;text-align:center;display:flex;justify-content:center;flex-direction:column}h1{margin-top:0;font-size:24px}.timer{font-size:48px;margin:20px 0;font-weight:bold}input{padding:8px;font-size:16px;text-align:center;border-radius:8px;border:none;margin-bottom:20px}.buttons{display:flex;gap:10px;justify-content:center}button{padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:0.2s}button:hover{opacity:0.9}.start{background:#4caf50;color:white}.pause{background:#ff9800;color:white}.stop{background:#f44336;color:white}.status-text{margin:0;font-size:20px;color:#cccccc;min-height:28px}.timer{display:flex}.timer button{font-size:12px;font-weight:bold;border-radius:100%;border:2px solid rgba(255,255,255,0.5);width:50px;height:50px;padding:0;background-color:transparent;color:white}.timer button:hover,.timer button:focus{background-color:rgba(255,255,255,0.1)}.timer-display{flex-grow:1}.progress-ring{position:absolute;inset:0;pointer-events:none}.progress-ring svg{width:100%;height:100%;display:block}.ring-bg{fill:none;stroke:rgba(255,255,255,0.08);stroke-width:var(--timer-stroke-width)}.ring-progress{fill:none;stroke:#4caf50;stroke-width:var(--timer-stroke-width);stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 0%;transition:stroke-dashoffset 1s linear}
/*# sourceMappingURL=site.css.map */