@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";
body{background:#f0f0f3;margin:0;padding:0;font-family:Montserrat,sans-serif}.picker-container{background:#f5f5f7;flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100vh;padding:20px;display:flex}.picker-widget{-webkit-user-select:none;user-select:none;background:#f4f4f5;border-radius:6px;width:100%;max-width:440px;height:130px;display:flex;position:relative;overflow:hidden;box-shadow:10px 15px 30px #0000001a,-5px -5px 20px #fffc,inset 1px 1px 2px #fffc}.picker-left{color:#fff;z-index:1;background:#2f3439;flex:0 0 35%;justify-content:space-between;align-items:center;padding:0 15px;display:flex;position:relative}.nav-btn{color:#9aa0a6;cursor:pointer;background:0 0;border:none;padding:5px;font-size:14px;transition:color .2s}.nav-btn:hover{color:#fff}.left-nav{margin-right:auto}.right-nav{margin-left:auto}.date-display{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.date-display .day{letter-spacing:-1px;font-size:32px;font-weight:700;line-height:1.1}.date-display .month{text-transform:uppercase;color:#e0e0e0;letter-spacing:1px;font-size:14px;font-weight:300}.picker-divider{z-index:10;width:0;position:absolute;top:0;bottom:0;left:35%}.handle{-webkit-backdrop-filter:blur(8px);cursor:grab;background:linear-gradient(135deg,#fff6,#ffffff1a);border:1px solid #ffffff4d;border-radius:50%;width:60px;height:60px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:5px 5px 15px #0000001a,inset 1px 1px 2px #fffc}.handle:active{cursor:grabbing}.picker-right{flex:1;justify-content:center;align-items:center;padding-left:20px;display:flex}.time-display{color:#2f3439;flex-direction:column;align-items:flex-start;display:flex}.time-wrapper{align-items:baseline;gap:6px;display:flex}.time{letter-spacing:-1px;font-size:42px;font-weight:700}.meridiem{text-transform:lowercase;font-size:16px;font-weight:400}.label{color:#9aa0a6;text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:14px;font-weight:400}.action-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.neumorphic-btn{color:#2f3439;letter-spacing:1px;background:#f4f4f5;border-radius:12px;padding:15px 30px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:6px 6px 12px #0000001a,-6px -6px 12px #fffc}.neumorphic-btn:hover{transform:translateY(1px);box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #fffc}.neumorphic-btn:active{transform:translateY(2px);box-shadow:inset 4px 4px 8px #0000001a,inset -4px -4px 8px #fffc}@media (max-width:400px){.picker-widget{height:120px}.date-display .day{font-size:28px}.time{font-size:36px}.handle{width:50px;height:50px}}