.pomodoro-container{text-align:center;padding:2rem 1rem;background:rgba(32,54,112,.8);border-radius:1rem;max-width:700px;margin:2rem auto 0;box-shadow:0 0 40px #5edbff20,0 8px 32px 0 #3956b03a;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);color:#fff}.clock{font-size:3.2rem;margin:1rem auto 2rem;background:linear-gradient(135deg,#093b70 60%,#174b82);color:#eafcfa;width:200px;height:200px;padding:1rem;border-radius:50%;border:6px solid #2bc1ff;align-items:center;box-shadow:0 0 12px #1fa6ff80,0 0 24px #237dff33,inset 0 0 12px #eafcff2e;transition:background-color .3s,box-shadow .3s}.clock,.controls{display:flex;justify-content:center}.controls{margin-bottom:2rem;gap:1rem}.controls button{margin:0 10px;padding:.6rem 1.2rem;font-size:1rem;background:linear-gradient(96deg,#378cff,#44e6ff 85%);color:#fff;border:none;border-radius:.4rem;cursor:pointer;font-weight:700;box-shadow:0 2px 8px #209bffad;transition:background .2s,transform .12s}.controls button:hover{background:linear-gradient(96deg,#44e6ff 40%,#378cff 105%);transform:scale(1.05);box-shadow:0 2px 18px #44e6ff45}.pomodoro-info h2{margin-top:2rem;margin-bottom:1.2rem;font-size:1.36rem;background:linear-gradient(90deg,#befaff 14%,#3ea9ff 54%,#bfa8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 8px #54f7ff64,0 0 2px #1b80ff27;font-weight:700}.pomodoro-desc{color:#fff!important;text-shadow:none!important;font-size:1.12rem;line-height:1.7;margin:0 auto 1.5rem;max-width:600px;font-weight:500}