.depopup-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);z-index:10000;}
.depopup-modal{position:relative;background:#fff;color:#111;padding:24px 28px;border-radius:16px;min-width:360px;max-width:92vw;box-shadow:0 10px 40px rgba(0,0,0,.2);text-align:left;font:500 16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial;max-height:80vh;overflow:auto;}
.depopup-title{margin:0 0 12px 0;font-size:20px;text-align:center;}
.depopup-list{display:grid;grid-template-columns:1fr;gap:12px;}
.depopup-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(0,0,0,.06);border-radius:12px;background:rgba(0,0,0,.02);}
.depopup-label{font-weight:600;}
.depopup-date{font-size:14px;opacity:.8;}
.depopup-clock{font-size:20px;font-variant-numeric:tabular-nums;}
.depopup-close{position:absolute;top:8px;right:10px;background:transparent;border:0;font-size:24px;line-height:1;cursor:pointer;color:#666;}
.depopup-select{width:100%; margin:0 0 12px 0; padding:8px 10px; font:inherit; border-radius:10px; border:1px solid rgba(0,0,0,.15); background:#fff;}
@media (prefers-color-scheme: dark){
 .depopup-modal{background:#1b1b1b;color:#eee;}
 .depopup-row{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.03);}
 .depopup-select{background:#2a2a2a; color:#eee; border-color:rgba(255,255,255,.15);}
 .depopup-close{color:#aaa;}
}