:root{--color-bg-primary:#0a0a0b;--color-bg-secondary:#111113;--color-bg-card:#18181b;--color-bg-elevated:#1f1f23;--color-bg-hover:#27272a;--color-accent-primary:#a855f7;--color-accent-secondary:#ec4899;--color-accent-glow:rgba(168,85,247,0.3);--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-text-link:#a855f7;--color-border:#27272a;--color-border-hover:#3f3f46;--color-tag-dark:#7c3aed;--color-tag-warehouse:#6366f1;--color-tag-underground:#8b5cf6;--color-tag-melodic:#06b6d4;--color-tag-high-energy:#f43f5e;--color-tag-chill:#10b981;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.5);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.5),0 2px 4px -2px rgba(0,0,0,0.5);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5),0 4px 6px -4px rgba(0,0,0,0.5);--shadow-glow:0 0 20px var(--color-accent-glow);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--z-base:0;--z-elevated:10;--z-sticky:50;--z-modal:100;--z-toast:200}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh}a{color:var(--color-text-link);text-decoration:none;transition:color var(--transition-fast);cursor:pointer}a:hover{color:var(--color-accent-secondary)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:640px;margin:0 auto;padding:0 var(--space-4)}.page{padding:var(--space-6) 0}.header{position:sticky;top:0;z-index:var(--z-sticky);background:rgba(10,10,11,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0}.header__inner{display:flex;align-items:center;justify-content:space-between}.header__logo{font-size:var(--text-xl);font-weight:700;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header__city{align-items:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.header__city,.tabs{display:flex;gap:var(--space-2)}.tabs{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);border-radius:var(--radius-full);transition:all var(--transition-fast)}.tab:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.tab--active{color:var(--color-text-primary);background:var(--color-bg-elevated)}.event-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);transition:all var(--transition-base)}.event-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.event-card__header{margin-bottom:var(--space-3)}.event-card__title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-1)}.event-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.event-card__meta-item{display:flex;align-items:center;gap:var(--space-1)}.event-card__lineup{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0}.event-card__dj{font-size:var(--text-sm);color:var(--color-text-link);transition:color var(--transition-fast)}.event-card__dj:hover{color:var(--color-accent-secondary)}.event-card__dj:after{content:",";color:var(--color-text-muted)}.event-card__dj:last-child:after{content:""}.vibe-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0}.vibe-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border)}.vibe-tag--dark{background:rgba(124,58,237,.2);border-color:var(--color-tag-dark);color:var(--color-tag-dark)}.vibe-tag--warehouse{background:rgba(99,102,241,.2);border-color:var(--color-tag-warehouse);color:var(--color-tag-warehouse)}.vibe-tag--underground{background:rgba(139,92,246,.2);border-color:var(--color-tag-underground);color:var(--color-tag-underground)}.vibe-tag--melodic{background:rgba(6,182,212,.2);border-color:var(--color-tag-melodic);color:var(--color-tag-melodic)}.vibe-tag--high-energy{background:rgba(244,63,94,.2);border-color:var(--color-tag-high-energy);color:var(--color-tag-high-energy)}.vibe-tag--chill{background:rgba(16,185,129,.2);border-color:var(--color-tag-chill);color:var(--color-tag-chill)}.crowd-signals{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-3) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.crowd-signal{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.crowd-signal__icon{font-size:var(--text-base)}.crowd-signal__value{font-weight:600}.crowd-signal--positive{color:var(--color-success)}.crowd-signal--negative{color:var(--color-danger)}.crowd-signal--warning{color:var(--color-warning)}.crowd-signal--neutral{color:var(--color-text-secondary)}.event-card__cta{margin-top:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);width:100%}.btn--primary{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:white}.btn--primary:hover{box-shadow:var(--shadow-glow);transform:scale(1.02)}.btn--secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.warning-banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-3)}.warning-banner--danger{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:var(--color-danger)}.warning-banner--warning{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);color:var(--color-warning)}.warning-banner--info{background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);color:var(--color-info)}.vote-module{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.vote-module__label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.vote-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.vote-option{flex:1;min-width:80px;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md);background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--transition-fast);text-align:center}.vote-option:hover:not(.vote-option--selected):not(.vote-option--disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.vote-option--selected{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:white}.vote-option--disabled{opacity:.5;cursor:not-allowed}.presence-counter{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.presence-counter__count{font-size:var(--text-2xl);font-weight:700;color:var(--color-accent-primary)}.presence-counter__label{font-size:var(--text-sm);color:var(--color-text-secondary)}.presence-counter__btn{margin-left:auto;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-full);background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-primary);transition:all var(--transition-fast)}.presence-counter__btn:hover{background:var(--color-bg-hover)}.presence-counter__btn--active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:white}.thread{margin-top:var(--space-6)}.thread__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.thread__title{font-size:var(--text-lg);font-weight:600}.thread__live-badge{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-danger)}.thread__live-badge:before{content:"";width:8px;height:8px;background:var(--color-danger);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.quick-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.quick-tag{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--transition-fast)}.quick-tag:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.quick-tag--active{background:var(--color-warning);border-color:var(--color-warning);color:var(--color-bg-primary)}.thread-post{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.thread-post--collapsed{opacity:.5}.thread-post__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.thread-post__author{font-size:var(--text-sm);color:var(--color-text-muted)}.thread-post__time{font-size:var(--text-xs);color:var(--color-text-muted)}.thread-post__content{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.5;margin-bottom:var(--space-3)}.thread-post__image{border-radius:var(--radius-md);margin-bottom:var(--space-3);max-height:300px;-o-object-fit:cover;object-fit:cover;width:100%}.thread-post__footer{display:flex;align-items:center;gap:var(--space-4)}.thread-post__vote{display:flex;align-items:center;gap:var(--space-2)}.thread-post__vote-btn{padding:var(--space-1);color:var(--color-text-muted);transition:color var(--transition-fast)}.thread-post__vote-btn:hover{color:var(--color-text-primary)}.thread-post__vote-btn--active-up{color:var(--color-success)}.thread-post__vote-btn--active-down{color:var(--color-danger)}.thread-post__score{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.post-input{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-secondary)}.post-input,.post-input__field{border:1px solid var(--color-border);border-radius:var(--radius-md)}.post-input__field{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:inherit;background:var(--color-bg-card);color:var(--color-text-primary);resize:none}.post-input__field::-moz-placeholder{color:var(--color-text-muted)}.post-input__field::placeholder{color:var(--color-text-muted)}.post-input__field:focus{outline:none;border-color:var(--color-accent-primary)}.post-input__submit{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;background:var(--color-accent-primary);border-radius:var(--radius-md);color:white;transition:all var(--transition-fast)}.post-input__submit:hover{background:var(--color-accent-secondary)}.post-input__submit:disabled{opacity:.5;cursor:not-allowed}.share-buttons{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.share-btn{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--transition-fast);text-align:center}.share-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.empty-state{text-align:center;padding:var(--space-12) var(--space-4)}.empty-state__icon{font-size:48px;margin-bottom:var(--space-4)}.empty-state__title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.empty-state__description{font-size:var(--text-sm);color:var(--color-text-secondary)}.footer{text-align:center;padding:var(--space-8) var(--space-4);font-size:var(--text-xs);border-top:1px solid var(--color-border)}.footer,.footer a{color:var(--color-text-muted)}.footer a:hover{color:var(--color-text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--text-sm)}.font-bold{font-weight:700}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-elevated) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:480px){:root{--text-base:0.9375rem}.container{padding:0 var(--space-3)}.event-card{padding:var(--space-4)}.vote-option{min-width:70px}}