.guide-home{--guide-bg:#090c10;--guide-surface:#12171d;--guide-raised:#171d24;--guide-line:#2b333d;--guide-text:#f7f8fa;--guide-muted:#a7b0ba;--guide-blue:#8ba4bf;--guide-amber:#f2a735;--guide-measure:min(calc(100% - 32px), 1152px);--guide-topbar:calc(4rem + env(safe-area-inset-top));color:var(--guide-text);background:var(--guide-bg);position:relative}.guide-home .app-topbar{z-index:20;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;position:absolute;top:0;left:0;right:0}.guide-home .app-brand-logo{filter:drop-shadow(0 1px 10px #0009)}.guide-home .app-topbar--dark .app-nav-link{color:#dbe2e9;text-shadow:0 1px 8px #000000b3}.guide-home :where(a,button,select,input):focus-visible{outline-color:var(--guide-amber)}.guide-hero{isolation:isolate;align-content:center;min-height:clamp(380px,52svh,580px);display:grid;position:relative;overflow:hidden}.guide-hero__media,.guide-hero__scrim{width:100%;height:100%;position:absolute;inset:0}.guide-hero__media{z-index:-2;object-fit:cover;object-position:center center}.guide-hero__scrim{z-index:-1;background:linear-gradient(#04080d94 0% 46%,#04080db8 74%,#090c10f5 100%)}.guide-hero__content{width:var(--guide-measure);padding:calc(var(--guide-topbar) + 28px) 0 48px;margin:0 auto}.guide-hero__content h1{text-wrap:balance;max-width:620px;font-size:clamp(30px,6vw,48px);font-weight:720;line-height:1.04}.guide-hero__lead{color:#c8d0d7;max-width:560px;margin-top:12px;font-size:clamp(15px,2.2vw,17px);font-weight:520;line-height:1.5}.guide-finder{z-index:30;border-bottom:1px solid var(--guide-line);-webkit-backdrop-filter:blur(20px)saturate(1.1);backdrop-filter:blur(20px)saturate(1.1);background:#090c10eb;position:sticky;top:0}.guide-finder__inner{width:var(--guide-measure);margin:0 auto;padding:12px 0;position:relative}.guide-finder__row{align-items:center;gap:8px;display:flex}.guide-search-field{flex:1;min-width:0;position:relative}.guide-search{color:#b9c3cc;background:#ffffff0f;border:1px solid #fff3;border-radius:10px;align-items:center;gap:8px;min-height:56px;padding:5px 5px 5px 14px;display:flex}.guide-search:focus-within{border-color:#f2a735b8;box-shadow:0 0 0 3px #f2a73521}.guide-search input{min-width:0;height:44px;color:var(--guide-text);background:0 0;border:0;outline:0;flex:1;font-size:16px;font-weight:550}.guide-search input::-webkit-search-cancel-button{display:none}.guide-search input::placeholder{color:#8b96a1}.guide-search__icon-button{color:#9aa5af;background:0 0;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;display:grid}.guide-search__icon-button:hover:not(:disabled){color:#fff;background:#ffffff14}.guide-search__icon-button:disabled{cursor:not-allowed;opacity:.4}.guide-search__locate.is-active{color:var(--guide-amber);background:#f2a73529}.guide-search__submit{background:var(--guide-amber);color:#16120a;border-radius:10px;flex:none;place-items:center;width:56px;min-width:56px;height:56px;display:grid}.guide-search__submit:hover{background:#ffb949}.guide-search__submit:active{transform:scale(.97)}.guide-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.guide-filter-control{flex:none;position:relative}.guide-filter-trigger{color:#d3dae1;background:#ffffff0f;border:1px solid #ffffff29;border-radius:10px;flex:none;align-items:center;gap:8px;min-height:56px;padding:0 16px;font-size:13px;font-weight:650;display:inline-flex}.guide-filter-trigger:hover,.guide-filter-trigger[aria-expanded=true]{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.guide-filter-trigger.has-active-filters{color:var(--guide-amber);border-color:#f2a7358c}.guide-filters{z-index:50;background:#12171d;border:1px solid #ffffff24;border-radius:12px;gap:10px;width:max(260px,100%);padding:12px;animation:.13s guideOptionsIn;display:grid;position:absolute;top:calc(100% + 8px);left:auto;right:0;box-shadow:0 22px 60px #00000080}.guide-filters__heading{color:#9aa5ae;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.guide-filters__heading button{color:#9aa5ae;background:0 0;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.guide-filters__heading button:hover{color:#fff;background:#ffffff14}.guide-filters__reset{color:#f3bb65;background:#ffffff0f;border-radius:8px;min-height:40px;font-size:13px;font-weight:700}.guide-filters__reset:hover{background:#ffffff1c}@keyframes guideOptionsIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.guide-select{color:#bac3cc;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;align-items:center;min-height:46px;padding-left:11px;display:flex}.guide-select select{appearance:none;color:#edf1f4;background:0 0;outline:none;width:100%;min-width:0;min-height:44px;padding:0 12px 0 8px;font-size:14px;font-weight:650}.guide-select option{color:#fff;background:#13181e}.guide-chip{color:#f6c877;background:#f2a7351f;border:1px solid #f2a7356b;border-radius:999px;align-items:center;gap:7px;min-height:40px;padding:0 8px 0 14px;font-size:13px;font-weight:650;display:inline-flex}.guide-chip:hover{background:#f2a7352e;border-color:#f2a735b3}.guide-chip--place{color:#cfe0f2;background:#8ba4bf24;border-color:#8ba4bf73}.guide-chip--place:hover{background:#8ba4bf38;border-color:#8ba4bfbf}.guide-city-switch{color:#dbe6f2;text-align:left;background:#8ba4bf1a;border:1px solid #8ba4bf66;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:52px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.guide-city-switch span{flex:1}.guide-city-switch strong{color:#fff;font-weight:700}.guide-city-switch:hover{background:#8ba4bf2e;border-color:#8ba4bfcc}.guide-chip--reset{color:#aab4bd;background:0 0;border-color:#ffffff29;padding:0 14px}.guide-chip--reset:hover{background:#ffffff0f;border-color:#ffffff52}.guide-results{padding-bottom:max(40px, env(safe-area-inset-bottom))}.guide-results__inner{width:var(--guide-measure);margin:0 auto;padding:22px 0 0}.guide-results__heading{margin-bottom:16px}.guide-results__place{color:var(--guide-blue);font-weight:650}.guide-results__heading h2{text-wrap:balance;scroll-margin-top:150px;font-size:clamp(19px,3vw,24px);font-weight:700}.guide-results__heading h2:focus-visible{outline:2px solid var(--guide-amber);outline-offset:5px;border-radius:4px;width:fit-content}.guide-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px;display:grid}.guide-event-card{border:1px solid var(--guide-line);background:var(--guide-surface);min-width:0;color:var(--guide-text);text-align:left;border-radius:10px;grid-template-rows:auto 1fr;transition:border-color .16s,transform .16s,background .16s;display:grid;overflow:hidden;box-shadow:0 14px 32px #00000029}.guide-event-card:hover:not(:disabled){background:var(--guide-raised);border-color:#566575;transform:translateY(-2px)}.guide-event-card:focus-visible{border-color:var(--guide-amber);outline:2px solid var(--guide-amber);outline-offset:3px}.guide-event-card:disabled{cursor:wait;opacity:.62;transform:none}.guide-event-card__media{aspect-ratio:16/9;background:#1d2730;position:relative;overflow:hidden}.guide-event-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .28s}.guide-event-card:hover:not(:disabled) .guide-event-card__media img{transform:scale(1.03)}.guide-event-card__media>div{color:#8ba4bf;place-items:center;height:100%;display:grid}.guide-event-card__badge{color:#e8edf1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06090cd1;border:1px solid #ffffff2e;border-radius:4px;align-items:center;gap:4px;max-width:calc(100% - 16px);padding:4px 7px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:8px;right:8px;overflow:hidden}.guide-event-card__body{flex-direction:column;min-width:0;padding:13px 14px 14px;display:flex}.guide-event-card__date{color:var(--guide-amber);text-transform:uppercase;font-size:12px;font-weight:750}.guide-event-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.64em;margin-top:4px;font-size:16px;font-weight:700;line-height:1.32;display:-webkit-box;overflow:hidden}.guide-event-card__body>p:not(.guide-event-card__date),.guide-event-card__foot p{color:#9ba6b0;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.guide-event-card__foot{color:#f2b24f;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.guide-event-card__foot>svg{flex:none}.guide-event-skeleton{border:1px solid var(--guide-line);background:#161b21;border-radius:10px;min-height:268px;animation:1.6s ease-in-out infinite guidePulse}.guide-empty{border:1px solid var(--guide-line);color:#87939e;text-align:left;background:#12171de0;border-radius:10px;justify-items:start;gap:4px;padding:26px 20px;display:grid}.guide-empty>svg{color:#6f7c88;margin-bottom:4px}.guide-empty h3{color:#eef1f4;font-size:16px;font-weight:700}.guide-empty p{color:#9ba6b0;font-size:13px}.guide-empty__actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.guide-secondary-button{color:#f1f3f5;background:#161c22;border:1px solid #4a5662;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.guide-secondary-button:hover:not(:disabled){background:#1d242c;border-color:#7a8793}.guide-secondary-button:disabled{cursor:not-allowed;opacity:.5}.guide-error{color:#ffc2bd;background:#2b1515;border-left:3px solid #ef665a;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:16px;padding:13px 16px;font-size:13px;display:flex}@keyframes guidePulse{0%,to{opacity:.55}50%{opacity:1}}@media (width<=640px){.app-brand-subtitle{display:none}.guide-hero{min-height:clamp(340px,46svh,460px)}.guide-hero__media{object-position:61% center}.guide-hero__content{padding:calc(var(--guide-topbar) + 20px) 0 32px}.guide-filters{overscroll-behavior:contain;width:min(300px,100vw - 32px);max-height:min(70svh,460px);overflow-y:auto}.guide-results__heading{align-items:flex-start}.guide-finder__row{flex-wrap:nowrap;gap:6px}.guide-search-field{flex:1 1 0;min-width:0}.guide-filter-control{flex:none}.guide-filter-trigger span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.guide-filter-trigger{justify-content:center;width:52px;min-height:52px;padding:0}.guide-search{min-height:52px;padding-left:12px}.guide-search input{height:40px}.guide-search__submit{width:52px;min-width:52px;height:52px}.guide-search__icon-button{width:38px;height:40px}}@media (prefers-reduced-motion:reduce){.guide-event-card,.guide-event-card__media img{transition:none}.guide-event-card:hover:not(:disabled){transform:none}.guide-filters,.guide-event-skeleton{animation:none}}@media (width<=640px){.guide-error{flex-direction:column;align-items:stretch}}
