*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:
radial-gradient(circle at top left,rgba(127,86,217,.25),transparent 30%),
radial-gradient(circle at top right,rgba(37,99,235,.18),transparent 35%),
linear-gradient(180deg,#08101d 0%,#0b1220 40%,#111827 100%);color:#edf2ff}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.page-shell{max-width:1180px;margin:0 auto;padding:24px 16px 96px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:stretch;padding-top:16px}
.hero-copy,.hero-panel,.card{backdrop-filter:blur(14px)}
.card,.hero-copy,.hero-panel{background:rgba(11,18,32,.72);border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:0 18px 60px rgba(0,0,0,.25)}
.hero-copy{padding:32px}
.hero-panel{padding:28px}
.eyebrow{margin:0 0 8px;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#9db1ff}
h1{margin:0;font-size:clamp(2.4rem,6vw,4.7rem);line-height:.95}
h2{margin:0;font-size:clamp(1.3rem,2vw,2rem)}
h3{margin:0 0 8px;font-size:1rem}
.lead{font-size:1.08rem;line-height:1.6;color:#d9e2ff;max-width:58ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap}
.hero-badges span,.type-pill,.zone-theme{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);border-radius:999px;padding:10px 14px;font-size:.92rem;color:#dfe6ff}
.btn{border:0;border-radius:18px;padding:13px 18px;transition:.18s transform ease,.18s opacity ease,.18s background ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff}
.btn-secondary{background:rgba(255,255,255,.08);color:#fff}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.12);color:#dbe5ff}
.btn-full{width:100%}
.section{margin-top:24px}
.section-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:14px}
.section-head.compact{margin-bottom:18px}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}
.zones-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.zone-card{padding:18px;display:flex;flex-direction:column;gap:12px;min-height:170px}
.zone-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.zone-name{font-size:1.1rem;font-weight:700}
.zone-desc{margin:0;color:#cbd8ff;line-height:1.5;font-size:.95rem}
.zone-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.zone-stat{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);font-size:.88rem;color:#d5defd}
.feed-list{display:flex;flex-direction:column;gap:12px}
.feed-item{padding:16px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.feed-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}
.feed-zone{font-weight:700}
.feed-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:#aebeff;font-size:.9rem}
.feed-text{margin:0;color:#eef3ff;line-height:1.55;font-size:1rem}
.feed-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}
.feed-actions-right{display:flex;gap:10px;align-items:center}
.vote-btn,.report-btn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;border-radius:14px;padding:9px 12px}
.vote-btn.active{background:linear-gradient(135deg,#7c3aed,#2563eb)}
.report-btn{color:#ffd8d8}
.form-stack{display:flex;flex-direction:column;gap:14px}
label{display:flex;flex-direction:column;gap:8px}
input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05);border-radius:16px;color:#fff;padding:14px}
textarea{resize:vertical;min-height:120px}
.form-message,.alias-message{min-height:24px;margin:0;color:#cfe0ff}
.alias-box,.rule-box,.limit-box,.spotlight-box{margin-top:18px;padding:16px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.alias-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.rule-box ul{margin:10px 0 0;padding-left:18px;color:#d9e4ff;line-height:1.65}
.sticky-panel{position:sticky;top:18px;padding:20px}
.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.stat{padding:16px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.stat strong{display:block;font-size:1.8rem}.stat span{color:#bcccf7}
.limit-title{margin:0 0 6px;font-weight:700}
.cooldown-bar{height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.cooldown-bar span{display:block;height:100%;width:0;background:linear-gradient(135deg,#7c3aed,#22c55e);transition:width .3s ease}
.spotlight-text{margin:0 0 8px;color:#eef3ff;line-height:1.6}.spotlight-meta{margin:0;color:#aebeff}
.detail-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px}
.district-card{padding:22px}.district-description{margin:0 0 14px;color:#d9e4ff;line-height:1.7}.district-meta{display:flex;flex-wrap:wrap;gap:10px}
.detail-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.detail-tools select{min-width:180px}
.monetization-card{padding:24px}
.monetization-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.monetization-grid article{padding:18px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.footer{text-align:center;color:#95a7d8;margin-top:28px}
.empty-state{padding:18px;border-radius:18px;background:rgba(255,255,255,.04);color:#c8d4ff}
.hidden{display:none!important}
@media (max-width:1080px){.hero,.two-col,.detail-layout{grid-template-columns:1fr}.zones-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monetization-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sticky-panel{position:static}}
@media (max-width:680px){.page-shell{padding:14px 12px 84px}.hero-copy,.hero-panel,.card{border-radius:24px}.hero-copy,.hero-panel,.sticky-panel,.district-card,.monetization-card{padding:18px}.zones-grid,.monetization-grid,.stat-grid{grid-template-columns:1fr}.hero-actions,.section-head{align-items:stretch}.section-head{flex-direction:column}.alias-row{grid-template-columns:1fr}}