*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #6d28d9;--color-primary-light: #8b5cf6;--color-primary-dark: #5b21b6;--color-accent: #f59e0b;--color-text: #1f2937;--color-text-light: #6b7280;--color-bg: #ffffff;--color-bg-alt: #f9fafb;--color-border: #e5e7eb;--color-surface: #ffffff;--color-input-bg: #ffffff;--color-input-placeholder: #9ca3af;--color-error-bg: #fef2f2;--color-error-text: #dc2626;--color-success-bg: #f0fdf4;--color-success-text: #16a34a;--color-diamond-bg: #fef3c7;--color-diamond-text: #b8972a;--color-diamond-border: #e6cc7a;--color-platinum-bg: #ede9fe;--color-platinum-text: #6d28d9;--color-platinum-border: #c4b5fd;--color-section-bg: #faf7ff;--max-width: 1200px;--radius: 8px;--color-header-brand: #5b21b6;--color-cookie-bg: #1f2937;--color-cookie-text: #f9fafb;--color-cookie-decline-bg: #e5e7eb;--color-cookie-decline-text: #1f2937;--color-cookie-decline-border: #9ca3af}[data-theme=dark]{--color-text: #e2e8f0;--color-text-light: #94a3b8;--color-bg: #0f172a;--color-bg-alt: #1e293b;--color-border: #334155;--color-surface: #1e293b;--color-input-bg: #1e293b;--color-input-placeholder: #64748b;--color-error-bg: #3b0a0a;--color-error-text: #f87171;--color-success-bg: #052e16;--color-success-text: #4ade80;--color-diamond-bg: #2d2300;--color-diamond-text: #f59e0b;--color-diamond-border: #78600a;--color-platinum-bg: #1e1040;--color-platinum-text: #a78bfa;--color-platinum-border: #6d28d9;--color-section-bg: #1a1030;--color-header-brand: #ede9fe;--color-cookie-bg: #1e293b;--color-cookie-text: #f1f5f9;--color-cookie-decline-bg: #334155;--color-cookie-decline-text: #f1f5f9;--color-cookie-decline-border: #475569}body{font-family:system-ui,-apple-system,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.site-header{border-bottom:1px solid var(--color-border);padding:1rem 0}.site-header .container{display:flex;justify-content:space-between;align-items:center}.site-header .logo{font-size:1.5rem;font-weight:700;color:var(--color-header-brand);display:flex;align-items:center}.site-header .logo-img{height:40px;width:auto}.logo-img--dark,[data-theme=dark] .logo-img--light{display:none}[data-theme=dark] .logo-img--dark{display:block}.site-header .logo:hover{text-decoration:none}.site-header nav a{margin-left:2rem;color:var(--color-text-light);font-weight:500}.site-header nav a:hover{color:var(--color-primary);text-decoration:none}.site-header nav a.nav-admin{color:var(--color-primary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.25rem .5rem;border:1.5px solid var(--color-primary);border-radius:var(--radius)}.site-header nav a.nav-admin:hover{background:var(--color-primary);color:#fff;text-decoration:none}.site-footer{border-top:1px solid var(--color-border);padding:3rem 0 1.5rem;margin-top:4rem;color:var(--color-text-light);font-size:.875rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-brand .logo{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.footer-brand p{margin-top:.5rem;color:var(--color-text-light)}.footer-links h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);margin-bottom:.75rem}.footer-links a{display:block;color:var(--color-text-light);margin-bottom:.5rem}.footer-links a:hover{color:var(--color-primary);text-decoration:none}.footer-bottom{border-top:1px solid var(--color-border);padding-top:1.5rem;text-align:center}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;text-align:center}}.page-hero{text-align:center;padding:3.5rem 1.5rem;background:linear-gradient(#0000008c,#0000008c),url(/images/city-dance.jpg) center/cover no-repeat;color:#fff;margin-bottom:2rem}.page-hero h1{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.5rem}.page-hero p{font-size:1.1rem;color:#ffffffd9}@media(max-width:768px){.page-hero{padding:2.5rem 1rem}.page-hero h1{font-size:1.5rem}}.city-intro{font-size:1.05rem;line-height:1.7;color:var(--color-text-light);max-width:720px;margin:0 auto 2rem;text-align:center}.city-styles-section{margin-top:3rem}.style-tags{display:flex;flex-wrap:wrap;gap:.5rem}.hero{text-align:center;padding:5rem 0;background:linear-gradient(#0000008c,#0000008c),url(/images/hero-dance.jpg) center/cover no-repeat;color:#fff}.hero h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#fff}.hero p{font-size:1.25rem;color:#ffffffe6;max-width:600px;margin:0 auto 2rem}.search-bar{display:flex;max-width:500px;margin:0 auto;gap:.5rem}.search-bar input{flex:1;padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius);font-size:1rem}.search-bar input:focus{outline:none;border-color:var(--color-primary-light)}.search-bar button{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer}.search-bar button:hover{background:var(--color-primary-dark)}.use-location-btn{display:inline-block;margin-top:.75rem;padding:.5rem 1rem;background:#ffffff26;border:1px solid rgba(255,255,255,.4);border-radius:9999px;color:#ffffffe6;font-size:.875rem;cursor:pointer;transition:all .2s}.use-location-btn:hover{background:#ffffff40;border-color:#ffffffb3;color:#fff}.use-location-btn:disabled{opacity:.6;cursor:not-allowed}.section-heading{font-size:1.5rem;font-weight:700;margin:3rem 0 1.5rem}.studio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}a.studio-card{display:block;text-decoration:none;color:inherit;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s;cursor:pointer}.studio-card:hover{box-shadow:0 4px 12px #0000001a}.studio-card .card-image{position:relative;height:180px;background:var(--color-bg-alt);display:flex;align-items:center;justify-content:center;color:var(--color-text-light);font-size:.875rem;overflow:hidden}.studio-card .card-image img{width:100%;height:100%;object-fit:cover}.studio-card .claimed-badge{position:absolute;bottom:.5rem;right:.5rem;background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:4px;display:flex;align-items:center;gap:.25rem;box-shadow:0 1px 3px #0003}.studio-card .card-body{padding:1.25rem}.studio-card h3{font-size:1.125rem;margin-bottom:.25rem}.studio-card h3{color:var(--color-text)}.studio-card .location{color:var(--color-text-light);font-size:.875rem;margin-bottom:.75rem}.card-rating{margin-left:.5rem;white-space:nowrap}.card-rating .star-icon{color:var(--color-accent)}.studio-card .styles{display:flex;flex-wrap:wrap;gap:.375rem}.style-tag{display:inline-block;padding:.2rem .6rem;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:9999px;font-size:.75rem;color:var(--color-text-light)}.updated-label{font-size:.75rem;color:var(--color-text-light);margin-top:.5rem}.featured-badge{display:inline-block;padding:.2rem .6rem;background:var(--color-accent);color:#fff;border-radius:9999px;font-size:.75rem;font-weight:600;margin-left:.5rem}.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.city-link{display:block;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;font-weight:500}.city-link:hover{background:var(--color-bg-alt);text-decoration:none;border-color:var(--color-primary-light)}.city-link .count{display:block;font-size:.8rem;color:var(--color-text-light);font-weight:400}.studio-detail{padding:2rem 0}.studio-detail h1{font-size:2rem;margin-bottom:.5rem}.studio-detail .meta{color:var(--color-text-light);margin-bottom:2rem;font-size:1rem}.studio-detail .description{font-size:1.1rem;line-height:1.8;margin-bottom:2rem;white-space:pre-wrap;word-wrap:break-word}.studio-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.info-block h3{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);margin-bottom:.5rem}.claim-banner{background:var(--color-bg-alt);border:2px dashed var(--color-border);border-radius:var(--radius);padding:2rem;text-align:center;margin:2rem 0}.claim-banner h3{margin-bottom:.5rem}.claim-banner p{color:var(--color-text-light);margin-bottom:1rem}.btn{display:inline-block;padding:.625rem 1.25rem;border-radius:var(--radius);font-weight:600;font-size:.95rem;cursor:pointer;border:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);text-decoration:none}.btn-directions{background:var(--color-bg);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-directions:hover{background:var(--color-primary);color:#fff;text-decoration:none}.studio-actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.studio-actions .btn{text-align:center}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--color-cookie-bg);color:var(--color-cookie-text);padding:1rem 1.5rem;z-index:1000;display:flex;justify-content:center;box-shadow:0 -2px 10px #00000026}.cookie-content{max-width:var(--max-width);width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.cookie-content p{font-size:.875rem;line-height:1.5;margin:0}.cookie-actions{display:flex;gap:.5rem;flex-shrink:0}.cookie-actions .btn{padding:.5rem 1rem;font-size:.85rem}.cookie-actions .btn-directions{background:var(--color-cookie-decline-bg);color:var(--color-cookie-decline-text);border-color:var(--color-cookie-decline-border)}.cookie-actions .btn-directions:hover{background:var(--color-cookie-text);color:var(--color-cookie-bg);text-decoration:none}@media(max-width:768px){.hero h1{font-size:1.75rem}.studio-info-grid{grid-template-columns:1fr}.search-bar{flex-direction:column}.cookie-content{flex-direction:column;text-align:center}}.theme-toggle{background:none;border:1px solid var(--color-border);border-radius:9999px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--color-text-light);margin-left:1rem;transition:color .15s,border-color .15s;flex-shrink:0}.theme-toggle:hover{color:var(--color-primary);border-color:var(--color-primary)}.theme-toggle .icon-sun,.theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:block}html:not([data-theme=dark]) .theme-toggle .icon-sun{display:block}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--color-input-bg);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--color-input-placeholder)}[data-theme=dark] a.studio-card{background:var(--color-surface)}[data-theme=dark] .search-bar input{background:var(--color-input-bg);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .claim-banner{background:var(--color-bg-alt);border-color:var(--color-border)}[data-theme=dark] .style-tag{background:var(--color-bg-alt);border-color:var(--color-border);color:var(--color-text-light)}[data-theme=dark] .city-link{border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .city-link:hover{background:var(--color-bg-alt)}[data-theme=dark] .site-header,[data-theme=dark] .site-footer{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .section-heading{color:var(--color-text)}[data-theme=dark] .mobile-nav-drawer{background:var(--color-bg);border-color:var(--color-border)}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;color:var(--color-text);padding:.25rem;border-radius:var(--radius);align-items:center;justify-content:center}.hamburger-btn:hover{color:var(--color-primary)}.mobile-nav-drawer{display:none;position:fixed;inset:0;background:var(--color-bg);z-index:200;flex-direction:column;padding:1.5rem;overflow-y:auto}.mobile-nav-drawer.open{display:flex}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.mobile-nav-close{background:none;border:none;cursor:pointer;color:var(--color-text);padding:.25rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.mobile-nav-close:hover{color:var(--color-primary)}.mobile-nav-links{display:flex;flex-direction:column;gap:0}.mobile-nav-links a{display:block;padding:1rem 0;font-size:1.125rem;font-weight:500;color:var(--color-text);border-bottom:1px solid var(--color-border);text-decoration:none}.mobile-nav-links a:hover{color:var(--color-primary)}.mobile-nav-footer{margin-top:auto;padding-top:2rem;display:flex;align-items:center;gap:.75rem;color:var(--color-text-light);font-size:.875rem}@media(max-width:768px){.site-header nav{display:none}.hamburger-btn{display:flex}.site-header .container{gap:.5rem}}