@media(max-width:640px){[data-events-page-grid] .event-card{border-radius:var(--radius)}[data-events-page-grid] .date-pill{top:.45rem;left:.45rem;min-width:2.35rem;padding:.3rem .35rem .35rem;border-radius:.4rem}[data-events-page-grid] .date-pill .day{font-size:1rem}[data-events-page-grid] .date-pill .month{font-size:.5rem;letter-spacing:.08em;margin-top:.15rem}[data-events-page-grid] .body{padding:.6rem .65rem .7rem;gap:.25rem}[data-events-page-grid] .name{font-size:.88rem;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-events-page-grid] .artist{font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-events-page-grid] .venue-line{font-size:.68rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-events-page-grid] .time{font-size:.66rem}[data-events-page-grid] .desc{font-size:.7rem;line-height:1.45;margin-top:.1rem;-webkit-line-clamp:2}[data-events-page-grid] .ticket-btn{align-self:stretch;justify-content:center;padding:.42rem .5rem;font-size:.62rem;letter-spacing:.04em;gap:.3rem}}.filter-bar{--pill-h: 2.6rem;display:flex;flex-wrap:wrap;gap:.75rem}.filter-bar .field{position:relative;display:flex;align-items:center;flex:1 1 180px;min-width:160px}.filter-bar .date-field{flex:1 1 150px;min-width:140px}.filter-bar .field input,.filter-bar .field select{width:100%;padding:.7rem 1rem;background:var(--surface);border:1px solid rgba(201,169,110,.16);border-radius:100px;color:var(--text);font-family:var(--font-sans);font-size:.98rem;font-weight:500;letter-spacing:.01em;text-align:center;transition:border-color var(--transition),background var(--transition);appearance:none;-webkit-appearance:none}.filter-bar .field select{padding-right:2.25rem;text-align-last:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8278' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center}.filter-bar .field input:focus,.filter-bar .field select:focus{outline:none;border-color:var(--accent);background:var(--surface-2)}.filter-bar input[type=date]{color-scheme:dark;font-family:var(--font-sans);cursor:pointer}.filter-bar .date-hint{display:none;position:absolute;inset:0;align-items:center;justify-content:center;padding:0 2.1rem 0 1rem;color:var(--text-dim);font-family:var(--font-sans);font-size:.98rem;font-weight:500;letter-spacing:.01em;pointer-events:none}.filter-bar.dd-themed .date-field input[type=date]:not(.has-value)~.date-hint{display:flex}.filter-bar.dd-themed .date-field input[type=date]:not(.has-value){color:transparent}@supports (-webkit-touch-callout: none){.filter-bar .date-field input[type=date]{min-height:var(--pill-h)}}.filter-bar .date-field input[type=date]::-webkit-calendar-picker-indicator{display:none}.filter-bar .date-field input[type=date]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%238a8278' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2.1rem}.filter-bar .clear-btn{padding:.7rem 1.25rem;border-radius:100px;border:1px solid rgba(201,169,110,.16);background:transparent;color:var(--text-dim);font-family:var(--font-sans);font-size:.78rem;font-weight:500;letter-spacing:.05em;cursor:pointer;flex-shrink:0;transition:border-color var(--transition),color var(--transition),background var(--transition)}.filter-bar .clear-btn:hover{border-color:var(--accent);color:var(--accent);background:#c9a96e0f}.filter-bar .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.filter-bar.dd-themed .field select,.filter-bar.dd-themed .field input[type=date]{pointer-events:none}.filter-bar.dd-themed .field{cursor:pointer}.filter-bar .field.dd-open input,.filter-bar .field.dd-open select{border-color:var(--accent);background:var(--surface-2)}.filter-bar .dd-panel{position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:var(--z-dropdown);background:var(--surface);border:1px solid rgba(201,169,110,.16);border-radius:14px;box-shadow:0 12px 40px #00000080;padding:.5rem 0;max-height:420px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(201,169,110,.55) rgba(8,8,12,.6)}.filter-bar .dd-panel::-webkit-scrollbar{width:8px}.filter-bar .dd-panel::-webkit-scrollbar-track{background:#08080c99;border-radius:4px}.filter-bar .dd-panel::-webkit-scrollbar-thumb{background:#c9a96e8c;border-radius:4px;border:1px solid rgba(8,8,12,.8)}.filter-bar .dd-panel::-webkit-scrollbar-thumb:hover{background:#c9a96ecc}.filter-bar .dd-panel::-webkit-scrollbar-button{display:none}.filter-bar .dd-opt{display:block;width:100%;padding:.6rem .9rem;background:none;border:none;color:var(--text);font-family:var(--font-sans);font-size:.82rem;text-align:start;cursor:pointer;transition:background .12s}.filter-bar .dd-opt:hover{background:#c9a96e12}.filter-bar .dd-opt--active{color:var(--accent)}.filter-bar .dd-panel--cal{left:auto;right:0;width:272px;max-height:none;overflow:visible;padding:.75rem}.filter-bar .cal-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .15rem .6rem}.filter-bar .cal-title{font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--text)}.filter-bar .cal-nav{width:28px;height:28px;border-radius:50%;border:1px solid rgba(201,169,110,.16);background:none;color:var(--text-dim);font-size:1rem;line-height:1;cursor:pointer;flex-shrink:0;transition:border-color var(--transition),color var(--transition)}.filter-bar .cal-nav:hover{border-color:var(--accent);color:var(--accent)}.filter-bar .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.filter-bar .cal-dow{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);text-align:center;padding:.3rem 0}.filter-bar .cal-day{aspect-ratio:1;border:none;border-radius:50%;background:none;color:var(--text);font-family:var(--font-sans);font-size:.78rem;cursor:pointer;transition:background .12s}.filter-bar .cal-day:hover{background:#c9a96e1f}.filter-bar .cal-day--out{color:var(--text-dim);opacity:.45}.filter-bar .cal-day--today{box-shadow:inset 0 0 0 1px #c9a96e66}.filter-bar .cal-day--sel{background:var(--accent);color:var(--bg);font-weight:600}.filter-bar .cal-day--sel:hover{background:var(--accent)}@media(max-width:640px){.filter-bar{gap:.5rem;--pill-h: 1.85rem}.filter-bar .field{flex:1 1 calc(50% - .25rem);min-width:0}.filter-bar .clear-btn{flex-basis:100%}.filter-bar .field input,.filter-bar .field select,.filter-bar .date-hint{font-size:.9rem}.filter-bar .field input,.filter-bar .field select{padding:.34rem .85rem}.filter-bar .field select,.filter-bar .date-field input[type=date]{padding-right:1.9rem}.filter-bar .date-hint{padding:0 1.9rem 0 .85rem}.filter-bar .clear-btn{padding:.33rem 1.25rem}.filter-bar .dd-panel--list{max-height:50vh;width:calc(200% + .5rem)}.filter-bar .field:nth-of-type(odd) .dd-panel--list{left:0;right:auto}.filter-bar .field:nth-of-type(2n) .dd-panel--list{left:auto;right:0}}
