/* Дата, время и город рождения в стиле Мисторики (datepick.js): ночное стекло, золото, Playfair */
.dp{position:relative}
.dp>input[type=text]{width:100%}
.dp .dp-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:12px;background:none;color:var(--moon,#f3d79e);cursor:pointer;transition:background .2s}
.dp .dp-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.dp .dp-btn:hover,.dp.open .dp-btn{background:#f3d79e1a}
.dp .dp-btn:focus-visible{outline:2px solid #f3d79e88;outline-offset:1px}
.dp-pop{position:absolute;z-index:30;left:0;top:calc(100% + 8px);width:min(340px,calc(100vw - 32px));padding:14px;border-radius:20px;background:linear-gradient(160deg,#2a2070f2,#120e33f7);border:1px solid #bba8ff33;box-shadow:0 30px 70px -20px #050314cc,inset 0 1px 0 #ffffff17,0 0 50px -14px #7a5cf077;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:dp-in .2s cubic-bezier(.2,.8,.2,1)}
@keyframes dp-in{from{opacity:0;transform:translateY(-6px)}}
.dp-pop .dp-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:6px}
.dp-pop .dp-nav,.dp-pop .dp-title{height:40px;border:0;border-radius:12px;background:none;color:var(--ink,#f5f0e6);cursor:pointer}
.dp-pop .dp-nav{font:400 24px/1 var(--display,Georgia,serif);color:var(--moon,#f3d79e)}
.dp-pop .dp-title{font:500 18px var(--display,Georgia,serif);text-transform:capitalize}
.dp-pop .dp-title:not(:disabled):hover,.dp-pop .dp-nav:not(:disabled):hover{background:#ffffff10}
.dp-pop .dp-title:disabled{cursor:default;color:var(--ink,#f5f0e6)}
.dp-pop .dp-nav:disabled{opacity:.25;cursor:default}
.dp-pop .dp-hint{margin:4px 0 10px;text-align:center;font:600 11px/1 var(--sans,system-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--faint,#8a84ad)}
.dp-grid{display:grid;gap:6px}
.dp-pop .dp-years,.dp-pop .dp-months{grid-template-columns:repeat(3,1fr)}
.dp-pop .dp-days{grid-template-columns:repeat(7,1fr);gap:3px}
.dp-pop .dp-cell{min-height:44px;border:0;border-radius:12px;background:#ffffff08;color:var(--ink,#f5f0e6);font:500 16px var(--sans,system-ui);cursor:pointer;transition:background .15s,box-shadow .2s}
.dp-pop .dp-months .dp-cell{text-transform:capitalize;font-size:15px}
.dp-pop .dp-days .dp-cell{min-height:38px;background:none;font-size:15px}
.dp-pop .dp-cell:hover:not(:disabled){background:#f3d79e1f}
.dp-pop .dp-cell:focus-visible{outline:2px solid #f3d79e99;outline-offset:1px}
.dp-pop .dp-cell.on{background:linear-gradient(135deg,#ffeec8,var(--moon,#f3d79e) 45%,var(--moon-2,#e3b465));color:#231a0a;font-weight:650;box-shadow:0 8px 20px -8px #f3d79eaa}
.dp-pop .dp-cell:disabled{opacity:.25;cursor:default}
.dp-pop .dp-wd{text-align:center;padding:4px 0 6px;font:600 11px var(--sans,system-ui);letter-spacing:.06em;color:var(--faint,#8a84ad)}
.dp-pop .dp-days .dp-wd:nth-child(6),.dp-pop .dp-days .dp-wd:nth-child(7){color:var(--rose,#ff9fc0);opacity:.75}
/* список городов */
.dp-list{list-style:none;margin:0;padding:6px;width:100%;max-height:300px;overflow:auto;scrollbar-width:thin}
.dp-pop .dp-opt{padding:12px 14px;border-radius:12px;font:16px var(--sans,system-ui);color:var(--ink,#f5f0e6);cursor:pointer}
.dp-pop .dp-opt:hover,.dp-pop .dp-opt.on{background:#f3d79e1f;color:var(--moon,#f3d79e)}
.dp-pop .dp-empty{padding:12px 14px;font-size:14px;color:var(--muted,#aaa4c8)}
@media(max-width:560px){.dp-pop{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){.dp-pop{animation:none}}
/* кабинет: поле даты с кнопкой календаря — место под иконку */
.dp>input.cab-input{padding-right:56px}
.dp-city>input.cab-input{padding-right:14px}

/* сонник: «Другая дата» — поле в «таблетке», календарь под ней (seo.css красит все кнопки в .moon-pick — гасим) */
.moon-date{position:relative}
.moon-date .dp{position:static}
.moon-date .dp>input[type=text]{width:118px;padding:0 34px 0 0;height:28px;font:15px var(--sans,system-ui);background:transparent;border:0;color:var(--ink,#f5f0e6)}
.moon-date .dp>input::placeholder{color:var(--faint,#8a84ad)}
.moon-pick .dp .dp-btn{right:6px;width:34px;height:34px;padding:0;border:0;border-radius:50%}
.moon-pick .dp-pop{left:0;width:min(330px,calc(100vw - 48px));cursor:default}
.moon-pick .dp-pop button{border:0;padding:0;display:block;font-family:inherit}
.dp-pop .dp-opt b{display:block;font-weight:500}
.dp-pop .dp-opt .dp-sub{display:block;margin-top:2px;font-size:13px;color:var(--faint,#8a84ad)}
.dp-pop .dp-opt.on .dp-sub,.dp-pop .dp-opt:hover .dp-sub{color:#f3d79eaa}