.temporal-control{display:block;min-width:0;width:100%}.temporal-pair{display:grid;grid-template-columns:minmax(145px,1fr) minmax(145px,1fr);gap:12px}.temporal-part{display:block;min-width:0}.temporal-caption{display:block;font-size:11px;color:var(--muted);font-weight:500;margin-bottom:6px}.temporal-entry{display:flex;align-items:stretch;position:relative;min-width:0}.temporal-entry input{width:100%;min-width:0;padding-right:42px!important;font-variant-numeric:tabular-nums}.temporal-picker-button{position:absolute;right:3px;top:3px;bottom:3px;width:36px!important;padding:8px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--muted)!important}.temporal-picker-button:hover:not(:disabled){color:var(--accent)!important;background:var(--tint)!important}.temporal-picker-button svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.temporal-picker{width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 20px 80px #0003;overflow:auto}.temporal-picker::backdrop{background:#05152f55;backdrop-filter:blur(3px)}.temporal-picker h2{font-size:18px;font-weight:600;margin:0 0 20px}.temporal-picker input,.temporal-picker select{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:9px;min-width:0;padding:10px;font-size:14px}.temporal-picker>input{width:100%}.temporal-actions{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:16px;margin-top:12px}.temporal-actions button{min-height:40px;padding:8px 16px}.temporal-actions button:first-child{margin-right:auto}.temporal-selection{min-height:20px;text-align:center;font-size:13px;color:var(--muted);margin:16px 0 0}.calendar-navigation{display:grid;grid-template-columns:30px minmax(0,1fr) 78px 30px;gap:5px;align-items:center;margin-bottom:16px}.calendar-navigation button{padding:5px;font-size:24px;border:0;background:transparent}.calendar-navigation select{padding:8px 4px}.calendar-navigation input{width:78px;padding:8px 4px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-grid button{padding:0;min-height:36px;font-size:13px;border:0;border-radius:9px;background:transparent}.calendar-weekday{font-size:11px;color:var(--muted);text-align:center;padding-bottom:9px}.calendar-grid .calendar-adjacent{color:var(--muted)}.calendar-grid button[aria-current=date]{box-shadow:inset 0 0 0 1px var(--accent)}.calendar-grid button[aria-pressed=true]{background:var(--accent);color:#fff}.calendar-grid button:disabled{opacity:.25}.time-wheels{display:flex;gap:12px;justify-content:center;margin-top:18px}.time-wheel-column{flex:1;min-width:0;text-align:center}.time-wheel{height:180px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;border-radius:12px;padding:72px 0;background:var(--surface-soft);scrollbar-width:none;position:relative;touch-action:pan-y}.time-wheel::-webkit-scrollbar{display:none}.time-wheel [role=option]{height:36px;line-height:36px;scroll-snap-align:center;font-size:18px;font-variant-numeric:tabular-nums;color:var(--muted);cursor:pointer}.time-wheel [aria-selected=true]{background:var(--tint);color:var(--accent);font-weight:600}.time-wheel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:430px){.temporal-pair{grid-template-columns:minmax(0,1fr);gap:10px}.temporal-picker{padding:18px}.temporal-picker-button{min-height:32px}}
