:root{color-scheme:dark;--bg:#0c1117;--paper:#141d25;--paper-raised:#1c2832;--ink:#eef2f6;--muted:#9eacb9;--line:#2b3843;--accent:#f88a5a;--accent-light:#30261f;--dark:#17232d;background:var(--bg);color:var(--ink)}
body{background:var(--bg)}.sidebar{background:#10171e}.topbar{background:#10171ef2}.bottom-nav{background:#10171ef5;border-color:var(--line);box-shadow:0 -12px 35px #0004;backdrop-filter:blur(12px)}
select{color-scheme:dark}select option,select optgroup{background-color:var(--paper);color:var(--ink)}select option:checked{background-color:var(--paper-raised);color:var(--ink)}
.skip-link,.noscript{background:var(--paper)}.brand-icon,.mobile-brand>span,.mini-spade{color:var(--accent)}.brand small,.side-caption,.sidebar-version{color:var(--muted);font-size:.75rem;letter-spacing:.7px}.brand small{font-size:.625rem;letter-spacing:.6px}.side-caption{margin-top:35px}.sidebar-version{font-size:.6875rem}
.nav-item:hover,.icon-button:hover{background:var(--paper-raised);color:var(--ink)}.nav-item.active,.bottom-item.active{background:var(--accent-light);color:#ffae88}.nav-item.active svg{stroke:currentColor}.nav-item .nav-count{background:#473225;color:#ffc29b}.bottom-item{color:var(--muted)}
.join-note,.id-panel,.aside-panel,.quick-card,.club-card,.event-card,.lesson-card,.info-card,.more-item{background:var(--paper);border-color:var(--line)}.join-note p,.join-note strong{font-size:.875rem}.join-note{padding:16px}.sidebar-help{color:var(--muted)}
.avatar{background:var(--paper-raised);color:var(--ink);border-color:#10171e;box-shadow:0 0 0 1px var(--line)}.saved-top{border-color:var(--line)}.breadcrumb-slash{color:#788895}.preview-pill{border-color:var(--line);color:var(--muted);font-size:.75rem;letter-spacing:.3px;white-space:normal}
.button{background:var(--accent);color:#161a1e;border:1px solid transparent;font-weight:800}.button:hover{background:#ffa67d}.button.secondary,.button.dark{background:var(--paper-raised);color:var(--ink);border-color:#3b4b58}.button.secondary:hover,.button.dark:hover{background:#293845;border-color:#637483}.text-button,.map-button,.club-sources a{color:#ffae88}.section-heading .text-button,.aside-panel>.text-button{color:var(--ink)}
.hero{border:1px solid #3b4146}.hero:before{background:linear-gradient(90deg,#081016f2,#09101899 67%,#08101635)}.hero .eyebrow{color:#ffb18b}.hero .button{color:#171b20}.hero-caption{color:#c8d1d9}.hero p{color:#c7d1da}
.quick-card:hover{border-color:#8d6650}.quick-icon{background:#332820;color:#ffae88}.quick-icon.violet{background:#29283e;color:#c0b5ed}.quick-icon.blue{background:#1e3141;color:#a3cbe8}.quick-icon.green{background:#1c332d;color:#96d1b5}.id-card{background:#1c2933;border:1px solid #40515d}.id-card:after{opacity:.4}.id-panel>p{font-size:.875rem}
.date-box,.event-card>.save-button{background:#23313c;color:var(--ink)}.event-card .date-box{background:var(--accent-light);color:#ffb08b}.event-card .date-box small{color:#efb99a}.event-card .eyebrow{color:var(--muted);font-size:.75rem}.date-box small{color:var(--muted);font-size:.625rem}.aside-subtitle{font-size:.8125rem}
.community-strip{background:#16232d;border-color:#32434f}.source-note,.page-footer{color:var(--muted);font-size:.75rem}.page-footer button{font-size:.75rem}.lesson-number{color:#8396a5}.learn-banner{background:#172630;border:1px solid #354753}.learn-banner p{color:#b9c8d2}.progress-track{background:#384b58}.mini-tag{background:#24313b;color:var(--muted)}
.search-box,.filter-bar select,.catalog-city-button,.chip{background:var(--paper);color:var(--ink);border-color:var(--line)}input::placeholder{color:#9aabb9;opacity:1}input,select{color:var(--ink)}.chip:hover{border-color:#596c7b}.chip.active{background:var(--accent-light);color:#ffb38b;border-color:#8e6247}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #f88a5a25}
.demo-notice{background:#1c2b37;color:#b9c8d5}.empty{background:#121c24;border-color:#526270}.empty>svg{color:#a0b4c3}.simple-club .save-button{background:#10181eea;color:#eaf1f7;border-color:#52616dbb;backdrop-filter:blur(8px)}.simple-club .save-button.saved{background:#402b1fe8;border-color:#ae7855;color:#ffb48c}.simple-club .club-content{height:auto;flex:1;padding:20px}.simple-club{display:flex;flex-direction:column}.club-location{padding-right:0;font-size:.8125rem}.simple-club h3{padding-right:0;margin-bottom:8px}.club-name-button:hover{color:#ffb18b}.club-address{color:#cad4dd;font-size:1rem}.club-metro,.address-missing{color:var(--muted);font-size:.875rem}.club-actions .button,.map-button{font-size:.875rem}.club-actions .button svg{display:none}.club-actions{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.catalog-provenance p,.results-count,.load-more span{font-size:.8125rem}.catalog-provenance .text-button{font-size:.8125rem}
dialog{background:var(--paper);border:1px solid #3c4b57;box-shadow:0 32px 120px #000a}dialog::backdrop{background:#03070bc9;backdrop-filter:blur(7px)}.dialog-top{position:sticky;top:-24px;z-index:3;background:var(--paper);padding:8px 0;isolation:isolate}.dialog-top:before{background:#516371}.dialog-label{font-size:.75rem;letter-spacing:1px}.form-field input,.form-field select,.stat,.quiz-option,.quiz-feedback,.city-option{background:var(--paper-raised);border-color:var(--line);color:var(--ink)}.city-option.selected{background:var(--accent-light);border-color:#996544;color:#ffc29e}.quiz-option.correct{background:#1d3c2e;color:#a5e6be;border-color:#699d7c}.quiz-option.wrong{background:#402b28;color:#ffc0ae;border-color:#b37767}.quiz-option:disabled{opacity:1}.quiz-feedback{color:#c7d4de}.contact-empty{color:var(--muted)}.club-sources p{font-size:.75rem}.club-sources a{font-size:.8125rem}.club-facts dt,.city-option small{font-size:.8125rem}.city-option{font-size:.9375rem}.club-detail-city{font-size:.875rem}.club-sources{border-color:var(--line)}
#toast{background:#d9e4ed;color:#17222b;border:1px solid white;box-shadow:0 8px 40px #0005}.more-item:hover{background:var(--paper-raised)}summary{font-size:.9375rem}details{border-color:var(--line)}
.club-media{height:172px;background:#1d2a34;position:relative;display:block;width:100%;padding:0;overflow:hidden;text-align:center;border-bottom:1px solid var(--line)}.club-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s}.club-media:hover img{transform:scale(1.025)}.club-media.media-logo{display:flex;justify-content:center;align-items:center;background:#1b252d}.media-logo img{width:112px;height:112px;object-fit:contain;border-radius:14px;background:#fff;padding:4px}.media-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#1c2933}.club-initials{font-size:2.8rem;font-weight:800;color:#7d96a7;letter-spacing:-1px}.media-label{position:absolute;bottom:11px;left:13px;background:#08131bd9;color:#d8e2e9;font-size:.75rem;border-radius:6px;padding:5px 8px}.media-placeholder .media-label{position:static;background:none;color:var(--muted);padding:0}.club-gallery-preview{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:18px 0 22px;padding:0 0 4px}.club-gallery-preview button{flex:0 0 112px;height:82px;padding:0;border:1px solid #526574;border-radius:9px;overflow:hidden;scroll-snap-align:start}.club-gallery-preview img{width:100%;height:100%;object-fit:cover;display:block}.club-gallery-preview .gallery-count{font-size:.8125rem;color:var(--muted);align-self:center;padding:8px;min-width:75px}.photo-viewer{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;scrollbar-width:thin;margin:18px 0}.photo-viewer figure{flex:0 0 100%;min-width:0;scroll-snap-align:start;margin:0}.photo-viewer img{width:100%;height:42dvh;object-fit:contain;background:#0c131a;display:block;border-radius:10px}.photo-viewer figcaption{color:var(--muted);font-size:.8125rem;margin-top:10px}.photo-source{font-size:.8125rem;color:var(--muted)}.photo-source a{color:#ffae88;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.topbar{background:#10171ef5}.dialog-top{top:-22px}.club-media{height:168px}.card-grid .club-media{height:150px}.simple-club .club-content{padding:18px}.button{min-height:46px}.club-actions .button{min-width:116px}.bottom-item{font-size:.75rem}.preview-pill{font-size:.75rem}.club-gallery-preview{margin-top:14px}.photo-viewer img{height:38dvh}dialog{border-radius:22px 22px 0 0}}
@media(prefers-reduced-motion:reduce){.club-media img{transition:none}.club-media:hover img{transform:none}}