*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--bleu: #102a6e;--bleu-deep: #0a1b46;--rouge: #e23b2e;--rouge-deep: #b62a20;--cream: #f6ecd8;--cream-dim: #e7dabf;--jaune: #f6c545;--rose: #f2647e;--ink: #16182b;--bg: var(--cream);--surface: #fffaf0;--text: var(--ink);--text-dim: #5a5566;--line: #d9c9a8;--accent: var(--rouge);font-family:Helvetica Neue,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0a1124;--surface: #131c38;--text: #f3ecdd;--text-dim: #a9b0c7;--line: #2a3559;--cream: #131c38}}body{min-height:100dvh;background-color:var(--bg);background-image:radial-gradient(circle at 1px 1px,rgba(16,42,110,.06) 1px,transparent 0);background-size:22px 22px;color:var(--text)}@media(prefers-color-scheme:dark){body{background-image:radial-gradient(circle at 1px 1px,rgba(246,197,69,.05) 1px,transparent 0)}}#app{max-width:1080px;margin-inline:auto;padding:1.25rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.masthead{position:relative;background:linear-gradient(135deg,var(--bleu) 0%,var(--bleu-deep) 100%);color:var(--cream);border-radius:18px;padding:2rem 1.75rem;overflow:hidden;box-shadow:0 14px 40px #0a1b4647}.masthead:after{content:"";position:absolute;inset:0 -40% auto auto;height:100%;width:60%;background:repeating-linear-gradient(-50deg,transparent 0 26px,rgba(246,197,69,.16) 26px 52px,rgba(242,100,126,.16) 52px 78px);transform:skew(-8deg);pointer-events:none}.masthead__kicker{position:relative;text-transform:uppercase;letter-spacing:.34em;font-size:.75rem;font-weight:700;color:var(--jaune);margin-bottom:.5rem}.masthead__title{position:relative;font-size:clamp(2.6rem,9vw,4.5rem);line-height:.9;font-weight:800;letter-spacing:-.02em;text-transform:uppercase;margin:0;text-shadow:3px 3px 0 var(--rouge)}.masthead__sub{position:relative;margin-top:.9rem;font-size:1.05rem;font-style:italic;color:var(--cream-dim)}.whatson{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;margin:1rem 0 0;padding:.7rem 1rem;background:var(--rouge);color:var(--cream);border-radius:12px;font-size:.95rem;box-shadow:0 6px 18px #e23b2e4d}.whatson__label{font-weight:800;text-transform:uppercase;letter-spacing:.05em}.whatson__list{font-style:italic}.toolbar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;justify-content:space-between;margin-top:1.25rem;padding:.9rem;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--ink);border-radius:14px}@media(prefers-color-scheme:dark){.toolbar{border-color:var(--line)}}.filters{flex:1 1 320px;display:flex;flex-direction:column;gap:.6rem}.filters__search{position:relative;display:flex;align-items:center}.filters__search-icon{position:absolute;left:.7rem;font-size:.9rem;opacity:.7}.filters__search input{width:100%;padding:.6rem .7rem .6rem 2.1rem;border:2px solid var(--ink);border-radius:10px;background:var(--surface);color:var(--text);font-size:1rem}.filters__search input:focus-visible{outline:3px solid var(--jaune);outline-offset:1px}.filters__row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end}.filters__field{display:flex;flex-direction:column;gap:.2rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text-dim)}.filters__field select{padding:.4rem .5rem;border:1.5px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:.9rem;font-weight:600}.filters__field select:focus-visible{outline:3px solid var(--jaune)}.filters__clear{padding:.45rem .8rem;border:1.5px solid var(--accent);background:transparent;color:var(--accent);border-radius:8px;font-weight:700;cursor:pointer;align-self:flex-end}.filters__clear:disabled{opacity:.4;cursor:not-allowed}.filters__clear:not(:disabled):hover{background:var(--accent);color:var(--cream)}.toolbar__views{display:flex;gap:.25rem;background:var(--bleu);padding:.25rem;border-radius:10px}.view-toggle{border:none;background:transparent;color:var(--cream);padding:.4rem .85rem;border-radius:8px;font-weight:700;cursor:pointer;font-size:.9rem}.view-toggle--on{background:var(--jaune);color:var(--ink)}.result-count{margin:1rem 0 .5rem;font-weight:700;color:var(--text-dim);font-size:.9rem;text-transform:uppercase;letter-spacing:.06em}.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.event-card{display:flex;flex-direction:column;background:var(--surface);border:2px solid var(--ink);border-radius:14px;overflow:hidden;box-shadow:4px 4px 0 var(--bleu);transition:transform .18s ease,box-shadow .18s ease}@media(prefers-color-scheme:dark){.event-card{border-color:var(--line);box-shadow:4px 4px #f6c54540}}.event-card:hover,.event-card:focus-within{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--rouge)}.event-card[data-status=now]{border-color:var(--rouge)}.event-card__open{flex:1;text-align:left;background:none;border:none;padding:1rem 1rem .75rem;cursor:pointer;color:inherit;font:inherit;display:flex;flex-direction:column;gap:.4rem}.event-card__top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.event-card__dontmiss{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:var(--jaune);padding:.15rem .45rem;border-radius:999px}.event-card__name{font-size:1.35rem;font-weight:800;line-height:1.05;margin:.1rem 0 0;letter-spacing:-.01em}.event-card__artist{margin:0;font-weight:700;color:var(--accent)}.event-card__meta{margin:0;font-size:.85rem;color:var(--text-dim);display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.event-card__time{font-weight:700;color:var(--text)}.event-card__desc{margin:.15rem 0 0;font-size:.9rem;color:var(--text-dim);line-height:1.4}.event-card__tags{display:flex;gap:.4rem;margin-top:.4rem}.tag{font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.tag--genre{background:var(--bleu);color:var(--cream)}.tag--free{background:#1f7a4d;color:#fff}.tag--ticketed{background:var(--rose);color:var(--ink)}.save-btn{border:none;border-top:2px dashed var(--line);background:transparent;color:var(--text);padding:.6rem;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease}.save-btn:hover{background:var(--cream-dim)}.save-btn--on{background:var(--jaune);color:var(--ink)}.status-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:.2rem .5rem;border-radius:999px}.status-now{background:var(--rouge);color:var(--cream)}.status-next{background:var(--jaune);color:var(--ink)}.status-later{background:transparent;color:var(--text-dim);border:1.5px solid var(--line)}.status-ended{background:transparent;color:var(--text-dim);border:1.5px dashed var(--line)}.status-pulse{width:8px;height:8px;border-radius:50%;background:var(--cream);animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.empty-state{text-align:center;padding:3rem 1.5rem;border:2px dashed var(--line);border-radius:14px;background:var(--surface)}.empty-state__title{font-size:1.4rem;font-weight:800;margin:0}.empty-state__hint{color:var(--text-dim);margin:.5rem 0 1.2rem}.empty-state__btn{padding:.6rem 1.2rem;border:2px solid var(--ink);background:var(--jaune);color:var(--ink);border-radius:10px;font-weight:800;cursor:pointer}.timeline{background:var(--surface);border:2px solid var(--ink);border-radius:14px;padding:1rem 1rem 1.25rem;overflow-x:auto}@media(prefers-color-scheme:dark){.timeline{border-color:var(--line)}}.timeline__axis{position:relative;height:1.4rem;margin-bottom:.5rem;border-bottom:1.5px solid var(--line);min-width:600px}.timeline__tick{position:absolute;transform:translate(-50%);font-size:.7rem;font-weight:700;color:var(--text-dim)}.timeline__rows{display:flex;flex-direction:column;gap:.4rem;min-width:600px}.timeline__row{position:relative;height:2rem}.timeline__bar{position:absolute;top:0;height:100%;border:2px solid var(--ink);border-radius:8px;background:var(--bleu);color:var(--cream);font-size:.75rem;font-weight:700;padding:0 .5rem;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .15s ease,filter .15s ease}.timeline__bar:hover{transform:scaleY(1.12);filter:brightness(1.1)}.timeline__bar[data-status=now]{background:var(--rouge)}.timeline__bar[data-status=next]{background:var(--jaune);color:var(--ink)}.timeline__bar[data-status=ended]{background:var(--line);color:var(--text-dim)}.detail-overlay{position:fixed;inset:0;z-index:50;background:#0a1b468c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:flex-end;animation:fade-in .2s ease}.detail-panel{position:relative;width:min(440px,100%);height:100%;overflow-y:auto;background:var(--surface);border-left:4px solid var(--rouge);padding:1.75rem 1.5rem 2.5rem;animation:slide-in .28s cubic-bezier(.2,.8,.2,1)}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in{0%{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.detail-overlay,.detail-panel,.status-pulse,.event-card,.timeline__bar{animation:none;transition:none}}.detail-close{position:absolute;top:1rem;right:1rem;width:2.2rem;height:2.2rem;border:2px solid var(--ink);border-radius:50%;background:var(--surface);color:var(--text);font-size:1rem;cursor:pointer}.detail-close:hover{background:var(--rouge);color:var(--cream)}.detail-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.detail-title{font-size:2rem;font-weight:800;line-height:1;margin:.3rem 0 0;letter-spacing:-.01em}.detail-artist{margin:0;font-weight:700;color:var(--accent);font-size:1.1rem}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin:0 0 1.25rem;padding:1rem;background:var(--cream-dim);border-radius:12px}@media(prefers-color-scheme:dark){.detail-facts{background:var(--bleu-deep)}}.detail-facts dt{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.detail-facts dd{margin:.15rem 0 0;font-weight:700}.detail-district{font-weight:500;color:var(--text-dim);font-size:.85rem}.detail-desc{line-height:1.5;margin:0 0 1.5rem}.detail-lineup h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 .5rem}.detail-lineup ul{list-style:none;margin:0 0 1.75rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.detail-lineup li{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.4rem;border-bottom:1px solid var(--line)}.detail-performer{font-weight:700}.detail-role{color:var(--text-dim);font-size:.9rem;text-align:right}.detail-action{width:100%;padding:.9rem;border:2px solid var(--ink);border-radius:12px;background:var(--rouge);color:var(--cream);font-size:1.05rem;font-weight:800;cursor:pointer;transition:transform .15s ease}.detail-action:hover{transform:translateY(-2px)}.detail-action--on{background:var(--jaune);color:var(--ink)}.discover{display:block}