body{margin:0;padding:0;display:flex;justify-content:center;align-items:stretch;min-height:100vh;background-image:url(/assets/bgimage-CaHmFgqf.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.app-container{max-width:500px;margin:40px auto;padding:20px;background:#e1dede;border-radius:12px;box-shadow:0 2px 10px #0000001a;font-family:sans-serif}.nav{display:flex;justify-content:center;gap:30px;margin-bottom:25px}.nav-link{text-decoration:none;color:#444;font-weight:500;padding:8px 14px;border-radius:8px;transition:all .25s ease;position:relative;text-align:center}.nav-link:hover,.nav-link.active{background-color:#e6f0ff;color:#2563eb}.nav-link:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background-color:#2563eb;transition:all .3s ease;transform:translate(-50%)}.nav-link.active:after{width:100%}.page{max-width:500px;margin:0 auto;padding:20px;text-align:center}.page-title{margin-bottom:20px;color:#222}.page-subtitle{color:#555;margin-bottom:30px;font-size:1rem}.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 6px 20px #00000014;text-align:left}.feature-list{list-style:none;padding:0;margin:15px 0 25px}.feature-list li{font-size:1rem}.primary-btn{margin-top:15px;padding:10px 18px;background-color:#1377ff;color:#fff;text-decoration:none;border-radius:8px;transition:background-color .2s ease}.primary-btn:hover{background-color:#1e40af}.disclaimer{margin-top:20px;font-size:.9rem;color:#777}h2{text-align:center;margin-bottom:20px;color:#2b2b2b}form{display:flex;gap:10px;margin-bottom:20px}input[type=text],input[type=time]{flex:1;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:1rem}button{padding:10px 14px;background:#1377ff;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}button:hover{background:#1e40af}ul{list-style:none;padding:0;margin-top:10px}li{display:flex;justify-content:space-between;padding:10px;margin:6px 0;border-radius:6px;align-items:center;background:#fff;color:#222}li button{background:#ff4c4c;padding:6px 10px;border-radius:4px}li button.edit{background:#04a534;padding:6px 10px;border-radius:4px}li button.edit:hover{background:#0a9132}li button:hover{background:#d63d3d}.takenBtn{background-color:gray}.takenBtn:hover{background-color:#5d5b5b}.alarm-btn{background-color:#4caf50;color:#fff;padding:10px;border:none;cursor:pointer}.alarm-btn:hover{background-color:#45a049}.alarm-btn.disabled{background-color:#ccc;cursor:not-allowed}.circleButtonStyle{width:40px;height:40px;border-radius:50%;border:1px solid #ccc;background-color:#2196f3;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.snoozeButtonStyle{padding:10px 20px;font-size:1rem;border-radius:8px;background-color:#2196f3;color:#fff;border:none;cursor:pointer;min-width:180px}.okButtonStyle{margin-top:10px;font-size:1rem;padding:10px 40px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer}.popupOverlayStyle{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.popupInnerStyle{background:#fff;padding:40px;border-radius:12px;min-width:320px;text-align:center;box-shadow:0 4px 15px #0000004d}@media(max-width:900px){body{align-items:flex-start}.app-container{max-width:80vw;margin:20px auto;padding:16px;font-size:1rem}.page{padding:16px}.page-title{font-size:1.7rem}.page-subtitle{font-size:1rem}.card{padding:20px}}@media(max-width:600px){body{background-size:cover;background-position:top center;min-height:100vh;align-items:flex-start}.app-container{max-width:98vw;margin:8px auto;padding:8px;font-size:.98rem}h2{font-size:1.3rem;margin-bottom:12px}form{flex-direction:column;gap:8px}button,.snoozeButtonStyle,.okButtonStyle{font-size:.95rem;padding:8px 10px;min-width:unset}input[type=text],input[type=time]{font-size:.95rem;padding:8px}ul{margin-top:6px}li{flex-direction:column;align-items:flex-start;padding:8px;margin:4px 0}.page{padding:12px;text-align:left}.page-title{font-size:1.4rem;text-align:center}.page-subtitle{font-size:.95rem;text-align:center;margin-bottom:20px}.card{padding:16px;border-radius:10px}.feature-list li{font-size:.95rem}.primary-btn{width:100%;text-align:center;padding:10px}}@media(max-width:400px){.app-container{padding:2px;font-size:.92rem}h2{font-size:1.1rem}button,.snoozeButtonStyle,.okButtonStyle{font-size:.9rem;padding:6px 8px}.page-title{font-size:1.2rem}.page-subtitle{font-size:.9rem}.card{padding:12px}.feature-list li{font-size:.9rem}}@media(max-width:350px){.app-container{padding:0;font-size:.88rem}h2{font-size:1rem}.page-title{font-size:1.05rem}.page-subtitle{font-size:.85rem}.primary-btn{font-size:.9rem;padding:8px}}