.countdown-container{background-color:#333;color:#f1c40f;font-family:Segoe UI,Georgia,serif;text-align:center;padding:30px}.countdown-title{font-size:2.5rem;margin-bottom:20px}.countdown-timer{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.time-unit{display:flex;flex-direction:column;align-items:center}.time-digit{font-size:3rem;font-weight:700;background-color:#2c3e50;padding:10px 20px;border-radius:10px}.time-label{font-size:1rem;margin-top:4px}.controls{display:flex;gap:10px;justify-content:center;margin:20px 0;flex-wrap:wrap}.search-input{padding:8px 12px;font-size:1rem;border-radius:6px;border:1px solid #ccc;width:220px}.sort-button{padding:8px 16px;font-weight:700;background-color:#2c3e50;color:#f1c40f;border:none;border-radius:6px;cursor:pointer}.sort-button:hover{background-color:#34495e}.city-times-title{margin-top:30px;font-size:1.5rem;text-decoration:underline}.city-times-container{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px}.city-time-item{background-color:#222;padding:12px 16px;border-radius:10px;width:240px;color:#fff;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 4px #000}.flag{font-size:2rem;margin-bottom:6px}.city-name{font-weight:700;font-size:1.1rem}.local-time,.local-countdown{margin-top:4px}.hamburger-btn{position:fixed;top:1rem;left:1rem;width:36px;height:30px;background:none;border:none;cursor:pointer;z-index:1200;display:flex;flex-direction:column;justify-content:space-between;padding:0;transition:transform .3s ease}.hamburger-line{display:block;height:4px;width:100%;background:#556ee6;border-radius:3px;transition:all .3s ease}.hamburger-btn.open .line1{transform:translateY(13px) rotate(45deg);background:#ff6b6b}.hamburger-btn.open .line2{opacity:0}.hamburger-btn.open .line3{transform:translateY(-13px) rotate(-45deg);background:#ff6b6b}.sidebar{position:fixed;top:0;left:0;width:270px;height:100vh;background:linear-gradient(180deg,#1f2a48,#283556);color:#fff;padding:2.5rem 2rem;box-sizing:border-box;transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:1150;display:flex;flex-direction:column;border-top-right-radius:16px;border-bottom-right-radius:16px;box-shadow:5px 0 20px #000000a6;pointer-events:none;visibility:hidden}.sidebar.open{transform:translate(0);pointer-events:auto;visibility:visible}.sidebar-nav{display:flex;flex-direction:column;gap:1.8rem;font-weight:600;font-size:1.3rem;-webkit-user-select:none;user-select:none}.sidebar-nav a{color:#cfd6ff;text-decoration:none;padding:.35rem .5rem;border-radius:8px;transition:background-color .3s ease,color .3s ease,transform .2s ease;box-shadow:inset 0 0 0 0 transparent}.sidebar-nav a:hover{background-color:#4053c9;color:#e3eaff;transform:translate(6px);box-shadow:inset 5px 0 10px #556ee6b3}.sidebar-nav a.active{background-color:#6271f3;color:#fff;box-shadow:inset 5px 0 15px #667eeae6}.backdrop{position:fixed;inset:0;background:#0f0f28a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1140;cursor:pointer;opacity:0;animation:fadeInBackdrop .3s forwards}@keyframes fadeInBackdrop{to{opacity:1}}.page-content{padding:3rem 2.5rem;transition:margin-left .35s cubic-bezier(.4,0,.2,1);margin-left:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;line-height:1.7;color:#222;background-color:#f0f2ff;min-height:100vh;box-sizing:border-box}.page-content.shifted{margin-left:270px;filter:drop-shadow(0 0 4px rgba(50,60,140,.3))}