.centered-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:var(--dialog-dim);animation:picker-fade .18s ease-out}.centered-picker-dialog{position:fixed;z-index:3001;left:50%;top:var(--picker-center, 50%);transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:440px;max-height:min(85svh,var(--picker-max-height, 85dvh));overflow-y:auto;overscroll-behavior:contain;border-radius:20px;border:1px solid var(--app-border);background:var(--app-surface);box-shadow:var(--app-shadow);padding:20px;color:var(--app-text);animation:picker-enter .18s ease-out}.centered-picker-dialog h2{margin:0 38px 16px 0;font:500 19px/1.4 Lora,serif}.centered-picker-dialog .picker-close{position:absolute;right:10px;top:8px;width:44px;height:44px;padding:0;color:var(--app-text-secondary)}.centered-picker-dialog .picker-close svg{width:20px;height:20px}.centered-picker-dialog.time-picker-dialog{max-width:340px;padding:24px}.time-picker-actions{display:flex;gap:10px;margin-top:18px}.time-picker-actions>button{flex:1;border-radius:999px}.centered-picker-dialog .sleep-event-grid{margin-top:0}.centered-picker-dialog .sleep-event-grid button{white-space:normal;justify-content:flex-start;height:auto}.centered-picker-dialog .sleep-event-grid svg{flex-shrink:0}.night-event-dialog .sleep-event-grid button:hover{background:var(--app-surface);color:var(--app-text)}.night-event-dialog .sleep-event-grid button[aria-pressed=true],.night-event-dialog .sleep-event-grid button:active{background:var(--oakm-primary);border-color:var(--oakm-primary);color:var(--rating-tile-selected-foreground);transition:none}.night-event-dialog button{transition-property:none}.night-event-dialog .sleep-event-grid button[aria-pressed=true] svg,.night-event-dialog .sleep-event-grid button:active svg{color:inherit}.night-event-dialog .sleep-time-row:hover,.night-event-dialog .picker-close:hover{background:var(--app-surface);color:var(--app-text)}.centered-picker-dialog .sleep-event-footer{display:flex;gap:10px;margin-top:14px}.centered-picker-dialog .sleep-event-footer>.oakm-primary-button{flex:1;border-radius:999px}@keyframes picker-fade{0%{opacity:0}to{opacity:1}}@keyframes picker-enter{0%{opacity:0;transform:translate(-50%,-50%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (prefers-reduced-motion: reduce){.centered-picker-backdrop,.centered-picker-dialog{animation:none}}