:root{--n-control-bg:#fffdfa;--n-control-text:#241b36;--n-control-muted:#655a77;--n-control-border:#d4c8e6;--n-control-soft:#efe6fa;--n-control-accent:#7046bc;--n-control-active:#7046bc;--n-control-on-active:#fff;--n-control-shadow:0 14px 48px #17102433;--n-selection-bg:#744dc2;--n-selection-text:#fff}
:root[data-theme=dark]{--n-control-bg:#171e32;--n-control-text:#f4effb;--n-control-muted:#c6bbda;--n-control-border:#76618d;--n-control-soft:#302444;--n-control-accent:#d5b2ff;--n-control-active:#d4b2ff;--n-control-on-active:#21152f;--n-control-shadow:0 14px 48px #0007;--n-selection-bg:#d4b2ff;--n-selection-text:#241735}
::selection{background:var(--n-selection-bg);color:var(--n-selection-text);text-shadow:none}input,select,textarea{accent-color:var(--n-control-accent)}
.city-options,.c-city-options{background:var(--n-control-bg);color:var(--n-control-text);border-color:var(--n-control-border);scrollbar-color:var(--n-control-border) var(--n-control-bg);scrollbar-width:thin;overscroll-behavior:contain}.city-options li small,.c-city-options li small{color:var(--n-control-muted)}.city-options li:hover,.c-city-options li:hover{background:var(--n-control-soft);color:var(--n-control-text)}.city-options li[aria-selected=true],.c-city-options li[aria-selected=true]{background:var(--n-control-active);color:var(--n-control-on-active)}.city-options li[aria-selected=true] small,.c-city-options li[aria-selected=true] small{color:inherit}.city-options[data-direction=up]{top:auto;bottom:calc(100% - 27px)}
.natalo-picker-field{position:relative;min-width:0;width:100%}.natalo-picker-field>input{padding-right:48px!important;margin-top:0!important}.time-range .natalo-picker-field{margin-top:6px}
.natalo-picker-trigger{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:9px;background:transparent;color:var(--n-control-accent);display:flex;align-items:center;justify-content:center;padding:9px;cursor:pointer}.natalo-picker-trigger svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;pointer-events:none}.natalo-picker-trigger:hover{background:var(--n-control-soft)}.natalo-picker-trigger:focus-visible{outline:3px solid var(--n-control-accent);outline-offset:-2px}
.birth-form .natalo-picker-trigger{color:#7046bc}.birth-form .natalo-picker-trigger:hover{background:#efe6fa}
.natalo-picker{position:fixed;z-index:160;width:338px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;background:var(--n-control-bg);color:var(--n-control-text);border:1px solid var(--n-control-border);border-radius:17px;box-shadow:var(--n-control-shadow);padding:16px;font:16px/1.4 'Natalo Sans',Arial,sans-serif;overscroll-behavior:contain;scrollbar-color:var(--n-control-border) var(--n-control-bg);scrollbar-width:thin;animation:natalo-picker-in .16s ease-out}
.natalo-picker[hidden]{display:none}.natalo-picker *{box-sizing:border-box}.natalo-picker button,.natalo-picker input{font:inherit}.natalo-picker button{border:1px solid transparent;cursor:pointer;border-radius:9px;background:transparent;color:inherit;padding:7px;min-height:41px;line-height:1.3}.natalo-picker button:hover:not(:disabled){background:var(--n-control-soft);color:var(--n-control-accent)}.natalo-picker button:focus-visible,.natalo-picker input:focus-visible{outline:3px solid var(--n-control-accent);outline-offset:1px}.natalo-picker button:disabled{opacity:.34;cursor:default}.natalo-picker button[aria-pressed=true],.natalo-picker button[aria-pressed=true]:hover{background:var(--n-control-active);color:var(--n-control-on-active);font-weight:700}
.natalo-picker-caption{display:flex;align-items:center;gap:10px;margin-bottom:9px;font-size:14px;font-weight:700;color:var(--n-control-muted)}.natalo-picker-caption span{flex:1}.natalo-picker-caption button{font-size:22px;min-height:32px;width:32px;padding:2px}.natalo-picker-heading{display:flex;align-items:center;gap:4px;margin-bottom:10px}.natalo-picker-heading .natalo-picker-month{flex:1;text-align:center;font-weight:700;text-transform:capitalize}.natalo-picker-heading .natalo-picker-year{font-weight:700}.natalo-picker-nav{width:36px;min-width:36px;padding:5px!important}.natalo-picker-nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.natalo-calendar-week,.natalo-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.natalo-calendar-week{color:var(--n-control-muted);font-size:13px;text-align:center;margin-bottom:4px}.natalo-calendar-week span{padding:4px}.natalo-calendar-days button{min-width:0;padding:4px;aspect-ratio:1;min-height:35px;position:relative}.natalo-calendar-days .is-other-month{color:var(--n-control-muted)}.natalo-calendar-days .is-today:after{content:'';position:absolute;bottom:3px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:currentColor}
.natalo-picker-footer{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;border-top:1px solid var(--n-control-border);padding-top:11px;margin-top:11px;font-size:14px}.natalo-picker-footer button{padding:8px 10px}.natalo-picker-footer .natalo-picker-apply{background:var(--n-control-active);color:var(--n-control-on-active);font-weight:700}.natalo-picker-footer .natalo-picker-apply:hover{background:var(--n-control-active);color:var(--n-control-on-active);filter:brightness(.95)}
.natalo-month-grid,.natalo-year-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.natalo-month-grid button,.natalo-year-grid button{font-size:14px;min-height:44px}.natalo-picker-year-entry{display:flex;gap:9px;align-items:center;margin:7px 0 13px}.natalo-picker-year-entry label{font-size:14px;color:var(--n-control-muted)}.natalo-picker-year-entry input{width:96px;min-height:43px;border:1px solid var(--n-control-border);border-radius:9px;background:var(--n-control-bg);color:var(--n-control-text);padding:7px 10px;text-align:center;font-size:16px}.natalo-picker-year-entry button{color:var(--n-control-accent);font-size:14px;font-weight:700}.natalo-picker-error{color:var(--n-control-text);font-size:14px;margin:0 0 12px}.natalo-picker-return{width:100%;margin-top:9px;color:var(--n-control-accent)!important;font-size:14px!important}
.natalo-time-preview{font-size:29px;font-weight:700;letter-spacing:.03em;text-align:center;margin:4px 0 15px}.natalo-time-head,.natalo-time-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px}.natalo-time-head{font-size:14px;color:var(--n-control-muted);text-align:center;margin-bottom:7px}.natalo-time-column{height:201px;overflow:auto;border:1px solid var(--n-control-border);padding:5px;border-radius:12px;scrollbar-color:var(--n-control-border) var(--n-control-bg);scrollbar-width:thin;overscroll-behavior:contain}.natalo-time-column button{display:block;width:100%;margin:1px 0;font-variant-numeric:tabular-nums;min-height:43px}
@keyframes natalo-picker-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.motion-off .natalo-picker{animation:none}@media(prefers-reduced-motion:reduce){.natalo-picker{animation:none}}@media(max-width:360px){.natalo-picker{padding:12px}.natalo-calendar-days{gap:2px}.natalo-picker-footer button{padding-inline:8px}.natalo-picker-footer{font-size:13px}}