*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg2: #111118;--bg3: #181824;--card: #13131e;--card-hover: #1c1c2c;--accent: #c0392b;--accent-hover: #a93226;--accent-glow: rgba(192, 57, 43, .25);--text: #f0f0f5;--text2: #8888a0;--text3: #55556a;--border: #242436;--radius: 14px;--radius-sm: 9px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--header-h: 64px;--nav-h: 64px}html{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}body{height:100%;background:var(--bg);overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}#root{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.page{flex:1;min-height:0;padding-top:var(--header-h);padding-bottom:calc(var(--nav-h) + var(--safe-bottom));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.page--detail{padding-top:0}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#0a0a0fe0;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border);padding-top:var(--safe-top)}.header__logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.5px}.header__icon{font-size:26px;line-height:1}.header__help-btn{width:32px;height:32px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);color:var(--text2);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .18s,color .18s;flex-shrink:0}.header__help-btn:active{background:var(--accent);color:#fff;border-color:var(--accent)}.header__back{display:flex;align-items:center;gap:8px;padding:8px 4px;color:var(--accent);font-size:15px;font-weight:500}.header__back svg{width:20px;height:20px}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000a6;display:flex;align-items:flex-end;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.help-sheet{width:100%;max-height:88dvh;background:var(--bg2);border-radius:20px 20px 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;animation:slideUp .24s cubic-bezier(.32,.72,0,1);overflow:hidden}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.help-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:12px auto 0;flex-shrink:0}.help-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.help-title{font-size:17px;font-weight:700;color:var(--text)}.help-close{width:32px;height:32px;border-radius:50%;background:var(--bg3);color:var(--text2);display:flex;align-items:center;justify-content:center;transition:background .18s}.help-close:active{background:var(--border)}.help-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 20px calc(24px + var(--safe-bottom));display:flex;flex-direction:column;gap:4px}.help-section{padding:16px 0;border-bottom:1px solid var(--border)}.help-section:last-child{border-bottom:none}.help-section__title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:.1px}.help-section__text{font-size:14px;color:var(--text2);line-height:1.65}.help-section__text strong{color:var(--text);font-weight:600}.help-section__text em{color:var(--accent);font-style:normal;font-weight:500}.help-tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.help-tag{padding:4px 12px;border-radius:20px;background:var(--bg3);border:1px solid var(--border);font-size:12px;color:var(--text2)}.help-source-box{margin-top:10px;padding:10px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:4px}.help-source-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--accent)}.help-source-url{font-size:12px;color:var(--text2);font-family:monospace;word-break:break-all;line-height:1.4}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:center;background:#0a0a0feb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border)}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;color:var(--text3);font-size:11px;font-weight:500;transition:color .2s}.bottom-nav__item svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}.bottom-nav__item.active{color:var(--accent)}.filter-select-bar{padding:14px 16px 12px}.filter-select-wrap{position:relative}.filter-select{width:100%;padding:14px 48px 14px 18px;background:var(--bg3);border:1px solid var(--border);border-radius:14px;color:var(--text);font-size:15px;font-family:inherit;font-weight:500;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;transition:border-color .18s}.filter-select:focus{border-color:var(--accent)}.filter-select option{background:#1a1a28;color:var(--text);padding:8px}.filter-select-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text3);display:flex;align-items:center}.shows-grid{display:flex;flex-direction:column;gap:14px;padding:4px 16px 20px}.show-card{background:var(--card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:transform .18s,border-color .18s;cursor:pointer;display:block;width:100%;text-align:left}.show-card:active{transform:scale(.98);border-color:var(--accent)}.show-card__image-wrap{position:relative;aspect-ratio:16 / 9;background:var(--bg3);overflow:hidden}.show-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.show-card:active .show-card__image{transform:scale(1.03)}.show-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:52px;background:linear-gradient(135deg,#1a1a2e,#16213e)}.show-card__badge{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.show-card__badge--free{background:#27ae60d9;color:#fff}.show-card__badge--soir{background:#9b59b6d9;color:#fff}.show-card__body{padding:14px 16px 16px}.show-card__category{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.show-card__title{font-size:17px;font-weight:700;line-height:1.3;color:var(--text);margin-bottom:6px}.show-card__venue{font-size:13px;color:var(--text2);margin-bottom:8px;display:flex;align-items:center;gap:5px}.show-card__venue svg{width:14px;height:14px;stroke:var(--text3);fill:none;stroke-width:2;flex-shrink:0}.show-card__date{font-size:13px;color:var(--text2);margin-bottom:10px;display:flex;align-items:center;gap:5px}.show-card__date svg{width:14px;height:14px;stroke:var(--text3);fill:none;stroke-width:2;flex-shrink:0}.show-card__desc{font-size:13px;color:var(--text3);line-height:1.5;margin-bottom:14px}.show-card__footer{display:flex;align-items:center;justify-content:space-between}.show-card__tags{display:flex;gap:6px;flex-wrap:wrap}.tag{display:inline-block;padding:3px 9px;border-radius:20px;background:var(--bg3);border:1px solid var(--border);font-size:11px;color:var(--text3)}.btn-more{padding:8px 16px;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;transition:background .18s;white-space:nowrap;flex-shrink:0}.btn-more:active{background:var(--accent-hover)}.results-header{padding:0 16px 12px;display:flex;align-items:center;justify-content:space-between}.results-count{font-size:13px;color:var(--text3)}.results-clear{font-size:13px;color:var(--accent);font-weight:500}.spinner-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--text3);font-size:14px}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 32px;text-align:center}.empty-state__icon{font-size:52px;margin-bottom:4px}.empty-state__title{font-size:17px;font-weight:600;color:var(--text)}.empty-state__text{font-size:14px;color:var(--text3);line-height:1.5;max-width:280px}.empty-state__btn{margin-top:8px;padding:10px 24px;border-radius:10px;background:var(--accent);color:#fff;font-size:14px;font-weight:600}.error-banner{margin:16px;padding:14px 16px;background:#c0392b1f;border:1px solid rgba(192,57,43,.3);border-radius:var(--radius-sm);font-size:14px;color:#e07060;line-height:1.5;display:flex;gap:10px;align-items:flex-start}.error-banner__retry{margin-top:8px;font-size:13px;font-weight:600;color:var(--accent)}.detail-hero{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg3);overflow:hidden}.detail-hero__img{width:100%;height:100%;object-fit:cover}.detail-hero__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;background:linear-gradient(135deg,#1a1a2e,#16213e)}.detail-hero__gradient{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,var(--bg) 0%,transparent 100%)}.detail-header-bar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 16px;padding-top:var(--safe-top)}.detail-header-bar.scrolled{background:#0a0a0feb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.detail-content{padding:16px 20px 32px}.detail-category{font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.7px;margin-bottom:10px}.detail-title{font-size:24px;font-weight:800;line-height:1.25;margin-bottom:16px;letter-spacing:-.4px}.detail-meta{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:16px;background:var(--bg3);border-radius:var(--radius-sm);border:1px solid var(--border)}.detail-meta__row{display:flex;align-items:flex-start;gap:12px}.detail-meta__icon{width:18px;height:18px;stroke:var(--accent);fill:none;stroke-width:2;stroke-linecap:round;flex-shrink:0;margin-top:1px}.detail-meta__label{font-size:12px;color:var(--text3);margin-bottom:2px}.detail-meta__value{font-size:14px;color:var(--text);line-height:1.4}.detail-price{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px}.detail-price--free{background:#27ae6026;color:#27ae60;border:1px solid rgba(39,174,96,.3)}.detail-price--paid{background:var(--bg3);color:var(--text2);border:1px solid var(--border)}.detail-desc-title{font-size:14px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}.detail-desc{font-size:15px;color:var(--text2);line-height:1.7;margin-bottom:24px}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.detail-actions{display:flex;flex-direction:column;gap:12px}.btn-favorite{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:var(--radius);background:var(--bg3);border:1px solid var(--border);color:var(--text);font-size:15px;font-weight:600;transition:all .18s}.btn-favorite svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:all .18s}.btn-favorite.favorited{background:#c0392b26;border-color:var(--accent);color:var(--accent)}.btn-favorite.favorited svg{fill:var(--accent);stroke:var(--accent)}.btn-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:15px;font-weight:600;transition:background .18s}.btn-link svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round}.btn-link:active{background:var(--accent-hover)}.page-title{padding:20px 16px 4px;font-size:24px;font-weight:800;letter-spacing:-.4px}.divider{height:1px;background:var(--border);margin:0 16px}