.glass-date-field{display:flex;align-items:center;position:relative;width:174px;max-width:100%;gap:0;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--frame) 75%,transparent);box-shadow:inset 0 1px 0 #ffffff09;transition:border-color .15s}
.glass-date-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.glass-date-field>input:not([type=hidden]){width:100%;min-width:0!important;border:0!important;box-shadow:none!important;background:transparent!important;padding:10px!important;color:var(--ink);font:inherit;font-size:14px;outline:none;border-radius:10px}
.glass-date-field:has(.glass-date-time){width:272px}.glass-date-field>.glass-date-time{max-width:72px;border-left:1px solid var(--line)!important;border-radius:0}
.glass-date-trigger{display:grid;place-items:center;flex:none;width:38px;height:38px;border:0!important;background:transparent!important;color:var(--muted);border-radius:8px;padding:0!important;cursor:pointer}
.glass-date-trigger:hover{color:var(--accent)}
.glass-calendar{position:fixed;z-index:1200;width:324px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:18px;border:1px solid color-mix(in srgb,var(--ink) 19%,transparent);border-radius:22px;color:var(--ink);font-family:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,transparent),transparent 65%),color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(32px) saturate(150%);-webkit-backdrop-filter:blur(32px) saturate(150%);box-shadow:inset 0 1px 0 #ffffff20,0 22px 70px #0005,0 4px 16px #0002}
.glass-calendar header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.glass-calendar header small{font-size:11px;color:var(--muted)}.glass-calendar h2{font-size:17px;font-weight:600;margin:5px 0 0;text-transform:capitalize;letter-spacing:-.3px}
.glass-calendar button{display:grid;place-items:center;min-width:0;height:36px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:13px;cursor:pointer;transition:background .12s,box-shadow .12s}
.glass-calendar button:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 9%,transparent)}.glass-calendar button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.glass-calendar button:disabled{opacity:.25;cursor:default}
.glass-calendar header button{width:32px}.glass-calendar-nav{display:flex;align-items:center;gap:2px;margin-bottom:8px}.glass-calendar-nav button{width:30px;font-size:22px}.glass-calendar-nav span{flex:1;text-align:center;color:var(--muted);font-size:10px}
.glass-weekdays,.glass-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.glass-weekdays{margin-bottom:5px;font-size:11px;text-align:center;color:var(--muted);line-height:26px}
.glass-days button{height:36px;font-variant-numeric:tabular-nums}.glass-days .outside{color:var(--muted);opacity:.45}.glass-days [aria-current=date]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent)}
.glass-days [aria-pressed=true],.glass-days [aria-pressed=true]:hover:not(:disabled){background:var(--accent);color:var(--frame);font-weight:700;box-shadow:0 3px 12px color-mix(in srgb,var(--accent) 25%,transparent);opacity:1}
.glass-calendar footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.glass-calendar footer button{padding:0 13px;color:var(--muted)}.glass-calendar footer button:last-child{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
@media(max-width:600px){.glass-date-field>input:not([type=hidden]){font-size:16px;min-height:44px}.glass-date-trigger{width:44px;height:44px}.glass-calendar{width:340px;padding:16px}.glass-days button{height:40px}.glass-calendar footer button{height:44px}}
@media(prefers-reduced-transparency:reduce){.glass-calendar{background:var(--surface)}}
.glass-calendar h2{text-transform:none}.glass-calendar h2::first-letter{text-transform:uppercase}