:root{--hx-surface: #0c241a;--hx-surface-2: #11301f;--hx-line: #e7ddbe24;--hx-line-strong: #e6bd6866;--hx-text: #f7f3e8;--hx-muted: #b9c4b3;--hx-gold: #e6bd68;--hx-gold-hover: #f0cd82;--hx-champagne: #f3d99a;--hx-ink: #0b2219;--hx-band: #e6bd6824;--hx-shadow-pop: 0 30px 70px -24px #000000e6,0 0 0 1px #e6bd6833;--hx-ease: cubic-bezier(.2,.8,.2,1)}.field .calendar-input{display: flex;align-items: center;gap: 6px;position: relative;min-width: 0;width: 100%}.calendar-input input{flex: 1;width: 0 !important;min-width: 0;padding-right: .4rem}.calendar-trigger{flex: 0 0 44px;width: 44px;min-height: 44px;display: grid;place-items: center;padding: 0;border: 1px solid var(--hx-line);border-radius: 8px;background: var(--hx-surface-2);color: var(--hx-gold);cursor: pointer;transition: border-color .18s,background-color .18s}.calendar-trigger:hover{border-color: var(--hx-line-strong);background: #163a29}.calendar-trigger .icon{width: 20px;height: 20px}.calendar-format{display: block;color: var(--hx-muted);font-size: .72rem;letter-spacing: .03em;margin-top: .25rem}.when-field{position: relative;cursor: pointer}.when-field .field{position: static;min-width: 0}.when-trigger{display: block;width: 100%;min-width: 0;min-height: 26px;position: static;margin: 0;padding: 0;border: 0;background: none;color: var(--hx-text);font: 500 16px/1.6 var(--sans);text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;-webkit-tap-highlight-color: transparent}.when-trigger::after{content: "";position: absolute;inset: 0;z-index: 1;border-radius: inherit}.when-field>.icon{pointer-events: none}.when-trigger:focus-visible{outline: none}.when-field:has(.when-trigger:focus-visible){outline: 2px solid var(--hx-champagne);outline-offset: -2px}.when-field .field-chevron{transition: transform .2s var(--hx-ease)}.when-field:has([aria-expanded="true"]) .field-chevron{transform: rotate(180deg)}.when-field .field-error{position: relative;display: block;margin-top: 4px;white-space: normal}.when-field .field-error[hidden]{display: none}.when-dialog,.huntyr-calendar{color-scheme: dark;box-sizing: border-box;border: 0;border-radius: 14px;background: var(--hx-surface);color: var(--hx-text);box-shadow: var(--hx-shadow-pop);overscroll-behavior: contain;font-family: var(--sans)}.when-dialog::backdrop,.huntyr-calendar::backdrop{background: #020b07b3}.when-dialog{position: fixed;inset: 0;margin: auto;width: min(404px,calc(100vw - 24px));max-width: none;max-height: calc(100dvh - 24px);padding: 18px 20px 16px;overflow: auto}.huntyr-calendar{width: min(380px,calc(100% - 24px));max-height: calc(100dvh - 24px);margin: auto;padding: 20px;overflow: auto}.when-head{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 14px}.when-head h2{margin: 0;font: 400 26px/1.15 var(--serif);letter-spacing: -.01em;color: var(--hx-text)}.when-close{flex: 0 0 44px;width: 44px;height: 44px;margin: -8px -10px -8px 0;display: grid;place-items: center;padding: 0;border: 0;border-radius: 50%;background: transparent;color: var(--hx-muted);cursor: pointer;transition: color .18s,background-color .18s}.when-close:hover{color: var(--hx-text);background: #ffffff0f}.when-close .icon{width: 20px;height: 20px}.when-modes{display: flex;flex-wrap: wrap;gap: 6px;min-width: 0;margin: 0;padding: 0;border: 0}.when-modes label{position: relative;display: inline-flex;align-items: center;min-height: 44px;padding: 0 15px;border: 1px solid var(--hx-line);border-radius: 999px;color: #e3e7dc;font-size: 14px;line-height: 1.2;cursor: pointer;transition: border-color .18s,background-color .18s,color .18s}.when-modes label:hover{border-color: #e6bd6880}.when-modes input{appearance: none;-webkit-appearance: none;position: absolute;inset: 0;width: 100%;height: 100%;margin: 0;border-radius: inherit;opacity: 0;cursor: pointer}.when-modes label:has(:checked){border-color: var(--hx-gold);background: var(--hx-gold);color: var(--hx-ink);font-weight: 600}.when-modes label:has(:focus-visible){outline: 2px solid var(--hx-champagne);outline-offset: 2px}.when-hint{min-height: 3.2em;margin: 12px 2px 0;color: var(--hx-muted);font-size: 13px;line-height: 1.6}.when-calendar{margin-top: 4px}.when-calendar[hidden]{display: none}.when-body{min-height: 436px}.when-foot{position: sticky;bottom: -16px;z-index: 1;display: flex;align-items: center;justify-content: space-between;gap: 16px;margin: 14px -20px -16px;padding: 14px 20px 16px;border-top: 1px solid var(--hx-line);background: var(--hx-surface)}.when-foot p{min-width: 0;margin: 0;color: var(--hx-text);font-size: 14px;line-height: 1.5}.when-done.button{flex: 0 0 auto;min-height: 44px;margin: 0;padding: 0 24px;border: 0;border-radius: 8px;background: var(--hx-gold);color: var(--hx-ink);font: 700 13px/1 var(--sans);letter-spacing: .08em;text-transform: uppercase;cursor: pointer;transition: background-color .18s,transform .12s}.when-done.button:hover{background: var(--hx-gold-hover)}.when-done.button:active{transform: scale(.98)}.calendar-eyebrow{margin: 0 0 10px;color: var(--hx-gold);font: 600 11px/1.5 var(--sans);letter-spacing: .14em;text-transform: uppercase}.calendar-help{margin: 12px 0 14px;color: var(--hx-muted);font-size: .73rem;line-height: 1.65}.calendar-footer{display: flex;justify-content: space-between;gap: 10px;padding-top: 12px;border-top: 1px solid var(--hx-line)}.calendar-footer button{min-height: 44px;padding: 6px 16px;border: 1px solid var(--hx-line);border-radius: 8px;background: transparent;color: var(--hx-text);font: 500 14px/1 var(--sans);cursor: pointer;transition: border-color .18s,background-color .18s}.calendar-footer button:enabled:hover{border-color: var(--hx-line-strong);background: #ffffff0a}.calendar-heading{display: grid;grid-template-columns: 44px minmax(0,1fr) 44px;align-items: center;gap: 8px;margin-bottom: 8px}.calendar-heading h2,.calendar-heading h3{margin: 0;color: var(--hx-text);font: 400 21px/1.2 var(--serif);text-align: center;text-transform: capitalize;overflow-wrap: anywhere}.calendar-nav{width: 44px;height: 44px;display: grid;place-items: center;padding: 0;border: 1px solid var(--hx-line);border-radius: 50%;background: transparent;color: var(--hx-text);cursor: pointer;transition: border-color .18s,background-color .18s,opacity .18s}.calendar-nav .icon{width: 18px;height: 18px;transform: rotate(90deg)}.calendar-nav:last-child .icon{transform: rotate(-90deg)}.calendar-nav:enabled:hover{border-color: var(--hx-line-strong);background: #ffffff0a}.calendar-nav:disabled{opacity: .3;cursor: default}.when-dialog table,.huntyr-calendar table{table-layout: fixed;width: 100%;border-collapse: collapse;border-spacing: 0}.when-dialog th,.huntyr-calendar th{padding: 4px 0 8px;color: var(--hx-muted);font-size: 11px;font-weight: 600;letter-spacing: .06em;text-transform: capitalize}.when-dialog td,.huntyr-calendar td{padding: 2px 0;text-align: center}.when-dialog td button,.huntyr-calendar td button{display: inline-grid;place-items: center;width: min(100%,44px);aspect-ratio: 1;min-height: 0;padding: 0;border: 0;border-radius: 50%;background: transparent;color: var(--hx-text);font: 500 15px/1 var(--sans);font-variant-numeric: tabular-nums;cursor: pointer;transition: background-color .15s,color .15s}.when-dialog [data-kind="month"] td,.huntyr-calendar [data-kind="month"] td{padding: 3px 0}.when-dialog [data-kind="month"] td button,.huntyr-calendar [data-kind="month"] td button{width: calc(100% - 6px);aspect-ratio: auto;height: 48px;border-radius: 999px;font-size: 15px;text-transform: capitalize}.when-dialog td button:enabled:hover,.huntyr-calendar td button:enabled:hover{background: #ffffff14}.when-dialog td button[aria-current="date"],.huntyr-calendar td button[aria-current="date"]{text-decoration: underline 2px var(--hx-gold);text-underline-offset: 5px}.when-dialog td button:disabled,.huntyr-calendar td button:disabled{color: #f7f3e847;cursor: default}.when-dialog td[aria-selected="true"] button,.huntyr-calendar td[aria-selected="true"] button{background: var(--hx-gold);color: var(--hx-ink);font-weight: 700;box-shadow: none}.when-dialog td[aria-selected="true"] button:hover,.huntyr-calendar td[aria-selected="true"] button:hover{background: var(--hx-gold-hover)}.when-dialog td button:focus-visible,.huntyr-calendar td button:focus-visible,.huntyr-calendar button:focus-visible,.when-dialog button:focus-visible,.calendar-trigger:focus-visible{outline: 2px solid var(--hx-champagne);outline-offset: 2px}.when-dialog td[data-range="middle"],.when-dialog td[data-preview]{background: var(--hx-band)}.when-dialog td[data-range="start"]{background: linear-gradient(90deg,transparent 50%,var(--hx-band) 50%)}.when-dialog td[data-range="end"]{background: linear-gradient(90deg,var(--hx-band) 50%,transparent 50%)}.when-dialog td[data-range="start"]:has(+ td:not([data-range]):not([data-preview])),.when-dialog tr>td[data-range="start"]:last-child{background: none}.when-dialog [data-kind="month"] td[data-range],.when-dialog [data-kind="month"] td[data-preview]{background-clip: content-box;padding-block: 3px}.when-dialog tr>td[data-range="middle"]:first-child,.when-dialog tr>td[data-preview]:first-child{border-radius: 999px 0 0 999px}.when-dialog tr>td[data-range="middle"]:last-child,.when-dialog tr>td[data-preview]:last-child{border-radius: 0 999px 999px 0}.when-dialog.is-sheet{inset: auto 0 0 0;width: 100%;max-height: min(92dvh,100%);margin: 0;padding: 16px 16px calc(16px + env(safe-area-inset-bottom));border-radius: 16px 16px 0 0}.when-dialog.is-sheet .when-head h2{font-size: 24px}.when-dialog.is-sheet .when-body{min-height: min(436px,48dvh)}.when-dialog.is-sheet .when-foot{bottom: calc(-16px - env(safe-area-inset-bottom));margin: 12px -16px calc(-16px - env(safe-area-inset-bottom));padding: 12px 16px calc(12px + env(safe-area-inset-bottom))}@media (max-width: 719px){html.when-open{overflow: hidden}.huntyr-calendar{inset: auto 0 0 0;width: 100%;max-width: 100%;max-height: 92dvh;margin: 0;padding-bottom: calc(20px + env(safe-area-inset-bottom));border-radius: 16px 16px 0 0}}@media (max-width: 719px) and (max-height: 720px){.when-dialog{padding-top: 12px}.when-head{margin-bottom: 10px}.when-modes label{min-height: 40px}.when-hint{min-height: 0;margin-top: 8px}.when-dialog td{padding: 1px 0}.when-dialog td button{width: min(100%,40px)}.when-dialog [data-kind="month"] td button{height: 44px}}@media (max-width: 374px){.when-dialog,.huntyr-calendar{padding-left: 12px;padding-right: 12px}.when-modes label{padding: 0 12px;font-size: 13px}.when-dialog td button,.huntyr-calendar td button{font-size: 14px}}@media (prefers-reduced-motion: no-preference){.when-dialog[open],.huntyr-calendar[open]{animation: hx-pop .2s var(--hx-ease)}.when-dialog[open]::backdrop,.huntyr-calendar[open]::backdrop{animation: hx-fade .2s ease-out}}@media (prefers-reduced-motion: no-preference){.when-dialog.is-sheet[open]{animation: hx-sheet .26s var(--hx-ease)}}@media (prefers-reduced-motion: no-preference) and (max-width: 719px){.huntyr-calendar[open]{animation: hx-sheet .26s var(--hx-ease)}}@keyframes hx-pop{from{transform: translateY(-6px) scale(.985)}}@keyframes hx-sheet{from{transform: translateY(40px)}}@keyframes hx-fade{from{opacity: 0}}@media (forced-colors: active){.when-dialog td[aria-selected="true"] button,.huntyr-calendar td[aria-selected="true"] button{border: 3px solid Highlight}.when-modes label:has(:checked){border: 3px solid Highlight}}