:root{--cs-teal-50: #e6f5f3;--cs-teal-100: #b3e0db;--cs-teal-200: #80ccc3;--cs-teal-300: #4db7ab;--cs-teal-400: #26a899;--cs-teal-500: #009688;--cs-teal-600: #008a7b;--cs-teal-700: #007a6c;--cs-teal-800: #006b5e;--cs-teal-900: #004f44;--cs-slate-50: #f0f4f5;--cs-slate-100: #d9e2e4;--cs-slate-200: #b8c8cc;--cs-slate-300: #96adb3;--cs-slate-400: #7a969e;--cs-slate-500: #607d86;--cs-slate-600: #4e6970;--cs-slate-700: #3b5058;--cs-slate-800: #283840;--cs-slate-900: #162022;--cs-green: #34a853;--cs-green-bg: #e8f5e9;--cs-yellow: #f5a623;--cs-yellow-bg: #fff8e1;--cs-orange: #ef6c00;--cs-orange-bg: #fff3e0;--cs-red: #d93025;--cs-red-bg: #fce8e6;--cs-blue: #1a73e8;--cs-blue-bg: #e8f0fe;--cs-bg: #f0f4f5;--cs-bg-alt: #e6ecee;--cs-surface: #ffffff;--cs-surface-alt: #f7fafa;--cs-border: #d9e2e4;--cs-border-light: #e8eeef;--cs-text: #162022;--cs-text-secondary: #4e6970;--cs-text-muted: #7a969e;--cs-text-inverse: #ffffff;--cs-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cs-font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--cs-text-xs: .75rem;--cs-text-sm: .875rem;--cs-text-base: 1rem;--cs-text-lg: 1.125rem;--cs-text-xl: 1.25rem;--cs-text-2xl: 1.5rem;--cs-text-3xl: 1.875rem;--cs-text-4xl: 2.25rem;--cs-text-5xl: 3rem;--cs-weight-normal: 400;--cs-weight-medium: 500;--cs-weight-semi: 600;--cs-weight-bold: 700;--cs-weight-extra: 800;--cs-leading-tight: 1.2;--cs-leading-snug: 1.35;--cs-leading-normal: 1.5;--cs-leading-relaxed: 1.65;--cs-space-1: .25rem;--cs-space-2: .5rem;--cs-space-3: .75rem;--cs-space-4: 1rem;--cs-space-5: 1.25rem;--cs-space-6: 1.5rem;--cs-space-8: 2rem;--cs-space-10: 2.5rem;--cs-space-12: 3rem;--cs-space-16: 4rem;--cs-space-20: 5rem;--cs-radius-sm: 6px;--cs-radius-md: 10px;--cs-radius-lg: 14px;--cs-radius-xl: 20px;--cs-radius-full: 9999px;--cs-shadow-xs: 0 1px 2px rgba(22, 32, 34, .04);--cs-shadow-sm: 0 1px 4px rgba(22, 32, 34, .06), 0 1px 2px rgba(22, 32, 34, .04);--cs-shadow-md: 0 4px 12px rgba(22, 32, 34, .08), 0 1px 4px rgba(22, 32, 34, .04);--cs-shadow-lg: 0 8px 28px rgba(22, 32, 34, .1), 0 2px 8px rgba(22, 32, 34, .04);--cs-shadow-xl: 0 16px 48px rgba(22, 32, 34, .12), 0 4px 12px rgba(22, 32, 34, .04);--cs-ease: cubic-bezier(.4, 0, .2, 1);--cs-duration: .2s;--cs-duration-slow: .35s;--cs-max-width: 1200px;--cs-nav-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--cs-font);font-size:var(--cs-text-base);font-weight:var(--cs-weight-normal);line-height:var(--cs-leading-normal);color:var(--cs-text);background:var(--cs-bg);min-height:100vh}a{color:var(--cs-teal-600);text-decoration:none;transition:color var(--cs-duration) var(--cs-ease)}a:hover{color:var(--cs-teal-800)}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{line-height:var(--cs-leading-tight);font-weight:var(--cs-weight-bold);color:var(--cs-slate-900)}h1{font-size:var(--cs-text-4xl)}h2{font-size:var(--cs-text-2xl)}h3{font-size:var(--cs-text-xl)}h4{font-size:var(--cs-text-lg)}p{line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;padding-top:var(--cs-nav-height)}.container{max-width:var(--cs-max-width);margin:0 auto;padding:0 var(--cs-space-6)}.page-section{padding:var(--cs-space-12) 0}.page-section+.page-section{padding-top:0}.section-header{margin-bottom:var(--cs-space-8)}.section-header h2{margin-bottom:var(--cs-space-2)}.section-header p{font-size:var(--cs-text-sm)}.grid{display:grid;gap:var(--cs-space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 var(--cs-space-4)}h1{font-size:var(--cs-text-3xl)}h2{font-size:var(--cs-text-xl)}}.card{background:var(--cs-surface);border:1px solid var(--cs-border-light);border-radius:var(--cs-radius-lg);padding:var(--cs-space-6);box-shadow:var(--cs-shadow-sm);transition:box-shadow var(--cs-duration) var(--cs-ease),transform var(--cs-duration) var(--cs-ease)}.card:hover{box-shadow:var(--cs-shadow-md)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--cs-shadow-lg)}.stat-card{display:flex;flex-direction:column;gap:var(--cs-space-2);padding:var(--cs-space-6)}.stat-card__icon{width:40px;height:40px;border-radius:var(--cs-radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--cs-text-xl);margin-bottom:var(--cs-space-2)}.stat-card__label{font-size:var(--cs-text-sm);font-weight:var(--cs-weight-medium);color:var(--cs-text-muted);text-transform:uppercase;letter-spacing:.04em}.stat-card__value{font-size:var(--cs-text-3xl);font-weight:var(--cs-weight-extra);color:var(--cs-slate-900);line-height:1}.stat-card__subtitle{font-size:var(--cs-text-xs);color:var(--cs-text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--cs-space-1);padding:var(--cs-space-1) var(--cs-space-3);border-radius:var(--cs-radius-full);font-size:var(--cs-text-xs);font-weight:var(--cs-weight-semi);line-height:1.4}.badge--green{background:var(--cs-green-bg);color:#1b5e20}.badge--yellow{background:var(--cs-yellow-bg);color:#e65100}.badge--orange{background:var(--cs-orange-bg);color:#bf360c}.badge--red{background:var(--cs-red-bg);color:#b71c1c}.badge--blue{background:var(--cs-blue-bg);color:#1565c0}.badge--teal{background:var(--cs-teal-50);color:var(--cs-teal-800)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--cs-space-2);padding:var(--cs-space-3) var(--cs-space-6);border:none;border-radius:var(--cs-radius-md);font-family:var(--cs-font);font-size:var(--cs-text-sm);font-weight:var(--cs-weight-semi);cursor:pointer;transition:all var(--cs-duration) var(--cs-ease);text-decoration:none;line-height:1.4}.btn-primary{background:var(--cs-teal-600);color:var(--cs-text-inverse);box-shadow:var(--cs-shadow-sm)}.btn-primary:hover{background:var(--cs-teal-700);box-shadow:var(--cs-shadow-md);transform:translateY(-1px);color:var(--cs-text-inverse)}.btn-secondary{background:var(--cs-surface);color:var(--cs-teal-700);border:1px solid var(--cs-border)}.btn-secondary:hover{background:var(--cs-teal-50);border-color:var(--cs-teal-200);color:var(--cs-teal-800)}.btn-ghost{background:transparent;color:var(--cs-text-secondary)}.btn-ghost:hover{background:var(--cs-slate-50);color:var(--cs-text)}.btn-lg{padding:var(--cs-space-4) var(--cs-space-8);font-size:var(--cs-text-base);border-radius:var(--cs-radius-lg)}.score-gauge{position:relative;width:160px;height:160px;margin:0 auto}.score-gauge__ring{transform:rotate(-90deg)}.score-gauge__bg{fill:none;stroke:var(--cs-slate-100);stroke-width:10}.score-gauge__fill{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1s var(--cs-ease),stroke .5s var(--cs-ease)}.score-gauge__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-gauge__value{font-size:var(--cs-text-4xl);font-weight:var(--cs-weight-extra);line-height:1}.score-gauge__caption{font-size:var(--cs-text-xs);font-weight:var(--cs-weight-medium);color:var(--cs-text-muted);margin-top:var(--cs-space-1);text-transform:uppercase;letter-spacing:.05em}.search-bar{display:flex;align-items:center;gap:var(--cs-space-3);background:var(--cs-surface);border:2px solid var(--cs-border);border-radius:var(--cs-radius-xl);padding:var(--cs-space-3) var(--cs-space-4);box-shadow:var(--cs-shadow-md);transition:border-color var(--cs-duration) var(--cs-ease),box-shadow var(--cs-duration) var(--cs-ease);max-width:560px;width:100%}.search-bar:focus-within{border-color:var(--cs-teal-400);box-shadow:var(--cs-shadow-lg),0 0 0 3px #0096881a}.search-bar__icon{font-size:var(--cs-text-xl);color:var(--cs-text-muted);flex-shrink:0}.search-bar__input{flex:1;border:none;outline:none;font-family:var(--cs-font);font-size:var(--cs-text-base);color:var(--cs-text);background:transparent}.search-bar__input::placeholder{color:var(--cs-text-muted)}.search-bar__btn{flex-shrink:0}.explanation-list{list-style:none;display:flex;flex-direction:column;gap:var(--cs-space-3)}.explanation-list__item{display:flex;align-items:flex-start;gap:var(--cs-space-3);font-size:var(--cs-text-sm);color:var(--cs-text-secondary);line-height:var(--cs-leading-relaxed)}.explanation-list__icon{flex-shrink:0;width:20px;height:20px;margin-top:1px;color:var(--cs-teal-500)}.disclaimer{display:flex;align-items:flex-start;gap:var(--cs-space-3);padding:var(--cs-space-4) var(--cs-space-5);background:var(--cs-blue-bg);border-radius:var(--cs-radius-md);border-left:3px solid var(--cs-blue)}.disclaimer__icon{flex-shrink:0;font-size:var(--cs-text-lg);color:var(--cs-blue)}.disclaimer__text{font-size:var(--cs-text-sm);color:var(--cs-slate-700);line-height:var(--cs-leading-relaxed)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--cs-nav-height);background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--cs-border-light);box-shadow:var(--cs-shadow-xs)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--cs-max-width);margin:0 auto;padding:0 var(--cs-space-6)}.navbar__brand{display:flex;align-items:center;gap:var(--cs-space-3);font-size:var(--cs-text-lg);font-weight:var(--cs-weight-bold);color:var(--cs-slate-900);text-decoration:none}.navbar__brand:hover{color:var(--cs-teal-700)}.navbar__logo{font-size:var(--cs-text-2xl)}.navbar__links{display:flex;align-items:center;gap:var(--cs-space-1);list-style:none}.navbar__link{padding:var(--cs-space-2) var(--cs-space-4);border-radius:var(--cs-radius-md);font-size:var(--cs-text-sm);font-weight:var(--cs-weight-medium);color:var(--cs-text-secondary);text-decoration:none;transition:all var(--cs-duration) var(--cs-ease)}.navbar__link:hover{background:var(--cs-teal-50);color:var(--cs-teal-700)}.navbar__link--active{background:var(--cs-teal-50);color:var(--cs-teal-700);font-weight:var(--cs-weight-semi)}.navbar__toggle{display:none;background:none;border:none;font-size:var(--cs-text-2xl);color:var(--cs-slate-700);cursor:pointer;padding:var(--cs-space-2)}@media (max-width: 768px){.navbar__toggle{display:block}.navbar__links{display:none;position:absolute;top:var(--cs-nav-height);left:0;right:0;flex-direction:column;background:var(--cs-surface);border-bottom:1px solid var(--cs-border);padding:var(--cs-space-4);box-shadow:var(--cs-shadow-lg)}.navbar__links--open{display:flex}.navbar__link{width:100%;padding:var(--cs-space-3) var(--cs-space-4)}}.footer{background:var(--cs-slate-900);color:var(--cs-slate-300);padding:var(--cs-space-10) 0;margin-top:var(--cs-space-20)}.footer__inner{max-width:var(--cs-max-width);margin:0 auto;padding:0 var(--cs-space-6);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--cs-space-8)}.footer__brand{max-width:320px}.footer__brand h3{color:var(--cs-text-inverse);margin-bottom:var(--cs-space-3);font-size:var(--cs-text-lg)}.footer__brand p{font-size:var(--cs-text-sm);color:var(--cs-slate-400);line-height:var(--cs-leading-relaxed)}.footer__links h4{color:var(--cs-text-inverse);font-size:var(--cs-text-sm);font-weight:var(--cs-weight-semi);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--cs-space-4)}.footer__links ul{list-style:none;display:flex;flex-direction:column;gap:var(--cs-space-2)}.footer__links a{font-size:var(--cs-text-sm);color:var(--cs-slate-400)}.footer__links a:hover{color:var(--cs-teal-300)}.footer__bottom{width:100%;border-top:1px solid var(--cs-slate-700);padding-top:var(--cs-space-6);margin-top:var(--cs-space-4);font-size:var(--cs-text-xs);color:var(--cs-slate-500);text-align:center}@media (max-width: 640px){.footer__inner{flex-direction:column}}.hero{padding:var(--cs-space-16) 0 var(--cs-space-12);text-align:center}.hero h1{margin-bottom:var(--cs-space-4);font-size:var(--cs-text-5xl);font-weight:var(--cs-weight-extra);background:linear-gradient(135deg,var(--cs-teal-700),var(--cs-teal-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:var(--cs-text-lg);color:var(--cs-text-secondary);max-width:600px;margin:0 auto var(--cs-space-8);line-height:var(--cs-leading-relaxed)}.hero .search-bar{margin:0 auto}@media (max-width: 640px){.hero{padding:var(--cs-space-10) 0 var(--cs-space-8)}.hero h1{font-size:var(--cs-text-3xl)}.hero__subtitle{font-size:var(--cs-text-base)}}.neighbourhood-card{display:flex;align-items:center;justify-content:space-between;gap:var(--cs-space-4);padding:var(--cs-space-4) var(--cs-space-5)}.neighbourhood-card__info h4{font-size:var(--cs-text-base);font-weight:var(--cs-weight-semi);margin-bottom:var(--cs-space-1)}.neighbourhood-card__stats{display:flex;gap:var(--cs-space-4);font-size:var(--cs-text-sm);color:var(--cs-text-muted)}.neighbourhood-card__stat{display:flex;flex-direction:column;align-items:center;text-align:center}.neighbourhood-card__stat strong{color:var(--cs-text);font-weight:var(--cs-weight-semi)}.alt-card{display:flex;align-items:flex-start;gap:var(--cs-space-4);padding:var(--cs-space-5)}.alt-card__rank{width:36px;height:36px;border-radius:var(--cs-radius-full);background:var(--cs-teal-50);color:var(--cs-teal-700);font-weight:var(--cs-weight-bold);font-size:var(--cs-text-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.alt-card__body{flex:1}.alt-card__label{font-weight:var(--cs-weight-semi);margin-bottom:var(--cs-space-1)}.alt-card__meta{display:flex;gap:var(--cs-space-4);font-size:var(--cs-text-sm);color:var(--cs-text-muted);margin-bottom:var(--cs-space-2)}.alt-card__reason{font-size:var(--cs-text-sm);color:var(--cs-text-secondary)}.map-placeholder{position:relative;width:100%;min-height:400px;border-radius:var(--cs-radius-lg);background:linear-gradient(145deg,var(--cs-teal-50),var(--cs-slate-100));display:flex;align-items:center;justify-content:center;overflow:hidden}.map-placeholder__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(22,32,34,.03) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--cs-space-4)}.map-placeholder__icon{font-size:3rem;opacity:.2}.map-placeholder__text{font-size:var(--cs-text-sm);font-weight:var(--cs-weight-medium);color:var(--cs-text-muted);background:#ffffffd9;padding:var(--cs-space-3) var(--cs-space-5);border-radius:var(--cs-radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.city-map{position:relative;width:100%;min-height:460px;border-radius:var(--cs-radius-lg);border:1px solid var(--cs-border);overflow:hidden;background:radial-gradient(circle at 20% 20%,#ecf5f4f2,#e2edece6 45%,#d4e4e4eb);box-shadow:var(--cs-shadow-sm)}.city-map--dragging{cursor:grabbing}.city-map__svg{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.city-map--dragging .city-map__svg{cursor:grabbing}.city-map__controls{position:absolute;top:var(--cs-space-3);right:var(--cs-space-3);display:flex;flex-direction:column;gap:var(--cs-space-2)}.city-map__control-btn{border:1px solid var(--cs-border);background:#ffffffeb;color:var(--cs-text);font-weight:var(--cs-weight-bold);font-size:var(--cs-text-base);border-radius:var(--cs-radius-sm);min-width:34px;height:34px;padding:0 var(--cs-space-2);cursor:pointer;box-shadow:var(--cs-shadow-xs)}.city-map__control-btn:hover{background:#fff;border-color:var(--cs-teal-300)}.city-map__control-btn--reset{font-size:var(--cs-text-xs);font-weight:var(--cs-weight-semi);min-width:auto;padding:0 var(--cs-space-3)}.city-map__hint{position:absolute;left:var(--cs-space-3);bottom:var(--cs-space-3);background:#0f1718c2;color:#fff;border-radius:var(--cs-radius-sm);font-size:var(--cs-text-xs);padding:var(--cs-space-2) var(--cs-space-3);max-width:calc(100% - 110px)}@media (max-width: 640px){.city-map{min-height:360px}.city-map__hint{max-width:calc(100% - 24px)}}.status-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--cs-space-16) var(--cs-space-4);text-align:center;gap:var(--cs-space-4)}.status-state__icon{font-size:2.5rem;opacity:.3}.status-state__title{font-size:var(--cs-text-lg);font-weight:var(--cs-weight-semi);color:var(--cs-slate-700)}.status-state__message{font-size:var(--cs-text-sm);color:var(--cs-text-muted);max-width:400px}.spinner{width:36px;height:36px;border:3px solid var(--cs-border);border-top-color:var(--cs-teal-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.content-page{max-width:780px;margin:0 auto;padding:var(--cs-space-12) var(--cs-space-6)}.content-page h1{margin-bottom:var(--cs-space-4)}.content-page h2{margin-top:var(--cs-space-10);margin-bottom:var(--cs-space-4);padding-bottom:var(--cs-space-3);border-bottom:1px solid var(--cs-border-light)}.content-page h3{margin-top:var(--cs-space-6);margin-bottom:var(--cs-space-3)}.content-page p{margin-bottom:var(--cs-space-4)}.content-page ul{padding-left:var(--cs-space-6);margin-bottom:var(--cs-space-4);color:var(--cs-text-secondary)}.content-page li{margin-bottom:var(--cs-space-2);line-height:var(--cs-leading-relaxed)}.peak-hours{display:flex;align-items:flex-end;gap:3px;height:80px;padding-top:var(--cs-space-2)}.peak-hours__bar{flex:1;background:var(--cs-teal-100);border-radius:3px 3px 0 0;min-height:4px;transition:background var(--cs-duration) var(--cs-ease)}.peak-hours__bar--active{background:var(--cs-teal-500)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .5s var(--cs-ease) both}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.2s}.fade-in-delay-3{animation-delay:.3s}.fade-in-delay-4{animation-delay:.4s}.check-results-grid{display:grid;grid-template-columns:auto 1fr;gap:var(--cs-space-8);align-items:start}@media (max-width: 640px){.check-results-grid{grid-template-columns:1fr;justify-items:center}}.explore-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--cs-space-6);align-items:start}@media (max-width: 768px){.explore-layout{grid-template-columns:1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}