body{font-family:Roboto,sans-serif;margin:0;padding:0;background-color:#212121}.container{width:400px;margin:60px auto auto;text-align:center;background-color:var(--background-color);box-shadow:0 8px 15px #0000001a;padding:5px;border-radius:10px;font-family:Roboto,sans-serif}.container-title{font-size:36px;color:var(--label-color);margin-bottom:20px;letter-spacing:1px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.history{margin-top:30px;padding:10px;background-color:var(--background-color);border-radius:8px}.history-title{font-size:24px;color:var(--label-color);margin-bottom:15px;text-shadow:1px 1px 2px rgba(0,0,0,.05)}.history-list{list-style-type:none;padding:0;margin:0}.history ul li{background-color:var(--item-background-color);color:var(--button-text-color);padding:10px 15px;margin-bottom:10px;border-radius:5px;box-shadow:0 4px 10px #0000001a}.history ul li:hover{box-shadow:0 6px 12px #00000026}.clear-history{background-color:var(--close-button-background);color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 10px #0000001a;margin-top:15px;width:100%}.clear-history:hover{background-color:red;transform:translateY(-2px)}.alarm-input-container{display:flex;gap:10px;margin-bottom:20px}.alarm-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:1rem}.alarm-button{background-color:var(--button-background);color:var(--button-text-color);padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.alarm-item{display:flex;align-items:center;justify-content:space-between;padding:10px;margin-bottom:10px;background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0000001a}.alarm-time{font-size:1rem;color:#333}.switch{position:relative;display:inline-block;width:34px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#007bff}input:checked+.slider:before{transform:translate(14px)}.remove-button{padding:5px 10px;border:none;border-radius:5px;background-color:#ff4d4d;color:#fff;cursor:pointer;font-size:.8rem;transition:background-color .3s ease}:root{--background-color: #f5f5f5;--button-background: #002366;--button-text-color: #ffffff;--button-hover-color: #0044cc;--label-color: #002366;--close-button-background: #d9534f;--close-button-hover-background: #c9302c;--extra-button-color: #335596;--item-background-color: #343638;--warning-color: #ffc107;--warning-color-hover: #e0a800}.stopwatch-container{width:400px;margin:60px auto auto;text-align:center;background-color:var(--background-color);box-shadow:0 8px 15px #0000001a;padding:40px;border-radius:10px;font-family:Roboto,sans-serif}.stopwatch-container h1{font-size:36px;color:var(--label-color);margin-bottom:20px;letter-spacing:1px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.start-button,.stop-button,.reset-button{width:70px;height:50px;font-size:18px;border:none;margin-inline:10px;cursor:pointer;color:var(--button-text-color);border-radius:10px;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 10px #0000001a}.start-button:hover,.stop-button:hover,.reset-button:hover{transform:translateY(-2px)}.start-button{background-color:var(--button-background)}.start-button:hover{background-color:var(--button-hover-color)}.stop-button{background-color:var(--close-button-background)}.stop-button:hover{background-color:var(--close-button-hover-background)}.reset-button{background-color:var(--warning-color)}.reset-button:hover{background-color:var(--warning-color-hover)}:root{--primary-color: #212120;--background-color: #f5f5f5;--navbar-background-color: #181818;--light-background-color: #d2e0fb;--light-background-color-hover: #bdd0f7;--text-color: #333333;--button-background: #002366;--button-text-color: #ffffff;--button-hover-color: #0044cc;--title-color: #002366;--subtitle-color: #666666;--input-background-color: #ffffff;--input-text-color: #333333;--label-color: #002366;--close-button-background: #d9534f;--close-button-hover-background: #c9302c;--extra-button-color: #335596;--item-background-color: #343638;--warning-color: #ffc107;--warning-color-hover: #e0a800}.timer-input{width:60px;padding:10px;margin:5px;border:2px solid #ccc;border-radius:5px;font-size:1rem;text-align:center}.timer-input:disabled{background-color:#e0e0e0}.start-button:disabled{background-color:#aaa;cursor:not-allowed}.timer-time-left{font-size:2rem;color:#333;margin-top:20px}.local-time{text-align:center;margin-bottom:20px}.local-time-title{font-size:20px;font-weight:700;color:#555}.local-time p{font-size:18px;color:#222}.add-city{display:flex;justify-content:center;margin-bottom:20px}.add-city-select{padding:10px;border:1px solid #1c245c;border-radius:4px;font-size:16px;margin-right:10px}.add-city-button{padding:10px 20px;font-size:16px;background-color:#112a46;color:#fff;border:none;border-radius:4px;cursor:pointer}.add-city-button:hover{background-color:#173350}.world-clocks{display:flex;flex-direction:column;margin:20px 10px 10px}.city-clock{display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:10px;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a}.city-clock h3{font-size:18px;color:#333}.city-clock p{font-size:16px;color:#222}.remove-city-button{color:#b62e2e;border:none;padding:5px 10px;cursor:pointer}.remove-city-button:hover{color:#a74430}.remove-all-cities{display:flex;justify-content:center;margin-top:20px;background-color:#b62e2e;padding:10px;border:none;width:100%;color:#fff;border-radius:8px}.navbar{background-color:#1c1c1e;padding:10px 20px;position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center}.nav-links{list-style:none;display:flex;margin:0;padding:0}.nav-link{margin:0 10px}.nav-link a{text-decoration:none;color:#f1f1f1;font-size:18px;font-weight:500}.nav-link a:hover{color:#d4af37}@media (max-width: 768px){.nav-links{position:absolute;top:60px;left:0;width:100%;background-color:#1c1c1e;flex-direction:column;align-items:center;display:none}.nav-links.show{display:flex}.nav-link{margin:15px 0}}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger div{width:25px;height:3px;background-color:#f1f1f1;margin:4px}@media (max-width: 768px){.hamburger{display:flex}}