.grayBackground{background-color:#f6f6f6}.city{padding:0}.city-page-shell.grayBackground{background-color:#f4f1eb;min-height:100vh}.city-page-hero+.container .cluster-bar-section-top,.city-tour-nudge+.container .cluster-bar-section-top,.city-welcome-card+.container .cluster-bar-section-top{margin-top:12px}.city-welcome-card{position:relative;max-width:650px;margin:-14px auto 16px;padding:0;background:#fff;border-radius:var(--ml-radius-xl);box-shadow:var(--ml-shadow-md);overflow:hidden;display:flex;animation:city-welcome-enter .35s ease-out}.city-welcome-card--dismissing{opacity:0;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease}.city-welcome-card__accent{width:4px;flex-shrink:0;background:linear-gradient(180deg,var(--ml-gold) 0,#ffcf33 100%);border-radius:var(--ml-radius-xl) 0 0 var(--ml-radius-xl)}.city-welcome-card__body{flex:1;padding:20px 24px}.city-welcome-card__heading{margin:0 0 6px;font-family:var(--font-geist-sans),system-ui,sans-serif;font-size:var(--ml-text-base);font-weight:var(--ml-font-semibold);color:var(--ml-gray-900);line-height:var(--ml-leading-tight)}.city-welcome-card__text{margin:0 0 16px;font-family:var(--font-body),system-ui,sans-serif;font-size:var(--ml-text-sm);color:var(--ml-gray-500);line-height:var(--ml-leading-normal)}.city-welcome-card__actions{display:flex;align-items:center;gap:12px}@keyframes city-welcome-enter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.city-welcome-card{animation:none}.city-welcome-card--dismissing{transition:opacity .15s ease;transform:none}}@media (max-width:768px){.city-welcome-card{margin:-10px 12px 12px;border-radius:var(--ml-radius-lg)}.city-welcome-card__body{padding:16px 18px}.city-welcome-card__actions{flex-direction:column;align-items:stretch;gap:8px}.city-page-discovery{margin-left:12px;margin-right:12px}}.city-tour-nudge{position:relative;max-width:650px;margin:-8px auto 15px;background:#fff;border-radius:var(--ml-radius-xl);box-shadow:var(--ml-shadow-sm);overflow:hidden;display:flex;animation:city-tour-nudge-enter .35s ease-out}.city-tour-nudge--dismissing{opacity:0;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease}.city-tour-nudge__accent{width:3px;flex-shrink:0;background:linear-gradient(180deg,var(--ml-pink) 0,color-mix(in srgb,var(--ml-pink) 60%,var(--ml-gold)) 100%);border-radius:var(--ml-radius-xl) 0 0 var(--ml-radius-xl)}.city-tour-nudge__body{flex:1;display:flex;align-items:center;gap:10px;padding:12px 14px 12px 16px;min-height:44px}.city-tour-nudge__icon{flex-shrink:0;color:var(--ml-pink);opacity:.85}.city-tour-nudge__text{flex:1;font-family:var(--font-body),system-ui,sans-serif;font-size:var(--ml-text-sm);font-weight:var(--ml-font-medium);color:var(--ml-gray-700);line-height:var(--ml-leading-tight)}.city-tour-nudge__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.city-tour-nudge__cta{display:inline-flex;align-items:center;justify-content:center;padding:5px 14px;font-family:var(--font-body),system-ui,sans-serif;font-size:var(--ml-text-xs);font-weight:var(--ml-font-semibold);color:#fff;background:var(--ml-pink);border:none;border-radius:var(--ml-radius-full);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background var(--ml-transition-fast),transform var(--ml-transition-fast),box-shadow var(--ml-transition-fast)}.city-tour-nudge__cta:hover{background:var(--ml-pink-hover);transform:translateY(-1px);box-shadow:0 3px 10px color-mix(in srgb,var(--ml-pink) 30%,transparent)}.city-tour-nudge__cta:active{transform:translateY(0)}.city-tour-nudge__dismiss{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--ml-radius-full);background:transparent;color:var(--ml-gray-400);cursor:pointer;transition:color var(--ml-transition-fast),background var(--ml-transition-fast)}.city-tour-nudge__dismiss:hover{color:var(--ml-gray-600);background:var(--ml-gray-100)}.city-tour-nudge__body-stacked{flex:1;display:flex;flex-direction:column;min-width:0}.city-tour-nudge__row{display:flex;align-items:center;gap:10px;padding:12px 14px 12px 16px;min-height:44px}.city-tour-nudge__explainer{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--ml-gray-200);border-radius:var(--ml-radius-full);background:var(--ml-gray-50);color:var(--ml-gray-500);cursor:pointer;transition:color var(--ml-transition-fast),background var(--ml-transition-fast),border-color var(--ml-transition-fast)}.city-tour-nudge__explainer:hover{color:var(--ml-pink);border-color:var(--ml-pink);background:rgba(255,0,102,.04)}.city-tour-nudge__chevron{transition:transform var(--ml-transition-fast)}.city-tour-nudge__chevron--open{transform:rotate(180deg)}.city-tour-nudge__panel{padding:0 16px 14px;border-top:1px solid var(--ml-gray-100);animation:city-tour-nudge-panel-enter .25s ease-out}.city-tour-nudge__panel-heading{margin:12px 0 4px;font-family:var(--font-geist-sans),system-ui,sans-serif;font-size:var(--ml-text-sm);font-weight:var(--ml-font-bold);color:var(--ml-pink);line-height:var(--ml-leading-tight)}.city-tour-nudge__panel-text{margin:0 0 12px;font-family:var(--font-body),system-ui,sans-serif;font-size:var(--ml-text-xs);color:var(--ml-gray-500);line-height:var(--ml-leading-normal)}.city-tour-nudge__pills{display:flex;flex-wrap:wrap;gap:6px}.city-tour-nudge__pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-family:var(--font-body),system-ui,sans-serif;font-size:var(--ml-text-xs);font-weight:var(--ml-font-medium);color:var(--ml-gray-600);background:#fff;border:1px solid var(--ml-gray-200);border-radius:var(--ml-radius-full);cursor:pointer;transition:background var(--ml-transition-fast),border-color var(--ml-transition-fast),color var(--ml-transition-fast)}.city-tour-nudge__pill:hover:not(:disabled),.city-tour-nudge__pill[data-added]{border-color:var(--ml-pink);color:var(--ml-pink)}.city-tour-nudge__pill[data-added]{background:rgba(255,0,102,.06);cursor:default}.city-tour-nudge__panel-hint{margin:10px 0 0;font-family:var(--font-body),system-ui,sans-serif;font-size:var(--ml-text-xs);color:var(--ml-gray-400);font-style:italic}@keyframes city-tour-nudge-panel-enter{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}@keyframes city-tour-nudge-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.city-tour-nudge{animation:none}.city-tour-nudge--dismissing{transition:opacity .15s ease;transform:none}.city-tour-nudge__panel{animation:none}}@media (max-width:768px){.city-tour-nudge{margin:-8px 12px 15px;border-radius:var(--ml-radius-lg)}.city-tour-nudge__body,.city-tour-nudge__row{flex-wrap:wrap;padding:10px 12px 10px 14px;gap:6px}.city-tour-nudge__panel{padding:0 12px 12px}}@keyframes tour-vote-card-top{0%,11.8%{transform:translateY(0);box-shadow:0 8px 24px rgba(15,23,42,.06);z-index:1}26.2%,81.7%{transform:translateY(64px);box-shadow:0 10px 22px rgba(15,23,42,.08);z-index:1}92.1%,to{transform:translateY(0);box-shadow:0 8px 24px rgba(15,23,42,.06);z-index:1}}@keyframes tour-vote-card-bottom{0%,11.8%{transform:translateY(0);box-shadow:0 8px 24px rgba(15,23,42,.06);z-index:2}26.2%,81.7%{transform:translateY(-64px);box-shadow:0 18px 30px rgba(15,23,42,.1);z-index:3}92.1%,to{transform:translateY(0);box-shadow:0 8px 24px rgba(15,23,42,.06);z-index:2}}@keyframes tour-vote-chip-fill{0%,7.9%{background:white;color:var(--ml-pink);border-color:var(--ml-pink)}14.4%,81.7%{background:var(--ml-pink);color:white;border-color:var(--ml-pink)}92.1%,to{background:white;color:var(--ml-pink);border-color:var(--ml-pink)}}@keyframes tour-vote-count-old{0%,7.9%{opacity:1;transform:translateY(0)}14.4%,81.7%{opacity:0;transform:translateY(-7px)}92.1%,to{opacity:1;transform:translateY(0)}}@keyframes tour-vote-count-new{0%,7.9%{opacity:0;transform:translateY(7px)}14.4%,81.7%{opacity:1;transform:translateY(0)}92.1%,to{opacity:0;transform:translateY(7px)}}@keyframes tour-vote-signal{0%,15.7%{opacity:0;transform:translateY(4px) scale(.85)}23.6%,40.5%{opacity:1;transform:translateY(0) scale(1)}48.4%,to{opacity:0;transform:translateY(-6px) scale(.92)}}.tour-vote-card{box-shadow:0 8px 24px rgba(15,23,42,.06);min-height:50px;border:1px solid rgba(226,232,240,.9)}.tour-vote-card--top{animation:tour-vote-card-top 5.8s ease-in-out infinite}.tour-vote-card--bottom{animation:tour-vote-card-bottom 5.8s ease-in-out infinite}.tour-vote-chip{width:2.25rem;height:2.25rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800;position:relative;overflow:hidden;border:3px solid transparent;line-height:1}.tour-vote-chip--outline{color:var(--ml-pink);border:3px solid var(--ml-pink);background:white}.tour-vote-chip--vote-transition{background:white;color:var(--ml-pink);border-color:var(--ml-pink);animation:tour-vote-chip-fill 5.8s ease-in-out infinite}.tour-vote-chip-count{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;line-height:1}.tour-vote-chip-count--old{animation:tour-vote-count-old 5.8s ease-in-out infinite}.tour-vote-chip-count--new{animation:tour-vote-count-new 5.8s ease-in-out infinite}.tour-vote-signal{display:flex;gap:.25rem}.tour-vote-signal-dot{width:.42rem;height:.42rem;border-radius:9999px;background:var(--ml-pink);animation:tour-vote-signal 5.8s ease-in-out infinite}.tour-vote-signal-dot:nth-child(2){animation-delay:.1s}.tour-vote-signal-dot:nth-child(3){animation-delay:.2s}@media (max-width:640px){body.tour-step-2-active .cluster-bar-section-top,body.tour-step-profile-cluster-active .cluster-bar-section-top,body.tour-step-profile-editor-active [data-tour-target=cluster-strip]{margin:2px 6px 6px}}@media (prefers-reduced-motion:reduce){.tour-vote-card--bottom,.tour-vote-card--top,.tour-vote-chip--vote-transition,.tour-vote-chip-count,.tour-vote-signal-dot,body.tour-step-2-active .cluster-bar-section-top,body.tour-step-editor-open-active .cluster-bar-editor-switch,body.tour-step-editor-open-active [data-tour-target=compose-trigger],body.tour-step-profile-cluster-active .cluster-bar-section-top,body.tour-step-profile-cta-active [data-tour-target=profile-tab],body.tour-step-profile-list-active .js-city-angels,body.tour-step-profile-list-active [data-tour-target=profile-tab]{animation:none}}body.tour-step-profile-editor-active [data-tour-target=profile-editor]{position:relative;box-shadow:0 0 0 3px rgba(255,0,102,.16),0 10px 28px rgba(0,0,0,.08)}body.tour-step-profile-editor-active .tour-step-profile-editor-overlay{align-items:flex-start;padding-top:clamp(315px,26vh,320px)}body.tour-step-profile-flow-active .tour-step-profile-flow-overlay{align-items:flex-start;padding-top:var(--ml-tour-profile-flow-top,clamp(315px,26vh,320px))}.tour-welcome-overlay{align-items:flex-start;padding-top:var(--ml-tour-welcome-top,96px)}.tour-overlay>div{border-radius:1.5rem!important}