@font-face{font-family:'DigitalDisplay';src:url('/assets/webfonts/roboto/Roboto-Bold.ttf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'Roboto';src:url('/assets/webfonts/roboto/Roboto-Regular.ttf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'Roboto';src:url('/assets/webfonts/roboto/Roboto-Bold.ttf') format('truetype');font-weight:bold;font-style:normal}:root{--primary-blue:#2563EB;--accent-green:#10B981;--highlight-red:#F43F5E;--dark-bg:#1E293B;--darker-bg:#0F172A;--text-light:#F8FAFC;--text-muted:#94A3B8}body{font-family:'Roboto',sans-serif}.stopwatch-container{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:5px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);width:100%;margin:5px;position:relative}#stopwatch-display{font-size:10rem;font-family:'DigitalDisplay',monospace;text-align:center;margin:20px 0;letter-spacing:3px;color:#333;min-width:570px;display:inline-block;font-variant-numeric:tabular-nums}.stopwatch-controls{display:flex;gap:20px;justify-content:center;margin:30px 0;position:relative}.stopwatch-btn{border:none;width:70px;height:70px;border-radius:50%;cursor:pointer;font-weight:bold;color:white;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:all 0.2s;font-family:'Roboto',sans-serif}#start-stop-btn{background-color:#08a656;width:80px;height:80px;font-size:18px}#start-stop-btn.stop-mode{background-color:var(--highlight-red);width:80px;height:80px;font-size:18px}#reset-btn{background-color:#f37429;width:80px;height:80px;font-size:18px}#lap-btn{background-color:var(--primary-blue);width:80px;height:80px;font-size:18px}.lap-list-container{width:100%;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08)}.lap-list{max-height:300px;overflow-y:auto;margin-top:15px}.lap-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee}.lap-header{font-weight:bold;color:var(--primary-blue);position:sticky;top:0;background:white;padding-bottom:10px}.lap-number{width:50px;text-align:center}.lap-time,.lap-total{width:120px;text-align:center}h3{margin-top:0;color:var(--primary-blue);text-align:center;font-weight:bold}.stopwatch-container:-webkit-full-screen{width:100vw;height:100vh;background-color:white;justify-content:center}.stopwatch-container:-moz-full-screen{width:100vw;height:100vh;background-color:white;justify-content:center}.stopwatch-container:-ms-fullscreen{width:100vw;height:100vh;background-color:white;justify-content:center}.stopwatch-container:fullscreen{width:100vw;height:100vh;background-color:white;justify-content:center}.icon-controls{position:absolute;top:15px;right:15px;display:flex;gap:10px}.icon-btn{width:24px;height:24px;cursor:pointer;opacity:0.7;transition:opacity 0.2s;font-size:24px;text-align:center;line-height:24px}.icon-btn:hover{opacity:1}.tooltip{position:absolute;top:30px;right:0;background-color:#333;color:white;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity 0.3s;pointer-events:none}.icon-btn:hover .tooltip{opacity:0.9;transition-delay:0.5s}.sound-icon{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-size:18px;cursor:pointer;opacity:0.7;transition:opacity 0.2s}.sound-icon:hover{opacity:1}@media (max-width:768px){#stopwatch-display{font-size:6rem;letter-spacing:1px;margin:15px 0;min-width:250px}.stopwatch-container{padding:5px;margin:5px;width:calc(100% - 10px)}.stopwatch-controls{gap:10px;flex-wrap:wrap;margin:20px 0}.icon-controls{display:none}}.main-content{flex:1;width:100%;max-width:100%;margin:-32px auto;padding:10px;display:flex;flex-direction:column;align-items:center;}.clock-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;width:100%;max-width:1920px;margin:0 auto;padding:1px;text-align:center;}.main-content{flex:1;width:100%;max-width:100%;margin:0 auto;padding:10px;display:flex;flex-direction:column;align-items:center;padding-top:0px;}@media (max-width:1024px){#stopwatch-display{font-size:8.5rem;letter-spacing:1px;margin:15px 0;min-width:250px}}@media (max-width:860px){#stopwatch-display{font-size:7rem}}@media (max-width:670px){#stopwatch-display{font-size:5.5rem}}@media (max-width:550px){#stopwatch-display{font-size:4.7rem}}@media (max-width:480px){#stopwatch-display{font-size:4rem}}@media (max-width:468px){#stopwatch-display{font-size:3.5rem}}@media (max-width:400px){#stopwatch-display{font-size:3rem}}@media (max-width:338px){#stopwatch-display{font-size:2.7rem}}