.city-section{--city-gutter:20px;--city-radius:16px;--city-control:36px;border-top:1px solid var(--line);padding-block:64px 56px}@media (min-width:640px){.city-section{--city-gutter:28px;padding-block:88px 72px}}@media (pointer:coarse){.city-section{--city-control:44px}}.city-section__head,.city-section__below{max-width:1180px;padding-inline:var(--city-gutter);margin-inline:auto}.city-section__title{font-family:var(--font-newsreader), Georgia, ui-serif, serif;letter-spacing:-.015em;color:var(--ink);margin-top:14px;font-size:clamp(34px,4.4vw,56px);font-weight:500;line-height:1.02}.city-section__lead{max-width:62ch;color:var(--ink-soft);margin-top:16px;font-size:17px;line-height:1.6}.city-section__counts{font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.04em;color:var(--ink-faint);margin-top:14px;font-size:12.5px}.city-stage{border-block:1px solid var(--line);background:var(--surface-2);isolation:isolate;outline:none;height:clamp(420px,72vh,760px);margin-top:32px;position:relative;overflow:hidden}.city-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--indigo)}@media (max-width:699px){.city-stage{height:clamp(380px,66vh,560px)}}.city-stage--immersive{z-index:2100;border:0;height:100dvh;margin:0;position:fixed;inset:0}.city-stage canvas{display:block}.city-plan{cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.city-toolbar{z-index:3;pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.city-toolbar>*{pointer-events:auto}.city-toolbar__group{gap:6px;display:flex}.city-toolbar__side{right:0;top:calc(var(--city-control) + 12px);flex-direction:column;gap:6px;display:flex;position:absolute}.city-segmented{border:1px solid var(--line);background:color-mix(in oklab, var(--surface) 92%, transparent);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.city-segmented__item{min-height:calc(var(--city-control) - 8px);color:var(--ink-soft);border-radius:999px;padding:0 14px;font-size:13px;font-weight:600;transition:background .16s,color .16s}.city-segmented__item[aria-pressed=true]{background:var(--ink);color:var(--paper)}.city-segmented__item:disabled{opacity:.45;cursor:not-allowed}.city-icon-button{width:var(--city-control);height:var(--city-control);border:1px solid var(--line);background:color-mix(in oklab, var(--surface) 92%, transparent);color:var(--ink-soft);border-radius:10px;flex:none;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.city-icon-button:hover{color:var(--ink);border-color:var(--ink-faint)}.city-icon-button[aria-pressed=true]{color:var(--indigo);border-color:color-mix(in oklab, var(--indigo) 45%, var(--line))}.city-hint{z-index:2;max-width:min(560px,100% - 24px);font-family:var(--font-jetbrains), ui-monospace, monospace;color:var(--ink-soft);pointer-events:none;font-size:11px;line-height:1.5;position:absolute;bottom:12px;left:12px}.city-hint:not(:empty){background:color-mix(in oklab, var(--surface) 82%, transparent);border-radius:8px;padding:6px 10px}.city-wheel-hint{z-index:4;background:color-mix(in oklab, var(--ink) 82%, transparent);color:var(--paper);pointer-events:none;border-radius:10px;padding:10px 16px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.city-district-label{white-space:nowrap;font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:color-mix(in oklab, var(--surface) 86%, transparent);border:1px solid color-mix(in oklab, var(--district) 45%, var(--line));-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:10.5px;display:inline-flex}.city-district-label__count{color:color-mix(in oklab, var(--district) 58%, var(--ink));letter-spacing:.04em;font-weight:600}@media (max-width:699px){.city-district-label{letter-spacing:.08em;gap:4px;padding:2px 6px;font-size:9px}}.city-overlay{z-index:3;color:var(--ink-soft);align-items:center;gap:10px;display:flex;position:absolute}.city-overlay--loading{font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.08em;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-position:50%;background-size:48px 34px;justify-content:center;font-size:12px;inset:0}.city-overlay__spinner{border:2px solid color-mix(in oklab, var(--indigo) 25%, transparent);border-top-color:var(--indigo);border-radius:50%;width:14px;height:14px;animation:.9s linear infinite mltspin}.city-overlay--center{text-align:center;flex-direction:column;justify-content:center;padding:24px;inset:0}.city-overlay__title{font-family:var(--font-newsreader), Georgia, ui-serif, serif;color:var(--ink);font-size:24px;font-weight:500}.city-overlay__body{max-width:44ch;color:var(--ink-soft);font-size:14.5px;line-height:1.55}.city-empty{z-index:3;text-align:center;border-radius:var(--city-radius);border:1px solid var(--line);background:color-mix(in oklab, var(--surface) 94%, transparent);flex-direction:column;align-items:center;gap:10px;width:min(420px,100% - 32px);padding:20px;display:flex;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.city-notice,.city-toast{z-index:3;border:1px solid var(--line);background:color-mix(in oklab, var(--surface) 94%, transparent);max-width:calc(100% - 24px);color:var(--ink);border-radius:12px;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-size:13.5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.city-notice{top:62px}.city-toast{bottom:52px}.city-card{z-index:5;top:60px;right:calc(20px + var(--city-control));border-radius:var(--city-radius);border:1px solid var(--line);border-top:3px solid var(--district);background:var(--surface);width:min(380px,100% - 24px);max-height:calc(100% - 72px);box-shadow:var(--shadow-elev);color:var(--ink);padding:16px 18px 14px;position:absolute;overflow-y:auto}@media (max-width:699px){.city-card{width:auto;max-height:64%;inset:auto 10px 10px}.city-card~.city-hint{display:none}}.city-card__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.city-card__meta{font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.06em;color:var(--ink-faint);flex-wrap:wrap;gap:6px;padding-top:8px;font-size:11.5px;display:flex}.city-card__district{color:color-mix(in oklab, var(--district) 58%, var(--ink));text-transform:uppercase;font-weight:600}.city-card__mood:before{content:"";background:var(--mood);width:7px;height:7px;box-shadow:0 0 0 1px var(--line-2);vertical-align:1px;border-radius:50%;margin-right:5px;display:inline-block}.city-card__label{font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-top:12px;font-size:10.5px}.city-card__body{min-height:3.2em;margin-top:6px}.city-card__text{font-family:var(--font-newsreader), Georgia, ui-serif, serif;overflow-wrap:anywhere;quotes:"“" "”";font-size:21px;line-height:1.35}.city-card__text:before{content:open-quote}.city-card__text:after{content:close-quote}.city-card__note{color:var(--ink-soft);font-size:14px}.city-card__note--loading{color:var(--ink-faint)}.city-card__facts{color:var(--ink-faint);margin-top:10px;font-size:12.5px}.city-card__reactions{margin-top:8px}.city-card__own{background:var(--surface-2);color:var(--ink-soft);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:13px;display:flex}.city-card__confirm{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.city-card__error{color:var(--danger);font-size:13px}.city-card__actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:12px;display:flex}.city-card__nav{align-items:center;gap:6px;display:flex}.city-card__position{font-family:var(--font-jetbrains), ui-monospace, monospace;color:var(--ink-faint);text-align:center;min-width:5ch;font-size:11.5px}.city-card__links{flex-wrap:wrap;gap:2px;display:flex}.city-card__small{min-height:calc(var(--city-control) - 4px);padding:.4rem .6rem;font-size:13px}.city-card__danger{background:var(--danger)}.city-legend{gap:28px;margin-top:28px;display:grid}.city-filters{gap:10px;display:grid}.city-filters__row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.city-filters__label{font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-right:6px;font-size:11px}.city-chip{min-height:34px}.city-chip__dot{background:var(--district,var(--ink-faint));border-radius:50%;width:8px;height:8px}.city-chip__count{font-family:var(--font-jetbrains), ui-monospace, monospace;color:var(--ink-faint);font-size:11px}.city-filters__result{color:var(--ink-soft);font-size:13px}.city-key__title{font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:11px}.city-key__list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px 24px;margin-top:12px;display:grid}.city-key__item{border-top:1px solid var(--line);padding-top:10px}.city-key__item dt{color:var(--ink);font-size:14px;font-weight:600}.city-key__item dd{color:var(--ink-soft);margin-top:2px;font-size:13.5px;line-height:1.45}.city-numbers{margin-top:20px}.city-numbers summary{cursor:pointer;color:var(--ink-soft);font-size:14px;font-weight:600}.city-numbers table{border-collapse:collapse;width:100%;max-width:520px;margin-top:12px;font-size:14px}.city-numbers th,.city-numbers td{text-align:left;border-bottom:1px solid var(--line);padding:8px 10px 8px 0}.city-numbers td{font-family:var(--font-jetbrains), ui-monospace, monospace;font-variant-numeric:tabular-nums}.city-numbers thead th{color:var(--ink-faint);font-size:12px;font-weight:600}.city-numbers tfoot th,.city-numbers tfoot td{font-weight:600}.city-walk{border-radius:var(--city-radius);border:1px solid var(--line);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding:20px 22px;display:flex}.city-walk__title{font-family:var(--font-newsreader), Georgia, ui-serif, serif;color:var(--ink);font-size:22px;font-weight:500}.city-walk__body{max-width:60ch;color:var(--ink-soft);margin-top:4px;font-size:14.5px;line-height:1.55}@media (prefers-reduced-motion:reduce){.city-overlay__spinner{animation:none}}
.home-hero{max-width:1180px;margin-inline:auto;padding:56px 20px 8px}@media (min-width:640px){.home-hero{padding:88px 28px 16px}}.home-hero__title{max-width:18ch;font-family:var(--font-newsreader), Georgia, ui-serif, serif;letter-spacing:-.02em;color:var(--ink);margin-top:16px;font-size:clamp(40px,6.2vw,76px);font-weight:500;line-height:.98}.home-hero__lead{max-width:56ch;color:var(--ink-soft);margin-top:20px;font-size:18px;line-height:1.6}.home-hero__actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.home-hero__trust{color:var(--ink-soft);flex-wrap:wrap;gap:8px 18px;margin:24px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.home-hero__trust li:before{content:"";background:var(--good);vertical-align:2px;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.home-hero__live{font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.04em;color:var(--ink-faint);margin-top:18px;font-size:12.5px}