@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap");body{font-family:Poppins,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;background-color:#000;background-image:radial-gradient(circle at center,rgba(255,59,48,.5) 0,transparent 60%);color:#fff;overflow-x:hidden}.container{text-align:center;background:hsla(0,0%,8%,.7);padding:40px 60px;border-radius:20px;box-shadow:0 8px 32px 0 rgba(0,0,0,.37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1)}#stopwatch-display,#timer-display{font-size:7rem!important;font-weight:300;color:#fff;text-shadow:0 0 25px rgba(0,0,0,.3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center;margin-bottom:10px}.timer-title-display{font-size:1.8rem;font-weight:400;margin-bottom:20px;color:#ccc}.stopwatch-title-setter,.title-setter{margin-bottom:20px;display:flex;justify-content:center;align-items:center}#stopwatch-title-input,#title-input{font-family:Poppins,sans-serif;width:180px;padding:10px;border-radius:10px;border:1px solid hsla(0,0%,100%,.2);background:rgba(0,0,0,.2);color:#fff;font-size:1rem;text-align:center;margin-right:10px}#stopwatch-title-input::placeholder,#title-input::placeholder{color:#888}#set-stopwatch-title,#set-title{font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;padding:10px 20px;border-radius:10px;cursor:pointer;transition:all .3s ease;color:#fff;background:none;border:1px solid hsla(0,0%,100%,.5)}#set-stopwatch-title:hover,#set-title:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.8)}.custom-time-setter{margin-bottom:30px;display:flex;justify-content:center;align-items:center;gap:.5rem}#custom-hours-input,#custom-minutes-input{font-family:Poppins,sans-serif;width:60px;padding:10px;border-radius:10px;border:1px solid hsla(0,0%,100%,.2);background:rgba(0,0,0,.2);color:#fff;font-size:1rem;text-align:center}#custom-hours-input{margin-right:5px}#custom-minutes-input{margin-right:10px}.time-separator{display:flex;align-items:center;justify-content:center;width:24px;height:100%;font-size:1.5rem;color:#ccc;margin:0;padding:0}#custom-hours-input::placeholder,#custom-minutes-input::placeholder{color:#888}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#set-time{font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;padding:10px 20px;border-radius:10px;cursor:pointer;transition:all .3s ease;color:#fff;background:none;border:1px solid hsla(0,0%,100%,.5);margin-left:10px}#set-time:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.8)}.buttons button{font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;padding:12px 30px;margin:0 10px;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;color:#fff;background-color:rgba(45,45,45,.8);box-shadow:0 4px 15px rgba(0,0,0,.2)}.buttons button:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.3);background-color:rgba(65,65,65,.9)}.buttons button:active{transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.2)}#pause,#reset,#start,#stopwatch-mode-back-btn,#stopwatch-pause,#stopwatch-reset,#stopwatch-start,#timer-mode-back-btn{background:none;border:1px solid hsla(0,0%,100%,.5);color:hsla(0,0%,100%,.9)}#pause:hover,#reset:hover,#start:hover,#stopwatch-mode-back-btn:hover,#stopwatch-pause:hover,#stopwatch-reset:hover,#stopwatch-start:hover,#timer-mode-back-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.8)}#stopwatch-mode-back-btn,#timer-mode-back-btn{color:#007aff}.settings-icon{position:fixed;top:24px;left:24px;z-index:1000;padding:8px;transition:opacity .2s;opacity:.6;cursor:pointer}.settings-icon:hover{opacity:1}.settings-icon svg{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.fullscreen-btn{position:fixed;top:24px;right:24px;background:none;border:none;font-size:1.5rem;color:hsla(0,0%,100%,.5);cursor:pointer;transition:color .3s ease,opacity .3s;z-index:1001}.fullscreen-btn:hover{color:hsla(0,0%,100%,.8)}#mode-selection-screen{display:flex;flex-direction:column;align-items:center;justify-content:center}.question{font-size:2rem;margin-bottom:30px;color:#fff}.mode-buttons button{font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;padding:15px 40px;margin:0 15px;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;color:#fff;background-color:rgba(45,45,45,.8);box-shadow:0 4px 15px rgba(0,0,0,.2)}.mode-buttons button:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.3);background-color:rgba(65,65,65,.9)}.mode-buttons button:active{transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.2)}.settings-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);z-index:2000;display:none;align-items:center;justify-content:center}.settings-modal.active{display:flex}.settings-content{background:rgba(26,32,44,.85);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:24px 26px;max-width:400px;width:90%;max-height:85vh;display:flex;flex-direction:column;min-height:0;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);color:#e2e8f0}.settings-header{flex:0 0 auto}#settingsForm{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.settings-scroll{flex:1 1 auto;overflow-y:auto;min-height:0;padding-right:4px}.settings-header{display:flex;justify-content:center;align-items:center;margin-bottom:16px;position:relative}.settings-header h2{margin:0;color:#e2e8f0;font-size:24px;font-weight:600}.close-settings{position:absolute;top:50%;right:-8px;transform:translateY(-50%);background:none;border:none;font-size:24px;cursor:pointer;color:#a0aec0;padding:4px;border-radius:4px;transition:background .2s,color .2s}.close-settings:hover{background:hsla(0,0%,100%,.1);color:#fff}.settings-group{margin-bottom:14px;text-align:center}.settings-group.toggle-group{display:flex;justify-content:space-between;align-items:center;padding:0 8px;text-align:left}.settings-group label{display:block;margin-bottom:8px;font-weight:500;color:#cbd5e0}.settings-group input{width:100%;padding:12px;border:1px solid #4a5568;border-radius:8px;font-size:16px;background:rgba(45,55,71,.7);transition:border-color .2s;color:#e2e8f0}.settings-group input:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 3px rgba(229,62,62,.2)}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4a5568}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#c81e1e}input:checked+.slider:before{transform:translateX(22px)}.slider.round{border-radius:28px}.slider.round:before{border-radius:50%}.save-settings{width:100%;padding:12px;background:linear-gradient(135deg,#c81e1e,#1a1a1a);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:12px;flex:0 0 auto}.save-settings:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(229,62,62,.35)}.settings-section-divider{border-top:1px solid hsla(0,0%,100%,.12);margin-top:4px;padding-top:12px}.settings-group select{width:100%;padding:12px;border:1px solid #4a5568;border-radius:8px;font-size:16px;background:rgba(45,55,71,.7);color:#e2e8f0;font-family:Poppins,sans-serif;cursor:pointer}.settings-group select:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 3px rgba(229,62,62,.2)}.settings-group input[type=range]{width:100%;padding:0;background:transparent;border:none;accent-color:#c81e1e;box-shadow:none;cursor:pointer}.test-sound-btn{font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;padding:9px 22px;border-radius:10px;cursor:pointer;color:#fff;background:none;border:1px solid hsla(0,0%,100%,.4);transition:all .3s ease}.test-sound-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.8)}.timer-container{margin-bottom:20px}#timer-progress-container{position:relative;width:90%;max-width:450px;height:4px;background-color:rgba(0,0,0,.2);border-radius:2px;margin:20px auto 0;border:1.5px solid hsla(0,0%,100%,.25)}#timer-progress-bar{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,#e53e3e,#c81e1e);border-radius:2px;transition:width .2s linear}#timer-progress-dot{position:absolute;top:50%;left:100%;transform:translate(-50%,-50%);width:18px;height:18px;background-color:#fff;border-radius:50%;box-shadow:0 0 8px hsla(0,0%,100%,.9),0 0 16px rgba(229,62,62,.6);transition:left .2s linear}.controls{display:flex}.hide-on-fullscreen{opacity:0!important;pointer-events:none!important;transition:opacity .4s}#stopwatch-app.compact-mode,#timer-app.compact-mode{display:flex;flex-direction:column;align-items:center;justify-content:center}#stopwatch-app.compact-mode .buttons,#timer-app.compact-mode .buttons{opacity:0;pointer-events:none;transform:translateY(24px) scale(.98);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}#stopwatch-app.compact-mode .timer-title-display,#timer-app.compact-mode .timer-title-display{text-align:center;margin-left:auto;margin-right:auto}#stopwatch-app.compact-mode .timer-display,#timer-app.compact-mode .timer-container{margin-left:auto;margin-right:auto}#stopwatch-app.compact-mode .stopwatch-title-setter,#timer-app.compact-mode .custom-time-setter,#timer-app.compact-mode .title-setter{display:none!important}#stopwatch-app.compact-mode.controls-visible .buttons,#timer-app.compact-mode.controls-visible .buttons{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}@media (max-width:600px){body{display:block;padding:0;height:auto}.container,body{min-height:100vh}.container{width:100%;padding:24px 16px;border-radius:0;box-shadow:none;background:none;display:flex;flex-direction:column;justify-content:center}#stopwatch-display,#timer-display{font-size:clamp(3rem,15vw,5rem)!important;margin:10px 0}.timer-title-display{font-size:1.2rem;margin-bottom:16px}#timer-progress-container{width:100%;margin-top:16px}.custom-time-setter,.stopwatch-title-setter,.title-setter{flex-direction:column;align-items:stretch;gap:10px;margin:16px 0}#custom-hours-input,#custom-minutes-input,#stopwatch-title-input,#title-input{width:100%;font-size:1.1rem;padding:14px;margin:0}#set-stopwatch-title,#set-time,#set-title{width:100%;font-size:1.1rem;padding:14px 0;margin:0}.buttons{flex-direction:column;gap:12px;align-items:stretch;margin-top:16px}.buttons button{width:100%;font-size:1.1rem;padding:18px 0;border-radius:12px}.settings-icon{top:16px;left:16px}.fullscreen-btn{top:16px;right:16px}.settings-modal .settings-content{width:95vw;padding:24px 16px}}