:root{--ink:#3b3355;--ink-soft:#7a7194;--card:#fffbf4;--card-edge:#efe4d4;--accent:#f2956b;--like:#ef5d82;--shadow:0 6px 0 #3b335514, 0 14px 34px #3b335524;--radius:18px;--sky-top:#a9dcff;--sky-bottom:#fff1e0}body.night{--ink:#f4efff;--ink-soft:#b9b0d6;--card:#2a2547;--card-edge:#3d3664;--shadow:0 6px 0 #0003, 0 14px 34px #00000059;--sky-top:#141836;--sky-bottom:#463a6e}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:var(--sky-bottom);-webkit-font-smoothing:antialiased;font-family:Nunito,system-ui,sans-serif}#sky{background:linear-gradient(180deg, var(--sky-top), var(--sky-bottom));transition:background .8s;position:fixed;inset:0}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}.card{background:var(--card);border:2px solid var(--card-edge);border-radius:var(--radius);box-shadow:var(--shadow);transition:background .6s,border-color .6s}.hidden{display:none!important}#loading{text-align:center;z-index:50;background:linear-gradient(180deg, var(--sky-top), var(--sky-bottom));place-content:center;gap:12px;font-family:Fredoka;font-size:20px;transition:opacity .6s;display:grid;position:fixed;inset:0}.loader-house{font-size:54px;animation:1s ease-in-out infinite alternate bob}@keyframes bob{to{transform:translateY(-10px)rotate(4deg)}}#welcome{z-index:10;width:330px;padding:18px 20px 14px;position:fixed;top:16px;left:16px}#welcome .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-family:Fredoka;font-size:13px}#welcome h1{letter-spacing:-.01em;margin:0 0 6px;font-family:Fredoka;font-size:34px;font-weight:700;line-height:1}#welcome h1:after{content:" 🏙️";font-size:.78em}body.night #welcome h1:after{content:" 🌃"}#welcome .sub{color:var(--ink-soft);margin:0 0 12px;font-size:14px;line-height:1.4}#welcome.min .sub,#welcome.min dl,#welcome.min .eyebrow{display:none}#welcome.min h1{margin:0;font-size:22px}#welcome.min{width:auto;padding:10px 44px 10px 16px}#census{grid-template-columns:auto 1fr;gap:5px 12px;margin:0;font-size:13.5px;display:grid}#census dt{color:var(--ink-soft);white-space:nowrap;font-weight:700}#census dd{margin:0}#census .link{cursor:pointer;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.collapse,.close{border:2px solid var(--card-edge);background:0 0;border-radius:50%;width:28px;height:28px;padding:0;font-size:18px;line-height:1;position:absolute;top:10px;right:10px}#topright{z-index:12;align-items:flex-start;gap:8px;display:flex;position:fixed;top:16px;right:16px}.pill{border-radius:50%;width:46px;height:46px;padding:0;font-size:20px}.pill:hover{transform:translateY(-1px)}#music{opacity:.55}#music.on{opacity:1;box-shadow:var(--shadow), 0 0 0 3px #f2956b8c;animation:2.4s ease-in-out infinite wiggle}@keyframes wiggle{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)}}.search{width:280px;padding:0;overflow:hidden}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:none;padding:12px 16px;font:600 15px Nunito}.search input::placeholder{color:var(--ink-soft)}#search-results{max-height:50vh;overflow:auto}#search-results .count{color:var(--ink-soft);padding:4px 16px 8px;font-size:12.5px}.result{border-top:1px solid var(--card-edge);cursor:pointer;padding:8px 16px;font-size:13.5px;line-height:1.35}.result:hover{background:#f2956b1f}.result .meta{color:var(--ink-soft);margin-top:2px;font-size:12px}#districts{z-index:11;width:280px;max-height:calc(100vh - 200px);padding:14px 8px 8px;position:fixed;top:74px;right:16px;overflow:auto}#districts h2{margin:0 10px 8px;font-family:Fredoka;font-size:18px}#district-list{margin:0;padding:0;list-style:none}#district-list li{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:7px 10px;font-size:14px;display:flex}#district-list li:hover{background:#f2956b1f}#district-list li.future{opacity:.35}#district-list .n{color:var(--ink-soft);margin-left:auto;font-size:12.5px}.dot{border-radius:4px;flex:none;width:13px;height:13px;box-shadow:inset 0 -2px #00000026}#detail{z-index:14;width:380px;max-height:calc(100vh - 196px);padding:18px 20px;position:fixed;bottom:112px;left:16px;overflow:auto}#detail.with-welcome{max-height:calc(100vh - 360px)}.chip{cursor:pointer;background:#7f7fa01f;border-radius:99px;align-items:center;gap:6px;padding:3px 10px 3px 6px;font-size:12.5px;font-weight:700;display:inline-flex}.tweet-text{white-space:pre-wrap;word-wrap:break-word;margin:12px 0;font-size:17px;line-height:1.45}.tweet-img{object-fit:cover;border:2px solid var(--card-edge);background:var(--card-edge);border-radius:12px;width:100%;max-height:360px;margin:4px 0 10px;display:block}.media-wrap{display:block;position:relative}.media-wrap .play{color:#fff;background:#3b3355b8;border-radius:50%;place-content:center;width:54px;height:54px;padding-left:4px;font-size:20px;transition:transform .15s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);box-shadow:0 4px 14px #00000040}.media-wrap:hover .play{transform:translate(-50%,-60%)scale(1.08)}.stats{flex-wrap:wrap;gap:14px;font-size:14px;font-weight:700;display:flex}.stats .like{color:var(--like)}.when{color:var(--ink-soft);margin-top:6px;font-size:13px}.bldg{color:var(--ink-soft);margin-top:4px;font-size:13px}.sect{color:var(--ink-soft);text-transform:lowercase;margin:16px 0 6px;font-family:Fredoka;font-size:14px;font-weight:600}.thread{border-left:3px solid var(--card-edge);padding-left:10px;font-size:14px;line-height:1.4}.thread p{white-space:pre-wrap;margin:0 0 8px}.rel{cursor:pointer;border-radius:10px;gap:8px;padding:7px 8px;font-size:13.5px;line-height:1.35;display:flex}.rel:hover{background:#f2956b1f}.rel .likes{color:var(--ink-soft);white-space:nowrap;margin-left:auto;font-size:12px}.xlink{border:2px solid var(--card-edge);border-radius:99px;margin-top:12px;padding:6px 12px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-block}.xlink:hover{background:#f2956b1f}.hood-title{margin:6px 0 4px;font-family:Fredoka;font-size:26px;line-height:1.1}.blurb{color:var(--ink-soft);margin:0 0 10px;font-size:14.5px;line-height:1.4}.terms{flex-wrap:wrap;gap:5px;display:flex}.term{background:#7f7fa01f;border-radius:99px;padding:3px 9px;font-size:12.5px}.bars{align-items:flex-end;gap:4px;height:56px;display:flex}.bars div{border-radius:4px 4px 2px 2px;flex:1;min-height:2px;position:relative}.bars-x{color:var(--ink-soft);gap:4px;font-size:10.5px;display:flex}.bars-x span{text-align:center;flex:1}#tooltip{pointer-events:none;z-index:30;background:var(--card);border:2px solid var(--card-edge);max-width:280px;box-shadow:var(--shadow);border-radius:12px;padding:8px 12px;font-size:13.5px;line-height:1.35;position:fixed}#tooltip .likes{color:var(--like);margin-top:3px;font-size:12.5px;font-weight:700}#labels{pointer-events:none;z-index:5;position:fixed;inset:0}.hood-label{white-space:nowrap;pointer-events:auto;cursor:pointer;color:#3b3355;background:#fffbf4eb;border-radius:99px;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-family:Fredoka;font-size:13px;font-weight:600;transition:opacity .3s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px #3b33551f}.hood-label:hover{transform:translate(-50%,-50%)scale(1.06)}body.night .hood-label{color:#f4efff;background:#2a2547e6}.hood-label .dot{border-radius:3px;width:10px;height:10px}.lm-label{opacity:.9;padding:2px 8px;font-size:11px}#timebar{z-index:13;align-items:center;gap:14px;width:min(860px,100vw - 32px);padding:10px 18px 8px 10px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}#play{background:var(--accent);color:#fff;border:0;border-radius:50%;flex:none;width:50px;height:50px;padding-left:4px;font-size:18px;box-shadow:0 4px #d77450}#play.playing{padding-left:0}#play:active{transform:translateY(2px);box-shadow:0 2px #d77450}.track-wrap{flex:1;min-width:0}.readout{justify-content:space-between;font-family:Fredoka;font-size:15px;font-weight:600;display:flex}.readout #pop{color:var(--ink-soft);font-size:13.5px;font-weight:500}.track{height:34px;position:relative}#hist{opacity:.55;align-items:flex-end;gap:1px;height:22px;display:flex;position:absolute;bottom:12px;left:8px;right:8px}#hist div{background:var(--ink-soft);border-radius:1px;flex:1}#hist div.on{background:var(--accent)}#time{appearance:none;background:0 0;width:100%;height:20px;margin:0;position:absolute;bottom:4px;left:0;right:0}#time::-webkit-slider-runnable-track{background:var(--card-edge);border-radius:3px;height:6px}#time::-webkit-slider-thumb{-webkit-appearance:none;border:4px solid var(--accent);cursor:grab;background:#fff;border-radius:50%;width:20px;height:20px;margin-top:-7px;box-shadow:0 2px 4px #0003}#time::-moz-range-track{background:var(--card-edge);border-radius:3px;height:6px}#time::-moz-range-thumb{border:4px solid var(--accent);background:#fff;border-radius:50%;width:14px;height:14px}#markers{pointer-events:none;height:10px;position:absolute;top:0;left:8px;right:8px}.marker{pointer-events:auto;cursor:pointer;filter:drop-shadow(0 1px #00000026);font-size:11px;position:absolute;top:-2px;transform:translate(-50%)}.marker:hover{transform:translate(-50%)scale(1.4)}#years{height:14px;color:var(--ink-soft);margin:0 8px;font-size:11px;position:relative}#years span{position:absolute;transform:translate(-50%)}@media (width<=760px){#welcome{width:calc(100vw - 32px)}#welcome:not(.min) dl{display:none}#topright{inset:auto 16px 108px}.search{flex:1;width:auto}#districts{width:auto;max-height:45vh;inset:auto 16px 166px}#detail{z-index:20;width:auto;max-height:55vh;bottom:108px;left:16px;right:16px}#markers{display:none}.hood-label{padding:3px 8px 3px 6px;font-size:11px}.tweet-img{max-height:240px}}body.shot #topright,body.shot #timebar,body.shot #census,body.shot #districts,body.shot #detail,body.shot #welcome-toggle,body.shot #tooltip{display:none!important}body.shot #welcome{top:28px;left:28px}