@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-white: #FFFFFF;--color-white-80: rgba(255, 255, 255, .8);--color-blue-100: #053BA0;--color-blue-80: #2964D4;--color-blue-40: #4F85EB;--color-blue-30: #A4C4FF;--color-blue-20: #DEE9FF;--color-blue-10: #F0F5FF;--color-gray-100: #141415;--color-gray-80: #323336;--color-gray-60: #595B5F;--color-gray-40: #8A8D93;--color-gray-20: #D1D3D7;--color-gray-10: #E2E5E6;--color-error: #CA2F2F;--color-info: #0D8FE1;--color-warning: #E36C1C;--color-success: #009C4E;--color-morning: #FFD134;--color-day: #6BC4FF;--color-evening: #CA7FF7;--color-night: #5E6F8B;--color-primary: var(--color-blue-80);--color-primary-hover: var(--color-blue-100);--color-primary-light: var(--color-blue-10);--color-secondary: var(--color-gray-60);--color-text: var(--color-gray-100);--color-text-secondary: var(--color-gray-60);--color-text-disabled: var(--color-gray-40);--color-border: var(--color-gray-20);--color-background: var(--color-white);--color-background-secondary: var(--color-gray-10);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-h1: 40px;--font-size-h2: 32px;--font-size-h3: 24px;--font-size-h4: 20px;--font-size-h5: 18px;--font-size-h6: 16px;--font-size-body-lg: 18px;--font-size-body: 16px;--font-size-body-sm: 14px;--font-size-caption: 12px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 110%;--line-height-normal: 140%;--line-height-relaxed: 160%;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 3px rgba(41, 100, 212, .3);--shadow-focus-error: 0 0 0 3px rgba(202, 47, 47, .3);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-blue-30);color:var(--color-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-10);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-gray-40);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-60)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover);text-decoration:underline}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}table{border-collapse:collapse;border-spacing:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family);font-weight:var(--font-weight-medium);border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;outline:none}.btn:focus-visible{box-shadow:var(--shadow-focus)}.btn:disabled{cursor:not-allowed}.btn--small{height:32px;padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-body-sm)}.btn--medium{height:40px;padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-body)}.btn--big{height:48px;padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-body)}.btn--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background-color:var(--color-blue-100);border-color:var(--color-blue-100)}.btn--primary:disabled{background-color:var(--color-gray-20);border-color:var(--color-gray-20);color:var(--color-gray-40)}.btn--primary.btn--destructive{background-color:var(--color-error);border-color:var(--color-error)}.btn--primary.btn--destructive:hover:not(:disabled){background-color:#b02828;border-color:#b02828}.btn--primary.btn--destructive:focus-visible{box-shadow:var(--shadow-focus-error)}.btn--secondary{background-color:var(--color-white);border-color:var(--color-primary);color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white)}.btn--secondary:active:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-white)}.btn--secondary:disabled{background-color:var(--color-white);border-color:var(--color-gray-20);color:var(--color-gray-40)}.btn--secondary.btn--destructive{border-color:var(--color-error);color:var(--color-error)}.btn--secondary.btn--destructive:hover:not(:disabled){background-color:var(--color-error);color:var(--color-white)}.btn--secondary.btn--destructive:focus-visible{box-shadow:var(--shadow-focus-error)}.btn--tertiary{background-color:transparent;border-color:transparent;color:var(--color-gray-60)}.btn--tertiary:hover:not(:disabled){background-color:var(--color-gray-10);color:var(--color-gray-80)}.btn--tertiary:active:not(:disabled){background-color:var(--color-gray-20)}.btn--tertiary:disabled{color:var(--color-gray-40)}.btn--tertiary.btn--destructive{color:var(--color-error)}.btn--tertiary.btn--destructive:hover:not(:disabled){background-color:#ca2f2f1a}.btn--tertiary.btn--destructive:focus-visible{box-shadow:var(--shadow-focus-error)}.btn--full-width{width:100%}.btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn--small .btn__icon{width:16px;height:16px}.btn--medium .btn__icon{width:20px;height:20px}.btn--big .btn__icon{width:24px;height:24px}.btn__icon svg{width:100%;height:100%}.btn--loading{position:relative;pointer-events:none}.btn__spinner{display:inline-flex;align-items:center;justify-content:center}.btn__spinner-icon{animation:btn-spin 1s linear infinite}.btn--small .btn__spinner-icon{width:16px;height:16px}.btn--medium .btn__spinner-icon{width:20px;height:20px}.btn--big .btn__spinner-icon{width:24px;height:24px}.btn__spinner-icon circle{stroke-dasharray:50;stroke-dashoffset:20}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn__content{display:inline-flex;align-items:center;gap:8px}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-wrapper--full-width{width:100%}.input-label{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-80);line-height:var(--line-height-normal)}.input-container{position:relative;display:flex;align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray-20);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input-container:hover:not(.input-container--disabled){border-color:var(--color-gray-40)}.input-container:focus-within:not(.input-container--disabled){border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.input-container--error{border-color:var(--color-error)}.input-container--error:focus-within{box-shadow:var(--shadow-focus-error)}.input-container--disabled{background-color:var(--color-gray-10);cursor:not-allowed}.input-container--small{height:32px;padding:0 var(--spacing-sm)}.input-container--medium{height:40px;padding:0 var(--spacing-md)}.input-container--large{height:48px;padding:0 var(--spacing-lg)}.input-field{flex:1;width:100%;height:100%;border:none;background:transparent;font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text);outline:none}.input-container--small .input-field{font-size:var(--font-size-body-sm)}.input-field::placeholder{color:var(--color-gray-40)}.input-field:disabled{cursor:not-allowed;color:var(--color-text-disabled)}.input-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-gray-40)}.input-icon--left{margin-right:var(--spacing-sm)}.input-icon--right{margin-left:var(--spacing-sm)}.input-container--small .input-icon{width:16px;height:16px}.input-container--medium .input-icon{width:20px;height:20px}.input-container--large .input-icon{width:24px;height:24px}.input-icon svg{width:100%;height:100%}.input-message{font-family:var(--font-family);font-size:var(--font-size-caption);line-height:var(--line-height-normal)}.input-message--error{color:var(--color-error)}.input-message--hint{color:var(--color-gray-60)}.card{display:flex;flex-direction:column;background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.card--elevated{box-shadow:var(--shadow-md)}.card--outlined{border:1px solid var(--color-border)}.card--filled{background-color:var(--color-background-secondary)}.card--padding-none{padding:0}.card--padding-small{padding:var(--spacing-sm)}.card--padding-medium{padding:var(--spacing-lg)}.card--padding-large{padding:var(--spacing-xl)}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-2px)}.card--elevated.card--interactive:hover{box-shadow:var(--shadow-lg)}.card--outlined.card--interactive:hover{border-color:var(--color-primary)}.card--filled.card--interactive:hover{background-color:var(--color-gray-20)}.card--selected{border:2px solid var(--color-primary)}.card--selected.card--elevated{box-shadow:var(--shadow-focus)}.card-header{display:flex;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card--padding-none .card-header{padding:var(--spacing-lg);padding-bottom:var(--spacing-md)}.card-content{flex:1;padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.card--padding-none .card-content{padding:var(--spacing-lg)}.card-footer{display:flex;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.card--padding-none .card-footer{padding:var(--spacing-lg);padding-top:var(--spacing-md)}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:currentColor}.icon--big{width:24px;height:24px}.icon--small{width:16px;height:16px}.calendar{display:flex;flex-direction:column;background-color:var(--color-white);border-radius:var(--spacing-xl);box-shadow:1px 3px 8px #3a3e4f14,-1px -1px 5px #3a3e4f14;font-family:var(--font-family)}.calendar--web{padding:var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);width:352px}.calendar--mobile{padding:var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);width:100%;max-width:352px}.calendar__header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-sm)}.calendar__title{flex:1;text-align:center;font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);line-height:1.3;color:var(--color-gray-100)}.calendar__nav-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;color:var(--color-gray-100);cursor:pointer;transition:opacity var(--transition-fast);flex-shrink:0}.calendar__nav-btn:hover{opacity:.7}.calendar__nav-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--spacing-lg)}.calendar__weekday{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-gray-40);text-transform:uppercase}.calendar__days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar__day{display:flex;align-items:center;justify-content:center;width:100%;height:48px;padding:0;background:transparent;border:none;border-radius:var(--radius-xl);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-gray-100);cursor:pointer;transition:all var(--transition-fast)}.calendar__day:hover:not(:disabled):not(.calendar__day--selected){background-color:var(--color-blue-10)}.calendar__day:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.calendar__day--other-month{color:var(--color-gray-40)}.calendar__day--disabled{color:var(--color-gray-20);cursor:not-allowed}.calendar__day--today{color:var(--color-primary)}.calendar__day--selected{background-color:var(--color-blue-20);color:var(--color-blue-100);font-weight:var(--font-weight-medium)}.calendar__day--selected:hover{background-color:var(--color-blue-30)}.toast{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-family:var(--font-family);animation:toast-enter .2s ease-out;min-width:320px;max-width:420px}.toast--leaving{animation:toast-leave .2s ease-in forwards}@keyframes toast-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.toast--success .toast__icon{color:var(--color-success)}.toast--error .toast__icon{color:var(--color-error)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info .toast__icon{color:var(--color-info)}.toast__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.toast__icon svg{width:100%;height:100%}.toast__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.toast__message{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:var(--line-height-normal)}.toast__description{font-size:var(--font-size-caption);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.toast__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-gray-40);cursor:pointer;transition:all var(--transition-fast)}.toast__close:hover{background-color:var(--color-gray-10);color:var(--color-gray-60)}.toast__close:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.toast-container--top-left{top:0;left:0}.toast-container--bottom-right{bottom:0;right:0}.toast-container--bottom-left{bottom:0;left:0}.toast-container--top-center{top:0;left:50%;transform:translate(-50%)}.toast-container--bottom-center{bottom:0;left:50%;transform:translate(-50%)}.heading{font-family:var(--font-family);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);margin:0}.heading--h1{font-size:var(--font-size-h1)}.heading--h2{font-size:var(--font-size-h2)}.heading--h3{font-size:var(--font-size-h3)}.heading--h4{font-size:var(--font-size-h4)}.heading--h5{font-size:var(--font-size-h5)}.heading--h6{font-size:var(--font-size-h6)}.text{font-family:var(--font-family);line-height:var(--line-height-normal);color:var(--color-text);margin:0}.text--lg{font-size:var(--font-size-body-lg)}.text--md{font-size:var(--font-size-body)}.text--sm{font-size:var(--font-size-body-sm)}.text--xs{font-size:var(--font-size-caption)}.text--regular{font-weight:var(--font-weight-regular)}.text--medium{font-weight:var(--font-weight-medium)}.text--semibold{font-weight:var(--font-weight-semibold)}.text--bold{font-weight:var(--font-weight-bold)}.text--primary{color:var(--color-text)}.text--secondary{color:var(--color-text-secondary)}.text--disabled{color:var(--color-text-disabled)}.text--error{color:var(--color-error)}.text--success{color:var(--color-success)}.text--warning{color:var(--color-warning)}.text--info{color:var(--color-info)}.label{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-80);line-height:var(--line-height-normal)}.label__required{color:var(--color-error)}.match-score{display:flex;align-items:center;gap:var(--spacing-sm)}.match-score__track{flex:1;background-color:var(--color-white);border:1px solid var(--color-blue-10);border-radius:var(--radius-full);overflow:hidden}.match-score--mobile .match-score__track{height:16px;padding:2px;min-width:239px}.match-score--web .match-score__track{height:20px;padding:2px}.match-score__fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal),background-color var(--transition-normal)}.match-score--mobile .match-score__fill{height:12px}.match-score--web .match-score__fill{height:16px}.match-score__fill--success{background-color:var(--color-success)}.match-score__fill--warning{background-color:var(--color-warning)}.match-score__fill--error{background-color:var(--color-error)}.match-score__label{flex-shrink:0;font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1.3}.match-score--mobile .match-score__label{min-width:32px}.card-city{display:flex;flex-direction:column;background-color:var(--color-white);border:1px solid var(--color-blue-20);border-radius:var(--radius-xl);padding:var(--spacing-lg);font-family:var(--font-family)}.card-city--mobile{width:311px;gap:var(--spacing-sm)}.card-city--web{width:420px;gap:var(--spacing-lg)}.card-city__location{display:flex;flex-direction:column;gap:var(--spacing-xs)}.card-city__city{margin:0;font-weight:var(--font-weight-semibold);color:var(--color-text)}.card-city--mobile .card-city__city{font-size:20px;line-height:1.3}.card-city--web .card-city__city{font-size:24px;line-height:1.2}.card-city__date{margin:0;font-weight:var(--font-weight-regular);color:var(--color-gray-80)}.card-city--mobile .card-city__date{font-size:var(--font-size-caption);line-height:1.3}.card-city--web .card-city__date{font-size:var(--font-size-body-sm);line-height:1.4}.card-city__divider{width:100%;height:1px;background-color:var(--color-blue-20)}.card-city__section{display:flex;flex-direction:column}.card-city--mobile .card-city__section{gap:var(--spacing-xs)}.card-city--web .card-city__section{gap:var(--spacing-sm)}.card-city__label{margin:0;font-weight:var(--font-weight-regular);color:var(--color-gray-80)}.card-city--mobile .card-city__label{font-size:var(--font-size-caption);line-height:1.3}.card-city--web .card-city__label{font-size:var(--font-size-body-sm);line-height:1.4}.card-city__value{font-weight:var(--font-weight-semibold);color:var(--color-text)}.card-city--mobile .card-city__value{font-size:16px;line-height:1.4}.card-city--web .card-city__value{font-size:20px;line-height:1.3}.card-city__comfort{display:flex;align-items:center;gap:var(--spacing-sm)}.card-city--mobile .card-city__comfort .card-city__value{font-size:20px;line-height:1.3}.card-city--web .card-city__comfort .card-city__value{font-size:24px;line-height:1.2}.card-city__energy{display:flex;align-items:center;gap:var(--spacing-sm)}.card-city__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:var(--color-gray-60)}.card-city__icon--success{color:var(--color-success)}.card-city__icon svg{width:100%;height:100%}.card-city__weather{display:flex;flex-direction:column}.card-city--mobile .card-city__weather{gap:var(--spacing-sm)}.card-city--web .card-city__weather{gap:var(--spacing-lg)}.card-city__weather-row{display:flex;gap:var(--spacing-sm)}.card-city__weather-item{display:flex;flex-direction:column;flex:1}.card-city--mobile .card-city__weather-item{gap:var(--spacing-xs)}.card-city--web .card-city__weather-item{gap:var(--spacing-sm)}.card-city__weather-value,.card-city__overlap{display:flex;align-items:center;gap:var(--spacing-sm)}.card-city__info-row{display:flex;gap:var(--spacing-sm)}.card-city--web .card-city__info-row{flex-direction:row}.card-city--mobile .card-city__info-row{flex-direction:column}.card-city__info-item{display:flex;flex-direction:column}.card-city--mobile .card-city__info-item{gap:var(--spacing-xs)}.card-city--web .card-city__info-item{gap:var(--spacing-sm);width:204px}.card-city__toggle{align-self:flex-start;padding:var(--spacing-sm) var(--spacing-xl);background:transparent;border:none;color:var(--color-primary);font-family:var(--font-family);cursor:pointer;transition:opacity var(--transition-fast)}.card-city--mobile .card-city__toggle{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);height:32px}.card-city--web .card-city__toggle{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);height:40px}.card-city__toggle:hover{opacity:.8}.card-city__toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.table-row{display:flex;flex-direction:column;font-family:var(--font-family)}.table-row--web{width:100%;min-width:1200px}.table-row--web .table-row__main{display:flex;align-items:center;width:100%}.table-row--web .table-row__cell{display:flex;align-items:center;padding:var(--spacing-sm);height:56px;border-bottom:1px solid var(--color-blue-20);border-left:1px solid var(--color-blue-20);background-color:var(--color-white);transition:background-color var(--transition-fast)}.table-row--web .table-row__cell:last-child{border-right:1px solid var(--color-blue-20)}.table-row--web .table-row__label,.table-row--web .table-row__toggle--inline{display:none}.table-row--web.table-row--hover .table-row__cell,.table-row--web.table-row--open .table-row__cell{background-color:var(--color-blue-10)}.table-row--web .table-row__cell--city{width:200px;flex-shrink:0}.table-row--web .table-row__cell--comfort{width:216px;flex-shrink:0}.table-row--web .table-row__cell--energy{width:160px;flex-shrink:0}.table-row--web .table-row__cell--temperature{width:152px;flex-shrink:0}.table-row--web .table-row__cell--humidity{width:186px;flex-shrink:0}.table-row--web .table-row__cell--overlap{width:256px;flex-shrink:0}.table-row--web .table-row__cell--action{width:126px;flex-shrink:0;justify-content:center}.table-row--web .table-row__details{display:flex;align-items:center;width:100%}.table-row--web .table-row__divider{display:none}.table-row--web .table-row__detail-cell{display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);height:72px;border-left:1px solid var(--color-blue-20);background-color:var(--color-blue-10)}.table-row--web .table-row__detail-cell:last-child{border-right:1px solid var(--color-blue-20)}.table-row--web .table-row__detail-cell:nth-child(2){width:200px;flex-shrink:0}.table-row--web .table-row__detail-cell:nth-child(3){width:216px;flex-shrink:0}.table-row--web .table-row__detail-cell:nth-child(4){width:160px;flex-shrink:0}.table-row--web .table-row__detail-cell--wide{width:338px;flex-shrink:0}.table-row--web .table-row__detail-cell--wide:last-child{flex:1}.table-row--web .table-row__detail-label{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);line-height:1.4;color:var(--color-gray-80)}.table-row--web .table-row__toggle{padding:var(--spacing-sm) var(--spacing-xl);background:transparent;border:none;color:var(--color-primary);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity var(--transition-fast);white-space:nowrap}.table-row--web .table-row__value{font-size:20px;font-weight:var(--font-weight-semibold);line-height:1.3;color:var(--color-text)}.table-row--mobile{width:311px;background-color:var(--color-white);border:1px solid var(--color-blue-20);border-radius:var(--radius-xl);padding:var(--spacing-md);gap:var(--spacing-sm)}.table-row--mobile .table-row__main{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.table-row--mobile .table-row__cell{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.table-row--mobile .table-row__cell--city{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-blue-20)}.table-row--mobile .table-row__cell--city .table-row__label{display:none}.table-row--mobile .table-row__city{font-size:20px;font-weight:var(--font-weight-semibold);line-height:1.3;color:var(--color-text)}.table-row--mobile .table-row__cell--action{display:none}.table-row--mobile .table-row__toggle{padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:none;color:var(--color-primary);font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity var(--transition-fast);white-space:nowrap}.table-row--mobile .table-row__label{font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);line-height:1.3;color:var(--color-gray-80)}.table-row--mobile .table-row__value{font-size:16px;font-weight:var(--font-weight-semibold);line-height:1.4;color:var(--color-text)}.table-row--mobile .table-row__details{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.table-row--mobile .table-row__divider{grid-column:1 / -1;width:100%;height:1px;background-color:var(--color-blue-20);margin:var(--spacing-xs) 0}.table-row--mobile .table-row__detail-cell{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.table-row--mobile .table-row__detail-cell--wide{grid-column:1 / -1}.table-row--mobile .table-row__detail-label{font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);line-height:1.3;color:var(--color-gray-80)}.table-row--mobile .table-row__icon{width:20px;height:20px}.table-row__indicator{display:flex;align-items:center;gap:var(--spacing-sm)}.table-row__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:var(--color-gray-60)}.table-row__icon--success{color:var(--color-success)}.table-row__icon svg{width:100%;height:100%}.table-row__toggle:hover{opacity:.8}.table-row__toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}@media(max-width:1400px){.table-row--web{overflow-x:auto}}.time-slider{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center;font-family:var(--font-family);-webkit-user-select:none;user-select:none}.time-slider--web{width:480px}.time-slider--web .time-slider__labels{font-size:12px;line-height:1.3}.time-slider--web .time-slider__label{width:40px;white-space:pre-wrap}.time-slider--mobile{width:343px}.time-slider--mobile .time-slider__labels{font-size:10px;line-height:1.4;gap:1px}.time-slider--mobile .time-slider__label{width:28px;display:flex;flex-direction:column;align-items:center}.time-slider__track-container{position:relative;width:100%;height:8px;overflow:visible}.time-slider__track{position:absolute;left:0;right:0;height:8px;background-color:var(--color-blue-30);border-radius:16px}.time-slider__track--full{background-color:var(--color-blue-40)}.time-slider__range{position:absolute;height:8px;background-color:var(--color-blue-40);border-radius:16px;top:0;cursor:grab;z-index:1}.time-slider__range--dragging{cursor:grabbing}.time-slider__handle{position:absolute;top:50%;width:24px;height:24px;margin-left:-12px;margin-top:-12px;background-color:var(--color-blue-40);border-radius:50%;cursor:grab;display:flex;align-items:center;justify-content:center;touch-action:none;z-index:2;transition:transform var(--transition-fast)}.time-slider__handle:hover{transform:scale(1.1)}.time-slider__handle:active,.time-slider__handle--active{cursor:grabbing;transform:scale(1.05)}.time-slider__handle:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.time-slider__handle-inner{width:8px;height:8px;background-color:var(--color-blue-20);border-radius:50%}.time-slider__labels{display:flex;justify-content:center;width:100%;font-weight:var(--font-weight-regular);text-align:center}.time-slider__label{color:var(--color-gray-60);flex-shrink:0}.time-slider__label--active{color:var(--color-text)}.time-slider--disabled{opacity:.5;pointer-events:none}.time-slider--disabled .time-slider__handle{cursor:not-allowed}.header{display:flex;align-items:center;height:56px;padding:var(--spacing-sm) var(--spacing-3xl);background-color:var(--color-white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;font-family:var(--font-family);width:100%}.header--unregistered{justify-content:space-between}.header--registered{justify-content:center;gap:var(--spacing-md)}.header__logo{display:flex;align-items:center;justify-content:center;height:40px;flex-shrink:0;padding:0;border:none;background:transparent;cursor:pointer;font:inherit;color:inherit;transition:opacity var(--transition-fast)}.header__logo:hover{opacity:.8}.header__logo:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.header__logo-text{font-size:24px;font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:2px}.header__logo-text--placeholder{visibility:hidden}.header__logo-img{display:block;height:auto;max-width:102px;object-fit:contain;width:100%}.header__auth{display:flex;gap:var(--spacing-md);align-items:center}.header__btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);height:36px;min-width:120px;padding:var(--spacing-xs) var(--spacing-lg);border-radius:36px;font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);box-shadow:-1px -1px 5px #9999990a,1px 3px 8px #9999990d}.header__btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.header__btn--primary{background-color:var(--color-primary);border:none;color:var(--color-white)}.header__btn--primary:hover{background-color:var(--color-blue-100)}.header__btn--secondary{background-color:var(--color-white);border:2px solid var(--color-primary);color:var(--color-primary)}.header__btn--secondary:hover{background-color:var(--color-blue-10)}.header__btn-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.header__btn-icon svg{width:100%;height:100%}.header__nav{display:flex;flex:1;gap:var(--spacing-md);align-items:center;justify-content:center}.header__nav-item{display:flex;align-items:center;gap:var(--spacing-xs);height:42px;padding:0 var(--spacing-md);background-color:var(--color-white);border:1px solid var(--color-gray-10);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-60);cursor:pointer;transition:all var(--transition-fast)}.header__nav-item:hover{border-color:var(--color-blue-30);color:var(--color-blue-100)}.header__nav .header__nav-item:hover .header__nav-icon svg *{stroke:var(--color-blue-100)}.header__nav-item:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.header__nav-item--active{border-color:var(--color-blue-30);color:var(--color-blue-100)}.header__nav-item--active .header__nav-icon svg *{stroke:var(--color-blue-100)}.header__nav-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.header__nav-icon svg{width:100%;height:100%}@media(max-width:768px){.header{display:none}}.time-label{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);line-height:1.4;text-align:center;white-space:nowrap}.time-label--default{background-color:var(--color-gray-10);color:var(--color-text)}.time-label--selected{background-color:var(--color-primary);color:var(--color-white)}.time-label--lunch{background-color:var(--color-warning);color:var(--color-white)}.time-label--undesirable{background-color:var(--color-error);color:var(--color-white)}.time-label--working{background-color:var(--color-success);color:var(--color-white)}.time-label--night{background-color:var(--color-gray-80);color:var(--color-white)}.otp-input{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:center}.otp-input__field{width:48px;height:56px;border:1px solid var(--color-gray-20);border-radius:var(--radius-md);background-color:var(--color-white);font-family:var(--font-family);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);text-align:center;color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.otp-input__field:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.otp-input__field::placeholder{color:var(--color-gray-40)}.otp-input--error .otp-input__field{border-color:var(--color-error)}.otp-input--error .otp-input__field:focus{box-shadow:0 0 0 3px #ca2f2f33}.otp-input--disabled .otp-input__field{background-color:var(--color-gray-10);cursor:not-allowed;opacity:.6}.avatar-upload{position:relative;display:inline-flex}.avatar-upload__button{position:relative;display:flex;align-items:center;justify-content:center;border:2px dashed var(--color-gray-20);border-radius:var(--radius-full);background-color:var(--color-gray-10);cursor:pointer;overflow:hidden;transition:border-color .2s ease,background-color .2s ease}.avatar-upload__button:hover{border-color:var(--color-primary);background-color:var(--color-blue-10)}.avatar-upload__button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.avatar-upload--small .avatar-upload__button{width:64px;height:64px}.avatar-upload--medium .avatar-upload__button{width:96px;height:96px}.avatar-upload--large .avatar-upload__button{width:128px;height:128px}.avatar-upload__image{width:100%;height:100%;object-fit:cover}.avatar-upload__placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-gray-40)}.avatar-upload__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;color:var(--color-white);opacity:0;transition:opacity .2s ease}.avatar-upload__button:hover .avatar-upload__overlay{opacity:1}.avatar-upload__remove{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--radius-full);background-color:var(--color-error);color:var(--color-white);cursor:pointer;transition:background-color .2s ease,transform .2s ease}.avatar-upload__remove:hover{background-color:#b52929;transform:scale(1.1)}.avatar-upload__remove:focus-visible{outline:none;box-shadow:0 0 0 3px #ca2f2f4d}.avatar-upload__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.avatar-upload--disabled .avatar-upload__button{cursor:not-allowed;opacity:.6}.avatar-upload--disabled .avatar-upload__button:hover{border-color:var(--color-gray-20);background-color:var(--color-gray-10)}.avatar-upload--disabled .avatar-upload__button:hover .avatar-upload__overlay{opacity:0}.social-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:1px solid var(--color-gray-20);border-radius:var(--radius-md);background-color:var(--color-white);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.social-btn:hover{background-color:var(--color-gray-10);border-color:var(--color-gray-40)}.social-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.social-btn:disabled{opacity:.6;cursor:not-allowed}.social-btn:disabled:hover{background-color:var(--color-white);border-color:var(--color-gray-20)}.social-btn--full-width{width:100%}.social-btn__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.social-btn__text{white-space:nowrap}.social-btn--apple{background-color:var(--color-gray-100);border-color:var(--color-gray-100);color:var(--color-white)}.social-btn--apple:hover{background-color:var(--color-gray-80);border-color:var(--color-gray-80)}.social-btn--apple:disabled:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-100)}.auth-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl);background-color:var(--color-gray-10)}.auth-layout__container{width:100%;max-width:420px;padding:var(--spacing-2xl);background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.auth-layout__header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-layout__title{margin:0 0 var(--spacing-sm) 0;font-family:var(--font-family);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text)}.auth-layout__subtitle{margin:0;font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-gray-60);line-height:1.5}.auth-layout__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-layout__footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-10);text-align:center;font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-gray-60)}.auth-layout__footer a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.auth-layout__footer a:hover{text-decoration:underline}.auth-layout__divider{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-gray-40);font-size:var(--font-size-body-sm)}.auth-layout__divider:before,.auth-layout__divider:after{content:"";flex:1;height:1px;background-color:var(--color-gray-20)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-form__row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.auth-form__link{align-self:flex-end;color:var(--color-primary);font-size:var(--font-size-body-sm);text-decoration:none}.auth-form__link:hover{text-decoration:underline}.auth-social{display:flex;flex-direction:column;gap:var(--spacing-sm)}.auth-error{padding:var(--spacing-md);background-color:#ca2f2f1a;border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-body-sm);text-align:center}.auth-success{padding:var(--spacing-md);background-color:#009c4e1a;border-radius:var(--radius-md);color:var(--color-success);font-size:var(--font-size-body-sm);text-align:center}.auth-avatar{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}@media(max-width:480px){.auth-layout{padding:var(--spacing-md)}.auth-layout__container{padding:var(--spacing-xl)}.auth-layout__title{font-size:var(--font-size-h4)}}.city-search-input{display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.city-search-input--full-width{width:100%}.city-search-input__label{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);color:var(--color-gray-80);line-height:var(--line-height-normal)}.city-search-input__container{position:relative;display:flex;align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray-10);border-radius:var(--radius-full);height:48px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.city-search-input__container:hover:not(.city-search-input__container--disabled){border-color:var(--color-gray-40)}.city-search-input__container--open{border-color:var(--color-primary);box-shadow:1px 3px 8px #3a3e4f14,-1px -1px 5px #3a3e4f14}.city-search-input__container--error{border-color:var(--color-error)}.city-search-input__container--disabled{background-color:var(--color-gray-10);cursor:not-allowed}.city-search-input__field{flex:1;width:100%;height:100%;border:none;background:transparent;font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text);outline:none}.city-search-input__field::placeholder{color:var(--color-gray-40)}.city-search-input__field:disabled{cursor:not-allowed;color:var(--color-text-disabled)}.city-search-input__icon{display:flex;align-items:center;justify-content:center;color:var(--color-gray-40);flex-shrink:0;margin-right:var(--spacing-sm)}.city-search-input__clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--color-gray-40);cursor:pointer;padding:0;margin-left:var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.city-search-input__clear:hover{color:var(--color-gray-80);background-color:var(--color-gray-10)}.city-search-input__dropdown{position:absolute;top:calc(100% + var(--spacing-sm));left:0;right:0;max-height:240px;overflow-y:auto;background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:1px 3px 8px #3a3e4f14,-1px -1px 5px #3a3e4f14;z-index:1000;list-style:none;margin:0;padding:var(--spacing-sm)}.city-search-input__loading{padding:var(--spacing-md) var(--spacing-lg);color:var(--color-gray-60);font-size:var(--font-size-body-sm);text-align:center}.city-search-input__item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:background-color var(--transition-fast)}.city-search-input__item:hover,.city-search-input__item--highlighted{background-color:var(--color-blue-10)}.city-search-input__item-name{display:flex;flex-direction:column;gap:2px}.city-search-input__item-city{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text)}.city-search-input__item-flag{width:20px;height:14px;object-fit:cover;border-radius:2px;flex-shrink:0}.city-search-input__item-country{font-family:var(--font-family);font-size:var(--font-size-caption);color:var(--color-gray-60)}.city-search-input__item-time{font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-gray-60);white-space:nowrap}.city-search-input__current-time,.city-search-input__error,.city-search-input__hint{font-family:var(--font-family);font-size:var(--font-size-caption);line-height:18px}@media(max-width:768px){.city-search-input__current-time,.city-search-input__error,.city-search-input__hint{white-space:normal}}.city-search-input__current-time{color:var(--color-gray-60)}.city-search-input__timezone{color:var(--color-gray-40)}.city-search-input__error{color:var(--color-error)}.city-search-input__hint{color:var(--color-gray-60)}.date-picker-input{display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.date-picker-input--full-width{width:100%}.date-picker-input__label{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);color:var(--color-gray-80);line-height:var(--line-height-normal)}.date-picker-input__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);height:48px;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-white);border:1px solid var(--color-gray-10);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);font-size:var(--font-size-body);text-align:left}.date-picker-input__trigger:hover:not(.date-picker-input__trigger--disabled){border-color:var(--color-gray-40)}.date-picker-input__trigger--open{border-color:var(--color-primary);box-shadow:1px 3px 8px #3a3e4f14,-1px -1px 5px #3a3e4f14}.date-picker-input__trigger--error{border-color:var(--color-error)}.date-picker-input__trigger--disabled{background-color:var(--color-gray-10);cursor:not-allowed;opacity:.6}.date-picker-input__value{flex:1;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-picker-input__value--placeholder{color:var(--color-gray-40)}.date-picker-input__trigger svg{flex-shrink:0;color:var(--color-gray-40)}.date-picker-input__trigger--has-value svg{color:var(--color-gray-60)}.date-picker-input__dropdown{position:absolute;top:calc(100% + var(--spacing-sm));left:0;z-index:1000}.date-picker-input__error{font-family:var(--font-family);font-size:var(--font-size-caption);color:var(--color-error)}.date-picker-input__modal-header,.date-picker-input__backdrop{display:none}@media(max-width:768px){.date-picker-input__backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:1000}.date-picker-input__dropdown{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:calc(100vw - 32px);max-width:343px;max-height:85vh;overflow-y:auto;z-index:1001;background-color:var(--color-white);border-radius:var(--spacing-xl);box-shadow:1px 3px 8px #3a3e4f14,-1px -1px 5px #3a3e4f14;padding:var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);animation:date-picker-fade-in .2s ease-out}.date-picker-input__modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.date-picker-input__modal-title{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text)}.date-picker-input__modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-md);color:var(--color-gray-60);cursor:pointer}.date-picker-input__modal-close:hover{background-color:var(--color-gray-10);color:var(--color-text)}.date-picker-input__dropdown .calendar{width:100%;max-width:none;padding:0;background:transparent;box-shadow:none;border-radius:0}@keyframes date-picker-fade-in{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}}.time-range-picker{display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.time-range-picker--full-width{width:100%}.time-range-picker__label{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);color:var(--color-gray-80);line-height:var(--line-height-normal)}.time-range-picker__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);height:48px;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-white);border:1px solid var(--color-gray-10);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);font-size:var(--font-size-body);text-align:left;min-width:0}.time-range-picker__trigger:hover:not(.time-range-picker__trigger--disabled){border-color:var(--color-gray-40)}.time-range-picker__trigger--open{border-color:var(--color-primary);box-shadow:1px 3px 8px #3a3e4f14,-1px -1px 5px #3a3e4f14}.time-range-picker__trigger--error{border-color:var(--color-error)}.time-range-picker__trigger--disabled{background-color:var(--color-gray-10);cursor:not-allowed;opacity:.6}.time-range-picker__value{flex:1;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-range-picker__value--placeholder{color:var(--color-gray-40)}.time-range-picker__trigger svg{flex-shrink:0;color:var(--color-gray-40)}.time-range-picker__trigger--has-value svg{color:var(--color-gray-60)}.time-range-picker__dropdown{position:absolute;top:calc(100% + var(--spacing-xs));right:0;z-index:1000;background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-lg);min-width:360px}.time-range-picker__modal-header,.time-range-picker__backdrop{display:none}@media(max-width:768px){.time-range-picker__backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:1000}.time-range-picker__dropdown{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);min-width:unset;width:calc(100vw - 32px);max-width:340px;border-radius:var(--radius-lg);max-height:85vh;overflow-y:auto;z-index:1001;padding:var(--spacing-lg);animation:time-range-fade-in .2s ease-out}.time-range-picker__modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.time-range-picker__modal-title{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text)}.time-range-picker__modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-md);color:var(--color-gray-60);cursor:pointer}.time-range-picker__modal-close:hover{background-color:var(--color-gray-10);color:var(--color-text)}.time-range-picker__header{font-size:var(--font-size-body-sm);margin-bottom:var(--spacing-md)}.time-range-picker__input-group{flex-direction:column;gap:var(--spacing-sm)}.time-range-picker__input{min-height:44px;height:44px;font-size:var(--font-size-body);padding:0 var(--spacing-md)}.time-range-picker__slider .time-slider{width:100%!important}.time-range-picker__slider .time-slider__label{width:auto;flex:1;min-width:0;font-size:9px;overflow:hidden;text-overflow:ellipsis}@keyframes time-range-fade-in{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}}.time-range-picker__header{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-lg)}.time-range-picker__inputs{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.time-range-picker__inputs-label{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-gray-60);text-transform:uppercase}.time-range-picker__input-group{display:flex;gap:var(--spacing-md)}.time-range-picker__input{flex:1;height:44px;padding:0 var(--spacing-md);background-color:var(--color-white);border:1px solid var(--color-gray-20);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text);outline:none;transition:all var(--transition-fast)}.time-range-picker__input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.time-range-picker__input::placeholder{color:var(--color-gray-40)}.time-range-picker__slider{margin-top:var(--spacing-sm)}.time-range-picker__warning{margin:var(--spacing-md) 0 0;font-family:var(--font-family);font-size:var(--font-size-caption);color:var(--color-error);text-align:center}.time-range-picker__confirm{display:block;width:100%;height:44px;margin-top:var(--spacing-lg);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast)}.time-range-picker__confirm:hover:not(:disabled){background-color:var(--color-blue-100)}.time-range-picker__confirm:disabled{background-color:var(--color-gray-20);color:var(--color-gray-60);cursor:not-allowed}.time-range-picker__error{font-family:var(--font-family);font-size:var(--font-size-caption);color:var(--color-error)}.time-scale-row{display:flex;align-items:flex-end;justify-content:center;gap:var(--spacing-sm)}.time-scale-row__city-info{display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-xs);width:240px;height:56px;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-white);border:1px solid var(--color-blue-20);border-radius:var(--radius-md);flex-shrink:0}.time-scale-row__city-name-row{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.time-scale-row__flag{width:20px;height:16px;border:1px solid var(--color-blue-10);border-radius:1px;object-fit:cover;flex-shrink:0}.time-scale-row__city-name{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-gray-100);line-height:var(--line-height-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.time-scale-row__city-date-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.time-scale-row__city-date{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);color:var(--color-gray-80);line-height:var(--line-height-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-scale-row__local-time{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);color:var(--color-gray-80);line-height:var(--line-height-normal);white-space:nowrap;flex-shrink:0}.time-scale-row__meeting-range{display:flex;flex-direction:column;align-items:center;gap:1px;flex-shrink:0;width:110px;min-width:110px;max-width:110px;text-align:center}.time-scale-row__meeting-range-time{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap}.time-scale-row__meeting-range-date{font-family:var(--font-family);font-size:10px;color:var(--color-gray-60);white-space:nowrap}.time-scale-row__meeting-range-diff{font-family:var(--font-family);font-size:10px;color:var(--color-primary);white-space:nowrap}.time-scale-row__slots-container{flex:1;position:relative;min-width:0;height:56px}.time-scale-row__next-day-label{position:absolute;top:-28px;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:0 var(--spacing-xs);background-color:var(--color-blue-30);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);line-height:1.3;color:var(--color-gray-100);white-space:nowrap}.time-scale-row__slots{display:flex;align-items:center;gap:1px;height:56px;border:1px solid var(--color-blue-20);border-radius:var(--radius-md);padding:var(--spacing-xs);position:relative;overflow:hidden}.time-scale-row__slot{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:100%;border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast)}.time-scale-row__slot-time{display:block;width:100%;min-width:0;font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);line-height:1.3;text-align:center;white-space:pre-line;overflow:hidden}.time-scale-row__slot--default{background-color:var(--color-blue-20)}.time-scale-row__slot--default .time-scale-row__slot-time{color:var(--color-gray-80)}.time-scale-row__slot--selected{background-color:var(--color-blue-40);border-radius:var(--radius-md)}.time-scale-row__slot--selected .time-scale-row__slot-time{color:var(--color-white)}.time-scale-row__slot--best-match{background-color:var(--color-success)}.time-scale-row__slot--best-match .time-scale-row__slot-time{color:var(--color-white)}.time-scale-row__slot--buffer{background-color:var(--color-blue-30)}.time-scale-row__slot--buffer .time-scale-row__slot-time{color:var(--color-blue-100)}.time-scale-row__slot--warning{background-color:var(--color-warning)}.time-scale-row__slot--warning .time-scale-row__slot-time{color:var(--color-white)}.time-scale-row__slot--poor{background-color:var(--color-error)}.time-scale-row__slot--poor .time-scale-row__slot-time{color:var(--color-white)}.time-scale-row__slot--night{background-color:var(--color-night)}.time-scale-row__slot--night .time-scale-row__slot-time{color:var(--color-white)}.time-scale-row__best-match-overlay{position:absolute;top:0;bottom:0;border-left:2px dashed var(--color-primary);border-right:2px dashed var(--color-primary);pointer-events:none;z-index:2}.time-scale-row__best-match-overlay--only{border-top:2px dashed var(--color-primary);border-bottom:2px dashed var(--color-primary);border-radius:var(--radius-md)}.time-scale-row__best-match-overlay--first{border-top:2px dashed var(--color-primary);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.time-scale-row__best-match-overlay--last{border-bottom:2px dashed var(--color-primary);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}@media(max-width:768px){.time-scale-row{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);padding:0 var(--spacing-lg)}.time-scale-row__city-info{width:auto}.time-scale-row__slots-container{height:60px;overflow-x:auto;padding-bottom:var(--spacing-xs);scrollbar-width:thin;scrollbar-color:var(--color-blue-30) transparent}.time-scale-row__slots-container::-webkit-scrollbar{height:4px}.time-scale-row__slots-container::-webkit-scrollbar-track{background:transparent}.time-scale-row__slots-container::-webkit-scrollbar-thumb{background:var(--color-blue-30);border-radius:2px}.time-scale-row__slots-container::-webkit-scrollbar-thumb:hover{background:var(--color-blue-40)}.time-scale-row__slots{width:max-content;min-width:100%}.time-scale-row__slot{flex:0 0 40px;width:40px;min-width:40px}.time-scale-row__slot-time{font-size:11px;line-height:1.2}.time-scale-row__meeting-range{width:100%;min-width:unset;max-width:unset;flex-direction:row;align-items:baseline;gap:var(--spacing-sm)}.time-scale-row__meeting-range-time,.time-scale-row__meeting-range-date,.time-scale-row__meeting-range-diff{font-size:var(--font-size-caption)}}.city-comparison-card{background-color:var(--color-white);border:1px solid var(--color-blue-20);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);min-width:0}.city-comparison-card__separator{height:0;border:none;border-top:1px solid var(--color-blue-20);margin:0}.city-comparison-card__header{display:flex;flex-direction:column;gap:var(--spacing-xs)}.city-comparison-card__city{font-family:var(--font-family);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-gray-100);margin:0}.city-comparison-card__date{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-gray-80)}.city-comparison-card__criteria{display:flex;flex-direction:column;gap:var(--spacing-lg)}.city-comparison-card__section{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0}.city-comparison-card__label{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-gray-80)}.city-comparison-card__comfort{display:flex;align-items:center;gap:var(--spacing-sm)}.city-comparison-card__comfort-icon{display:flex;align-items:center;flex-shrink:0}.city-comparison-card__comfort-label{font-family:var(--font-family);font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-gray-100)}.city-comparison-card__progress-wrap{display:flex;align-items:center;gap:var(--spacing-sm)}.city-comparison-card__progress{flex:1;height:8px;background-color:var(--color-gray-10);border-radius:var(--radius-full);overflow:hidden}.city-comparison-card__progress-bar{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal)}.city-comparison-card__percent{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-80);flex-shrink:0}.city-comparison-card__value{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-gray-100)}.city-comparison-card__value--large{font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.city-comparison-card__value svg{flex-shrink:0}.city-comparison-card__weather-block{display:flex;flex-direction:column;gap:var(--spacing-lg)}.city-comparison-card__weather{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.city-comparison-card__toggle{background:none;border:none;padding:var(--spacing-sm) 0;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;text-align:left;align-self:flex-start;transition:color var(--transition-fast)}.city-comparison-card__toggle:hover{color:var(--color-blue-100)}.city-comparison-card__value--locked{justify-content:flex-start}.city-comparison-card__lock-placeholder{display:inline-flex;align-items:center;color:var(--color-gray-40)}.city-comparison-card__lock-placeholder .icon *{stroke:currentColor}.city-comparison-card__upgrade{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:none;padding:0;font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.city-comparison-card__upgrade:hover{color:var(--color-blue-100)}.city-comparison-card__upgrade .icon *{stroke:currentColor}@media(max-width:768px){.city-comparison-card{padding:var(--spacing-lg);gap:var(--spacing-sm)}.city-comparison-card__city{font-size:var(--font-size-h5)}.city-comparison-card__date{font-size:var(--font-size-caption);line-height:var(--line-height-tight)}.city-comparison-card:not(.city-comparison-card--expanded) .city-comparison-card__mobile-collapsible{display:none}.city-comparison-card__toggle{font-size:var(--font-size-body-sm)}}.modal__overlay{position:fixed;inset:0;background-color:#0e1a32d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:modalOverlayFadeIn .2s ease-out}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.modal{position:relative;background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:calc(100vh - 64px);overflow-y:auto;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal--small{width:100%;max-width:400px;padding:var(--spacing-xl)}.modal--medium{width:100%;max-width:520px;padding:var(--spacing-xl)}.modal--large{width:100%;max-width:700px;padding:var(--spacing-2xl)}.modal__close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-gray-80);cursor:pointer;transition:opacity var(--transition-fast)}.modal__close:hover{opacity:.7}.modal__close:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-full)}.modal__header{margin-bottom:var(--spacing-lg);padding-right:var(--spacing-xl)}.modal__title{font-family:var(--font-family);font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.modal__subtitle{font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-gray-60);margin:0;line-height:var(--line-height-relaxed)}.modal__content{font-family:var(--font-family)}.modal__footer{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.modal__footer>*{flex:1}@media(max-width:768px){.modal__overlay{padding:0;align-items:flex-end}.modal{width:100%;max-height:90vh;border-bottom-left-radius:0;border-bottom-right-radius:0;animation:modalSlideUpIn .25s ease-out}.modal--small,.modal--medium,.modal--large{max-width:100%;padding:var(--spacing-lg)}}@keyframes modalSlideUpIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.share-link-modal{position:relative}.share-link-modal__copy-wrapper{position:relative;flex:1;display:flex}.share-link-modal__copy-wrapper>.btn{flex:1}.share-link-modal__copy-toast{position:absolute;bottom:calc(100% + var(--spacing-sm));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-white);border:1px solid var(--color-success);border-radius:var(--radius-full);box-shadow:var(--shadow-md);font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-success);white-space:nowrap;pointer-events:none;animation:copyToastFadeOut 2s ease-out forwards}.share-link-modal__copy-toast svg{color:var(--color-success)}@keyframes copyToastFadeOut{0%{opacity:1;transform:translate(-50%) translateY(0)}60%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-4px)}}.share-link-modal__participants{display:flex;flex-direction:column;gap:var(--spacing-sm);background-color:var(--color-white);border:1px solid var(--color-blue-20);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.share-link-modal__participants-header{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-gray-80);margin-bottom:var(--spacing-xs)}.share-link-modal__participants-header svg{color:var(--color-gray-80)}.share-link-modal__participant{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-blue-10);border-radius:var(--radius-md)}.share-link-modal__participant-city{font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-text)}.share-link-modal__working-day{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-success);background-color:#009c4e1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);white-space:nowrap}.share-link-modal__working-day svg{color:var(--color-success)}.share-link-modal__url-container{margin-bottom:var(--spacing-lg)}.share-link-modal__url{width:100%;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-blue-10);border:1px solid var(--color-blue-20);border-radius:var(--radius-xl);font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-gray-100);text-decoration:underline;outline:none}.share-link-modal__url:focus{border-color:var(--color-primary)}.share-link-modal__actions{display:flex;gap:var(--spacing-md)}.share-link-modal__actions>*{flex:1}.share-link-modal__actions .button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.share-link-modal__actions .btn--secondary:hover:not(:disabled) .icon *{stroke:var(--color-white)}.calendar-access-modal__illustration{display:flex;justify-content:center;padding:var(--spacing-xl) 0}.calendar-access-modal__icons{display:flex;align-items:center;gap:var(--spacing-lg)}.calendar-access-modal__brand{font-family:var(--font-family);font-size:var(--font-size-h5);font-weight:var(--font-weight-bold);color:var(--color-primary)}.calendar-access-modal__google{display:flex;align-items:center;justify-content:center}.calendar-access-modal__actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.calendar-access-modal__actions>*{flex:1}.sign-in-prompt-modal__illustration{display:flex;justify-content:center;padding:var(--spacing-lg) 0}.sign-in-prompt-modal__icon{display:flex;align-items:center;justify-content:center}.sign-in-prompt-modal__actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.sign-in-prompt-modal__actions>*{flex:1}.sign-in-prompt-modal__actions .button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.ai-recommendation-modal.modal{max-width:680px;padding:var(--spacing-2xl) var(--spacing-xl);border-radius:var(--spacing-xl)}.ai-recommendation-modal{position:relative}.ai-recommendation-modal .modal__title{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-gray-100);margin:0}.ai-recommendation-modal .modal__header{margin-bottom:var(--spacing-sm);padding-right:var(--spacing-2xl)}.ai-recommendation-modal__subtitle{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.ai-recommendation-modal__subtitle h3{font-family:var(--font-family);font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);line-height:1.3;color:var(--color-gray-100);margin:0}.ai-recommendation-modal__subtitle p{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-gray-80);margin:0}.ai-recommendation-modal__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.ai-recommendation-modal__item{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--color-white);border:1px solid var(--color-blue-20);border-radius:var(--radius-xl)}.ai-recommendation-modal__item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.ai-recommendation-modal__item-city{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-gray-100)}.ai-recommendation-modal__item-date{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);color:var(--color-gray-60)}.ai-recommendation-modal__item-time{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-blue-10);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-gray-100)}.ai-recommendation-modal__item-time svg{color:var(--color-primary)}.ai-recommendation-modal__item-score{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ai-recommendation-modal__item-score-label{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.ai-recommendation-modal__item-score-icon{display:inline-flex;align-items:center}.ai-recommendation-modal__item-score-bar{display:flex;align-items:center;gap:var(--spacing-sm)}.ai-recommendation-modal__item-score-progress{flex:1;height:6px;background-color:var(--color-gray-10);border-radius:var(--radius-full);overflow:hidden}.ai-recommendation-modal__item-score-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.ai-recommendation-modal__item-score-percent{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-80);min-width:40px;text-align:right}@media(max-width:768px){.ai-recommendation-modal.modal{padding:var(--spacing-lg)}.ai-recommendation-modal .modal__title{font-size:var(--font-size-h3)}.ai-recommendation-modal__subtitle h3{font-size:var(--font-size-h6)}.ai-recommendation-modal__item-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.city-comparison-table{width:100%;overflow-x:auto}.city-comparison-table__value--locked{justify-content:flex-start}.city-comparison-table__lock-placeholder{display:inline-flex;align-items:center;color:var(--color-gray-40)}.city-comparison-table__lock-placeholder .icon *{stroke:currentColor}.city-comparison-table__upgrade{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:none;padding:0;font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.city-comparison-table__upgrade:hover{color:var(--color-blue-100)}.city-comparison-table__upgrade .icon *{stroke:currentColor}.city-comparison-table__table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-family:var(--font-family)}.city-comparison-table__table thead th:nth-child(1){width:15.43%}.city-comparison-table__table thead th:nth-child(2){width:16.67%}.city-comparison-table__table thead th:nth-child(3){width:12.35%}.city-comparison-table__table thead th:nth-child(4){width:11.73%}.city-comparison-table__table thead th:nth-child(5){width:14.35%}.city-comparison-table__table thead th:nth-child(6){width:19.75%}.city-comparison-table__table thead th:nth-child(7){width:9.72%}.city-comparison-table__table thead th{padding:var(--spacing-sm) var(--spacing-lg);height:48px;text-align:left;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-gray-80);background-color:var(--color-white);border-top:1px solid var(--color-blue-20);border-bottom:1px solid var(--color-blue-20);border-left:1px solid var(--color-blue-20);white-space:nowrap}.city-comparison-table__table thead th:last-child{border-right:1px solid var(--color-blue-20)}.city-comparison-table__table thead th:first-child{border-top-left-radius:var(--radius-xl)}.city-comparison-table__table thead th:last-child{border-top-right-radius:var(--radius-xl)}.city-comparison-table__row td{padding:var(--spacing-sm);height:56px;vertical-align:middle;background-color:var(--color-white);border-bottom:1px solid var(--color-blue-20);border-left:1px solid var(--color-blue-20)}.city-comparison-table__row td:last-child{border-right:1px solid var(--color-blue-20)}.city-comparison-table__table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-xl)}.city-comparison-table__table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-xl)}.city-comparison-table__city-name{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-gray-100)}.city-comparison-table__comfort{display:flex;align-items:center;gap:var(--spacing-sm)}.city-comparison-table__comfort-icon{display:flex;align-items:center;flex-shrink:0}.city-comparison-table__comfort-label{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-gray-100)}.city-comparison-table__energy,.city-comparison-table__value{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-gray-100);white-space:nowrap}.city-comparison-table__value svg{flex-shrink:0}.city-comparison-table__cell--action{text-align:center}.city-comparison-table__toggle{background:none;border:none;padding:var(--spacing-sm) 0;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:1;color:var(--color-primary);cursor:pointer;transition:color var(--transition-fast)}.city-comparison-table__toggle:hover{color:var(--color-blue-100)}.city-comparison-table__expanded-row td{background-color:var(--color-blue-10);border-bottom:1px solid var(--color-blue-20);border-left:1px solid var(--color-blue-20)}.city-comparison-table__expanded-row td:last-child{border-right:1px solid var(--color-blue-20)}.city-comparison-table__expanded-cell{display:table-cell;vertical-align:middle;padding:var(--spacing-sm) var(--spacing-lg);height:72px}.city-comparison-table__expanded-label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-gray-80)}.city-comparison-table__expanded-cell .city-comparison-table__value{font-size:var(--font-size-body)}.city-comparison-table__expanded-value{display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-gray-100)}@media(max-width:1024px){.city-comparison-table__cell,.city-comparison-table__row td,.city-comparison-table__table thead th{padding:var(--spacing-xs) var(--spacing-sm)}.city-comparison-table__city-name,.city-comparison-table__comfort-label,.city-comparison-table__energy,.city-comparison-table__value{font-size:var(--font-size-body-sm)}}.toggle{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.toggle--disabled{opacity:.5;pointer-events:none}.toggle__track{position:relative;width:64px;height:28px;border:none;border-radius:var(--radius-full);background-color:var(--color-gray-20);cursor:pointer;padding:0;transition:background-color var(--transition-fast);flex-shrink:0}.toggle__track:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.toggle__track--checked{background-color:var(--color-primary)}.toggle__knob{position:absolute;top:2px;left:2px;width:32px;height:24px;border-radius:var(--radius-full);background-color:var(--color-white);transition:transform var(--transition-fast);pointer-events:none}.toggle__track--checked .toggle__knob{transform:translate(28px)}.toggle__label{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none}.footer{width:100%;padding:var(--spacing-lg) var(--spacing-3xl);background-color:var(--color-white);border-top:1px solid var(--color-gray-10)}.footer__content{max-width:1344px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.footer__links{display:flex;align-items:center;gap:var(--spacing-md)}.footer__link{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-60);background:none;border:none;padding:0;cursor:pointer;text-decoration:none;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-primary);text-decoration:none}.footer__separator{width:1px;height:14px;background-color:var(--color-gray-20)}.footer__contact{display:flex;align-items:center}.footer__email{font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-primary);text-decoration:none}.footer__email:hover{text-decoration:underline}.footer__copy{font-family:var(--font-family);font-size:var(--font-size-caption);color:var(--color-gray-40)}@media(max-width:768px){.footer{padding:var(--spacing-lg);padding-bottom:96px}.footer__content{flex-direction:column;gap:var(--spacing-sm);text-align:center}}.time-band-selector{position:relative;display:flex;flex-direction:column;gap:var(--spacing-lg)}.time-band-selector__band-header{display:flex;justify-content:center;align-items:center;z-index:5}@media(min-width:769px){.time-band-selector__band-header--positioned{position:absolute;left:calc(var(--band-left, 0px) + var(--band-width, 0px) / 2);top:calc(var(--band-top, 0px) - 40px);transform:translate(-50%);white-space:nowrap}}.time-band-selector__whiteout{position:absolute;background-color:#fff9;pointer-events:none;z-index:3;border-radius:var(--radius-sm)}.time-band-selector__band{position:absolute;border:2px dashed var(--color-primary);border-radius:var(--radius-md);background-color:#2964d40d;cursor:grab;z-index:4}.time-band-selector--dragging .time-band-selector__band{cursor:grabbing}.time-band-selector__handle{position:absolute;width:6px;z-index:5;border-radius:3px;background-color:var(--color-primary);opacity:0;transition:opacity var(--transition-fast)}.time-band-selector:hover .time-band-selector__handle,.time-band-selector--dragging .time-band-selector__handle{opacity:1}.time-band-selector__handle--left{cursor:w-resize}.time-band-selector__handle--right{cursor:e-resize}.time-band-selector__handle:hover{background-color:var(--color-blue-100);opacity:1}@media(hover:none){.time-band-selector__handle{opacity:.8;width:8px}}@media(max-width:768px){.time-band-selector__whiteout,.time-band-selector__band,.time-band-selector__handle{display:none}}.main-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background-color:var(--color-blue-10);overflow-x:hidden}.main-page>.header{flex-shrink:0}.main-page>main.main-page__content{flex:1 0 auto;width:100%;min-width:0}.main-page>.footer{flex-shrink:0}.main-page__content{max-width:calc(1344px + 2 * var(--spacing-3xl));margin:0 auto;padding:var(--spacing-xl) var(--spacing-3xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.main-page__section{display:flex;flex-direction:column;gap:var(--spacing-xl);background-color:var(--color-white);border-radius:var(--spacing-xl);padding:var(--spacing-xl)}.main-page__section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap}.main-page__section--planning .main-page__section-header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);flex-wrap:nowrap}.main-page__title{font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-tight);margin:0}.main-page__subtitle{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-gray-80);line-height:var(--line-height-normal);margin:0}.main-page__section-title{font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-tight);margin:0;flex:1;min-width:0}.main-page__section--timescale{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"header actions" "content content";align-items:center}.main-page__section--timescale>.main-page__section-header{grid-area:header;align-items:center;flex-wrap:nowrap}.main-page__section--timescale>.main-page__section-actions{grid-area:actions}.main-page__section--timescale>.main-page__timescale-content{grid-area:content}.main-page__section-actions{display:flex;align-items:center;gap:var(--spacing-lg);flex-shrink:0}.main-page__section-actions .btn--secondary:hover:not(:disabled) .icon *{stroke:var(--color-white)}.main-page__section-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);height:40px;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-full);box-shadow:-1px -1px 5px #9999990a,1px 3px 8px #9999990d}.main-page__groups{display:flex;flex-direction:column;gap:var(--spacing-sm)}.main-page__groups-title{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-60)}.main-page__groups-list{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-md);scrollbar-width:thin;scrollbar-color:var(--color-blue-30) transparent}.main-page__groups-list::-webkit-scrollbar{height:4px}.main-page__groups-list::-webkit-scrollbar-track{background:transparent}.main-page__groups-list::-webkit-scrollbar-thumb{background:var(--color-blue-30);border-radius:2px}.main-page__groups-list::-webkit-scrollbar-thumb:hover{background:var(--color-blue-40)}.main-page__group-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-white);flex-shrink:0;font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-text);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.main-page__group-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.main-page__group-chip--active,.main-page__group-chip--active:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.main-page__group-chip__count{font-size:var(--font-size-caption);opacity:.7}.main-page__form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.main-page__form-row{display:grid;grid-template-columns:256fr 232fr 232fr 256fr 256px;gap:var(--spacing-lg);align-items:start;width:100%}.main-page__form-row--participants{grid-template-columns:256fr 232fr 232fr 256fr}.main-page__form-row>*{min-width:0}.main-page__add-city.btn{width:100%;color:var(--color-primary);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap}@media(min-width:1025px){.main-page__form-row>.main-page__add-city.btn{margin-top:calc(var(--font-size-body-sm) * 1.4 + var(--spacing-sm))}}.main-page__add-city.btn:hover:not(:disabled){color:var(--color-primary-hover);background-color:transparent}.main-page__compare{display:none;margin-top:var(--spacing-sm)}.main-page__compare--active{display:flex;justify-content:flex-end}.main-page__compare .btn{width:100%;max-width:400px;border-radius:var(--radius-full)}.main-page__timescale-content{display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-areas:"label match" "scale scale";gap:var(--spacing-sm) var(--spacing-sm);align-items:center}.main-page__timescale-content>.main-page__timescale-label{grid-area:label}.main-page__timescale-content>.main-page__match-header{grid-area:match;justify-self:end}.main-page__timescale-content>.time-band-selector,.main-page__timescale-content>.main-page__timescale-empty,.main-page__timescale-content>.main-page__timescale-rows,.main-page__timescale-content>.time-scale-row{grid-area:scale}.main-page__timescale-rows{display:flex;flex-direction:column;gap:var(--spacing-sm)}.main-page__timescale-label{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);color:var(--color-gray-80);line-height:var(--line-height-normal);margin:0}.main-page__match-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.main-page__match-header--in-header{display:none;flex-shrink:0}.main-page__match-label{font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-text);white-space:nowrap}.main-page__match-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);border:none;background:transparent;color:var(--color-primary);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity var(--transition-fast);white-space:nowrap}.main-page__match-btn:hover:not(:disabled){opacity:.7}.main-page__match-btn:disabled{opacity:.4;cursor:not-allowed}.main-page__duration-label{font-family:var(--font-family);font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-sm)}.main-page__timescale-empty{padding:var(--spacing-2xl);text-align:center;color:var(--color-gray-60);font-family:var(--font-family);font-size:var(--font-size-body)}.main-page__btn--disabled.btn{background-color:var(--color-gray-10);color:var(--color-gray-40);border-color:var(--color-gray-10);cursor:not-allowed;box-shadow:-1px -1px 5px #9999990a,1px 3px 8px #9999990d}.main-page__btn--disabled.btn:hover{background-color:var(--color-gray-10);color:var(--color-gray-40);border-color:var(--color-gray-10)}.main-page__section-actions .main-page__btn--disabled.btn--primary,.main-page__section-actions .main-page__btn--disabled.btn--primary:hover{background-color:var(--color-gray-40);color:var(--color-gray-20);border-color:var(--color-gray-40)}.main-page__view-toggle{display:flex;align-items:center;height:40px;padding:1px;background-color:var(--color-blue-20);border-radius:var(--radius-full)}.main-page__view-btn{display:flex;align-items:center;justify-content:center;width:48px;height:38px;padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;border-radius:var(--radius-xl);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast)}.main-page__view-btn:hover{color:var(--color-blue-100)}.main-page__view-btn--active{background-color:var(--color-blue-40);color:var(--color-white)}.main-page__view-btn--active .icon *{stroke:var(--color-white)}.main-page__view-btn--active:hover{color:var(--color-white)}.main-page__section--comparison{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"title  ai-rec toggle" "cards  cards  cards" "footer footer footer";gap:var(--spacing-xl);align-items:center}.main-page__section--comparison>.main-page__section-title{grid-area:title;margin:0}.main-page__section--comparison>.main-page__ai-recommendation{grid-area:ai-rec;justify-self:end}.main-page__section--comparison>.main-page__view-toggle{grid-area:toggle;justify-self:end}.main-page__section--comparison>.main-page__cards-grid,.main-page__section--comparison>.city-comparison-table{grid-area:cards}.main-page__section--comparison>.main-page__comparison-add{grid-area:footer}.main-page__cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,420px));gap:var(--spacing-lg);justify-content:start}.main-page__comparison-add{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.main-page__comparison-add .btn{display:flex;align-items:center;gap:var(--spacing-sm)}.main-page__tab-bar{display:none}@media(max-width:1024px){.main-page__content{padding:var(--spacing-xl) var(--spacing-xl)}.main-page__form-row,.main-page__form-row--participants{grid-template-columns:1fr 1fr}.main-page__form-field,.main-page__form .city-search-input,.main-page__form .date-picker-input,.main-page__form .time-range-picker{width:100%}.main-page__add-city{justify-self:start}.main-page__title,.main-page__section-title{font-size:var(--font-size-h3)}.main-page__cards-grid{grid-template-columns:repeat(2,minmax(0,420px))}.main-page__section-header{flex-wrap:wrap}}@media(max-width:768px){.main-page>.header{display:none}.main-page__content{padding:var(--spacing-lg);padding-bottom:96px}.main-page__section{border-radius:var(--radius-xl);padding:var(--spacing-lg);gap:var(--spacing-lg)}.main-page__section--timescale{grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "content" "actions";padding:var(--spacing-lg) 0}.main-page__section--timescale>.main-page__section-header,.main-page__section--timescale>.main-page__section-actions{padding:0 var(--spacing-lg)}.main-page__timescale-label{display:none}.main-page__timescale-content>.main-page__match-header{display:none}.main-page__match-header--in-header{display:flex}.main-page__timescale-content{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "scale"}.main-page__timescale-content>.main-page__timescale-label{grid-area:label}.main-page__timescale-content>.time-band-selector,.main-page__timescale-content>.main-page__timescale-empty,.main-page__timescale-content>.main-page__timescale-rows{grid-area:scale}.main-page__section--timescale>.main-page__section-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.main-page__match-label{display:none}.main-page__match-btn{padding:var(--spacing-sm);font-size:var(--font-size-body-sm)}.main-page__title,.main-page__section-title{font-size:var(--font-size-h3)}.main-page__form-row,.main-page__form-row--participants{grid-template-columns:1fr;gap:var(--spacing-lg)}.main-page__form-row>*{width:100%}.main-page__form-row .date-picker-input,.main-page__form-row .time-range-picker,.main-page__form .city-search-input,.main-page__form .date-picker-input,.main-page__form .time-range-picker{width:100%}.main-page__form .btn{width:100%;height:48px;justify-content:center}.main-page__add-city{justify-content:center}.main-page__compare{display:flex;justify-content:center}.main-page__section-actions{flex-direction:column;width:100%;gap:var(--spacing-sm)}.main-page__section-actions .btn{width:100%;height:48px;justify-content:center}.main-page__cards-grid{grid-template-columns:1fr}.main-page__section--comparison{grid-template-columns:1fr;grid-template-areas:"title" "cards" "ai-rec" "footer";gap:var(--spacing-lg)}.main-page__section-title-extra{display:none}.main-page__section--comparison>.main-page__view-toggle{display:none}.main-page__section--comparison>.main-page__ai-recommendation{justify-self:stretch;width:100%;height:48px}.main-page__tab-bar{display:flex;position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:343px;gap:var(--spacing-xs);align-items:center;justify-content:center;padding:var(--spacing-xs);background-color:#fffc;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:var(--radius-full);box-shadow:-1px -1px 5px #3a3e4f14,1px 3px 8px #3a3e4f14;z-index:100}.main-page__tab{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid transparent;border-radius:var(--radius-full);background:transparent;color:var(--color-gray-60);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);line-height:1.3}.main-page__tab svg{width:24px;height:24px}.main-page__tab--active{background-color:var(--color-white);border-color:var(--color-blue-30);color:var(--color-blue-100)}}.profile-page{min-height:100vh;background-color:var(--color-white);font-family:var(--font-family)}.profile-page__content{display:flex;max-width:1200px;margin:0 auto;padding:var(--spacing-xl);gap:var(--spacing-3xl)}.profile-page__loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:var(--font-size-body);color:var(--color-text-secondary)}.profile-page__sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--spacing-xl)}.profile-page__nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-page__nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-align:left}.profile-page__nav-item:hover{background-color:var(--color-blue-10);color:var(--color-text)}.profile-page__nav-item--active{background-color:var(--color-blue-10);color:var(--color-primary)}.profile-page__nav-item--active .icon *{stroke:var(--color-primary)}.profile-page__sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.profile-page__main{flex:1;min-width:0}.profile-page__section-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xl)}.profile-page__personal{display:flex;flex-direction:column;gap:var(--spacing-xl);width:100%;max-width:512px;padding:var(--spacing-lg);background-color:var(--color-white);border:1px solid var(--color-blue-20);border-radius:24px}.profile-page__personal>.profile-page__section-title{margin:0}.profile-page__avatar-section{display:flex;align-items:center;gap:var(--spacing-lg)}.profile-page__avatar-section .avatar-upload--large .avatar-upload__button{width:88px;height:88px;border-radius:80px}.profile-page__avatar-actions{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.profile-page__form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-page__form .icon *{stroke:var(--color-gray-100)}.profile-page__form input::placeholder,.profile-page__form textarea::placeholder{color:var(--color-gray-100)}.profile-page__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.profile-page__personal .input-container--medium,.profile-page__personal .input-container--large{height:48px;border-radius:var(--radius-full);padding:var(--spacing-md) var(--spacing-lg)}.profile-page__personal .city-search-input__container{border-radius:var(--radius-full);height:48px;padding:var(--spacing-md) var(--spacing-lg)}.profile-page__sync-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border:1px solid var(--color-gray-20);border-radius:56px;gap:var(--spacing-sm)}.profile-page__sync-info{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.profile-page__sync-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-blue-20);border-radius:var(--radius-md);background-color:var(--color-white);flex-shrink:0}.profile-page__sync-label{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-page__eye-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:var(--color-gray-40);transition:color var(--transition-fast)}.profile-page__eye-btn:hover{color:var(--color-text)}.profile-page__save-bar{display:flex;flex-direction:column;gap:var(--spacing-sm)}.profile-page__save-bar .btn{width:100%;height:48px;background-color:var(--color-blue-100);border-color:var(--color-blue-100)}.profile-page__save-bar .btn:hover{background-color:var(--color-primary);border-color:var(--color-primary)}.profile-page__save-error{font-size:var(--font-size-body-sm);color:var(--color-error)}.profile-page__link{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) 0;transition:opacity var(--transition-fast)}.profile-page__link:hover{opacity:.8}.profile-page__link--primary{color:var(--color-primary)}.profile-page__link--danger{color:var(--color-error)}.profile-page__empty{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);gap:40px;background-color:var(--color-white);border:1px solid var(--color-blue-20);border-radius:24px}.profile-page__empty-info{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.profile-page__empty-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;line-height:1.1}.profile-page__empty-text{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-gray-80);margin:0;line-height:1.4}.profile-page__groups{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);background-color:var(--color-white);border:1px solid var(--color-blue-20);border-radius:24px;padding:var(--spacing-lg)}.profile-page__groups>.profile-page__section-title{grid-column:1 / -1;margin-bottom:0}.profile-page__groups>.btn{grid-column:1 / -1;justify-self:start}.profile-page__group-card{border:1px solid var(--color-blue-20);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.profile-page__group-header{display:flex;align-items:center;gap:var(--spacing-sm)}.profile-page__group-name{font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;flex:1;line-height:1.3}.profile-page__group-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.profile-page__group-cities{display:flex;flex-direction:column;gap:var(--spacing-sm)}.profile-page__group-city{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text);background-color:var(--color-white);border:1px solid var(--color-blue-20);border-radius:var(--radius-md);padding:var(--spacing-sm);line-height:1.4}.profile-page__group-flag{width:20px;height:16px;object-fit:cover;border-radius:1px;border:1px solid var(--color-blue-10)}.profile-page__group-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-page__group-city-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.profile-page__group-city-input{display:flex;align-items:flex-end;gap:var(--spacing-lg);width:100%}.profile-page__group-city-input>.city-search-input{flex:1;min-width:0}.profile-page__group-city-input--with-delete{display:flex;align-items:flex-end;gap:var(--spacing-lg)}.profile-page__delete-city-btn{white-space:nowrap;flex-shrink:0;padding-bottom:var(--spacing-md)}.profile-page__group-city-helper{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);color:var(--color-gray-80);line-height:1.3}.profile-page__add-city-btn{align-self:center;justify-content:center;width:100%}.profile-page__group-error{font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-error);margin:0;text-align:center}.profile-page__otp-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-lg) 0}.profile-page__otp-error{font-size:var(--font-size-body-sm);color:var(--color-error);margin:0}.profile-page__subscription{display:flex;flex-direction:column;gap:var(--spacing-xl)}.profile-page__subscription-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl)}.profile-page__subscription-header .profile-page__section-title{margin-bottom:0}.profile-page__billing-toggle{display:flex;background-color:var(--color-blue-10);border-radius:24px;padding:2px;flex-shrink:0}.profile-page__billing-btn{display:flex;align-items:center;justify-content:center;width:104px;padding:var(--spacing-sm) var(--spacing-xs);border:none;border-radius:24px;background:transparent;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-gray-80);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.profile-page__billing-btn--active{background-color:var(--color-white);color:var(--color-primary)}.profile-page__plans{display:flex;gap:var(--spacing-lg)}.profile-page__plan{position:relative;display:flex;flex-direction:column;gap:var(--spacing-xl);flex:1;min-width:0;background-color:var(--color-white);border:1px solid var(--color-blue-30);border-radius:24px;padding:40px var(--spacing-lg);overflow:hidden}.profile-page__plan--popular{background-color:var(--color-blue-10);border:2px solid var(--color-primary)}.profile-page__plan-badge{position:absolute;top:14px;right:16px;background-color:var(--color-blue-20);color:var(--color-blue-100);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:40px;line-height:1.3}.profile-page__plan-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-page__plan-name{font-family:var(--font-family);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;line-height:1.2}.profile-page__plan-name--primary{color:var(--color-blue-100)}.profile-page__plan-desc{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-gray-60);margin:0;line-height:1.4}.profile-page__plan-pricing{display:flex;align-items:center;gap:var(--spacing-sm)}.profile-page__plan-price{font-family:var(--font-family);font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:1.1}.profile-page__plan-period{font-family:var(--font-family);font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);color:var(--color-gray-80);line-height:1.3}.profile-page__plan-divider{border:none;border-top:1px solid var(--color-blue-20);margin:0}.profile-page__plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.profile-page__plan-feature{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1.4}.profile-page__plan-feature svg{flex-shrink:0}.profile-page__plan-btn--current.btn{background-color:var(--color-gray-40);border-color:var(--color-gray-40);color:var(--color-gray-20);cursor:not-allowed}.profile-page__plan-btn--current.btn:hover{background-color:var(--color-gray-40);border-color:var(--color-gray-40);color:var(--color-gray-20)}.profile-page__plan-btn.btn{background-color:var(--color-blue-100);border-color:var(--color-blue-100)}.profile-page__plan-btn.btn:hover{background-color:var(--color-primary);border-color:var(--color-primary)}.profile-page__plan-hint{margin:var(--spacing-sm) 0 0;font-size:var(--font-size-caption);color:var(--color-gray-60);text-align:center}.profile-page__current-plan-row{display:flex;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.profile-page__current-plan-card{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);border:1px solid var(--color-blue-30);border-radius:24px;background-color:var(--color-white);flex:1;min-width:0}.profile-page__current-plan-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-page__current-plan-name{font-family:var(--font-family);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0;line-height:1.2}.profile-page__current-plan-desc{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-gray-60);margin:0}.profile-page__current-plan-price{display:flex;align-items:center;gap:var(--spacing-sm)}.profile-page__current-plan-features{margin-top:var(--spacing-sm)}.profile-page__current-plan-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-md);flex-shrink:0}.profile-page__next-payment{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-text);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-xl);white-space:nowrap}.profile-page__upgrade-modal{display:flex;flex-direction:column;gap:var(--spacing-xl)}.profile-page__upgrade-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.profile-page__upgrade-title{font-family:var(--font-family);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.profile-page__upgrade-plan-card{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border:1px solid var(--color-blue-30);border-radius:24px;background-color:var(--color-blue-10)}.profile-page__upgrade-plan-info{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-lg)}.profile-page__upgrade-section-title{font-family:var(--font-family);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.profile-page__upgrade-methods{display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-page__upgrade-methods-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.profile-page__upgrade-method{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-xl);background-color:var(--color-white);cursor:pointer;transition:border-color var(--transition-fast)}.profile-page__upgrade-method--active{border-color:var(--color-primary)}.profile-page__upgrade-method--full{width:100%}.profile-page__upgrade-radio{width:18px;height:18px;accent-color:var(--color-primary);flex-shrink:0}.profile-page__upgrade-method .profile-page__payment-brand{margin-left:auto}.profile-page__upgrade-add-card{justify-content:center;width:100%}.profile-page__upgrade-total{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--radius-xl);background-color:var(--color-white)}.profile-page__upgrade-total-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-page__upgrade-total-label{font-family:var(--font-family);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text)}.profile-page__upgrade-total-hint{font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-gray-60)}.profile-page__upgrade-total-amount{font-family:var(--font-family);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text)}.profile-page__add-card-modal{display:flex;flex-direction:column;gap:var(--spacing-xl)}.profile-page__back-link{align-self:flex-start}.profile-page__add-card-title{font-family:var(--font-family);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.profile-page__holder-field{position:relative}.profile-page__latin-toast{position:absolute;bottom:calc(100% + var(--spacing-sm));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-white);border:1px solid var(--color-error);border-radius:var(--radius-full);box-shadow:var(--shadow-md);font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-error);white-space:nowrap;pointer-events:none;z-index:1;animation:latinToastFadeOut 2s ease-out forwards}.profile-page__latin-toast .icon *{stroke:currentColor}@keyframes latinToastFadeOut{0%{opacity:1;transform:translate(-50%) translateY(0)}60%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-4px)}}.profile-page__add-card-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-page__stripe-card-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.profile-page__stripe-card-label{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.profile-page__stripe-card-element{padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-white);transition:border-color var(--transition-fast)}.profile-page__stripe-card-element:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.profile-page__payment-result{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);text-align:center;padding:var(--spacing-lg) 0}.profile-page__payment-result-title{font-family:var(--font-family);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;text-align:left;width:100%}.profile-page__payment-result-text{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-gray-60);margin:0;text-align:left;width:100%;line-height:1.5}.profile-page__cancel-modal{display:flex;flex-direction:column;gap:var(--spacing-xl)}.profile-page__cancel-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-xl);background-color:var(--color-blue-10);color:var(--color-blue-100)}.profile-page__cancel-title{font-family:var(--font-family);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.profile-page__cancel-text{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-gray-60);margin:0;line-height:1.5}.profile-page__cancel-actions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);padding-top:var(--spacing-md)}.profile-page__cancel-btn.btn{background-color:var(--color-error);border-color:var(--color-error);color:var(--color-white);border-radius:var(--radius-full);padding:var(--spacing-md) var(--spacing-xl);white-space:nowrap}.profile-page__cancel-btn.btn:hover{opacity:.9}.profile-page__delete-payment-modal{display:flex;flex-direction:column;gap:var(--spacing-xl)}.profile-page__delete-payment-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.profile-page__payments,.profile-page__payments-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-page__payment-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--color-white);border:1px solid var(--color-blue-20);border-radius:var(--radius-xl);max-width:480px}.profile-page__payment-brand{display:flex;align-items:center;justify-content:center;width:48px;height:33px;background-color:var(--color-white);border:1px solid var(--color-blue-10);border-radius:var(--radius-md);flex-shrink:0}.profile-page__payment-name{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1.4}.profile-page__payment-card-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.profile-page__payment-number{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);color:var(--color-gray-80);line-height:1.4}.profile-page__payment-delete{margin-left:auto;flex-shrink:0}.profile-page__payment-add-btn.btn{border:2px solid var(--color-primary);color:var(--color-primary);background-color:var(--color-white);border-radius:var(--radius-full);max-width:480px}.profile-page__payment-add-btn.btn:hover{background-color:var(--color-primary);color:var(--color-white)}.profile-page__placeholder{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-secondary);font-size:var(--font-size-body)}@media(max-width:768px){.profile-page__content{flex-direction:column;gap:var(--spacing-xl)}.profile-page__sidebar{width:100%}.profile-page__nav{flex-direction:row;overflow-x:auto}.profile-page__nav-item{white-space:nowrap}.profile-page__sidebar-footer{flex-direction:row;gap:var(--spacing-lg)}.profile-page__row,.profile-page__groups{grid-template-columns:1fr}.profile-page__personal{max-width:100%;padding:var(--spacing-lg)}.profile-page__avatar-section{flex-direction:column;align-items:center;gap:var(--spacing-lg)}.profile-page__avatar-actions{flex-direction:column;align-items:center;gap:var(--spacing-md)}.profile-page__avatar-section .avatar-upload--large .avatar-upload__button{width:104px;height:104px}.profile-page__subscription-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.profile-page__plans{flex-direction:column}.profile-page__plan{width:100%}.profile-page__current-plan-row{flex-direction:column}.profile-page__current-plan-meta{flex-direction:row;align-items:center;width:100%}.profile-page__upgrade-header{flex-direction:column;align-items:flex-start}.profile-page__upgrade-methods-row{grid-template-columns:1fr}.profile-page__upgrade-total{flex-direction:column;gap:var(--spacing-md);text-align:center}.profile-page__cancel-actions{flex-direction:column;gap:var(--spacing-md)}}.city-groups-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background-color:var(--color-blue-10);overflow-x:hidden}.city-groups-page>.header{flex-shrink:0}.city-groups-page>.city-groups-page__content{flex:1 0 auto;width:100%;min-width:0}.city-groups-page>.footer{flex-shrink:0}.city-groups-page__content{max-width:1344px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-3xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.city-groups-page__section{background-color:var(--color-white);border-radius:24px;padding:var(--spacing-xl)}.city-groups-page__section--results{background-color:var(--color-white)}.city-groups-page__header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);flex-wrap:wrap}.city-groups-page__title-row{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.city-groups-page__title{font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:1.1;margin:0}.city-groups-page__add-group{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary);white-space:nowrap}.city-groups-page__controls{display:flex;align-items:flex-end;gap:var(--spacing-lg);flex-wrap:wrap}.city-groups-page__select-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.city-groups-page__select-label{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);color:var(--color-gray-80);line-height:var(--line-height-normal)}.city-groups-page__select-wrapper{position:relative;display:flex;align-items:center}.city-groups-page__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text);background-color:var(--color-white);border:1px solid var(--color-gray-10);border-radius:var(--radius-full);height:48px;padding:0 var(--spacing-2xl) 0 var(--spacing-lg);min-width:180px;cursor:pointer;transition:border-color var(--transition-fast);line-height:1.5}.city-groups-page__select:hover{border-color:var(--color-primary)}.city-groups-page__select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.city-groups-page__select-icon{position:absolute;right:var(--spacing-md);pointer-events:none;color:var(--color-gray-60)}.city-groups-page__compare{display:none;width:100%;margin-top:var(--spacing-lg)}.city-groups-page__compare--active{display:block}.city-groups-page__compare .btn{width:100%;border-radius:var(--radius-full)}.city-groups-page__section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-lg);flex-wrap:wrap}.city-groups-page__section-title{font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:1.1;margin:0}.city-groups-page__section-actions{display:flex;align-items:center;gap:var(--spacing-lg)}.city-groups-page__section-actions .btn--secondary:hover:not(:disabled) .icon *{stroke:var(--color-white)}.city-groups-page__section-actions .btn{display:flex;align-items:center;gap:var(--spacing-sm)}.city-groups-page__btn--disabled.btn{background-color:var(--color-gray-10);color:var(--color-gray-40);border-color:var(--color-gray-10);cursor:not-allowed;box-shadow:-1px -1px 5px #9999990a,1px 3px 8px #9999990d}.city-groups-page__btn--disabled.btn:hover{background-color:var(--color-gray-10);color:var(--color-gray-40);border-color:var(--color-gray-10)}.city-groups-page__section-actions .city-groups-page__btn--disabled.btn--primary,.city-groups-page__section-actions .city-groups-page__btn--disabled.btn--primary:hover{background-color:var(--color-gray-40);color:var(--color-gray-20);border-color:var(--color-gray-40)}.city-groups-page__upgrade-modal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-lg);padding:var(--spacing-lg) 0}.city-groups-page__upgrade-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--color-blue-10);color:var(--color-primary)}.city-groups-page__upgrade-title{font-family:var(--font-family);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.city-groups-page__upgrade-text{font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-gray-60);line-height:1.5;margin:0}.city-groups-page__upgrade-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.city-groups-page__upgrade-dismiss{font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-60);background:none;border:none;cursor:pointer;padding:var(--spacing-sm);transition:color var(--transition-fast)}.city-groups-page__upgrade-dismiss:hover{color:var(--color-text)}.city-groups-page__timescale-content{display:flex;flex-direction:column;gap:0}.city-groups-page__timescale-content .time-scale-row+.time-scale-row{margin-top:var(--spacing-xs)}.city-groups-page__duration-label{font-family:var(--font-family);font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-sm)}.city-groups-page__timescale-empty{padding:var(--spacing-2xl);text-align:center;color:var(--color-gray-60);font-family:var(--font-family);font-size:var(--font-size-body)}.city-groups-page__match-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.city-groups-page__match-label{font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-text);white-space:nowrap}.city-groups-page__match-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);border:none;background:transparent;color:var(--color-primary);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity var(--transition-fast);white-space:nowrap}.city-groups-page__match-btn:hover:not(:disabled){opacity:.7}.city-groups-page__match-btn:disabled{opacity:.4;cursor:not-allowed}.city-groups-page__calculating{font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-gray-60);padding:var(--spacing-sm) 0}.city-groups-page__view-toggle{display:flex;align-items:center;height:40px;padding:1px;background-color:var(--color-blue-20);border-radius:var(--radius-full)}.city-groups-page__view-btn{display:flex;align-items:center;justify-content:center;width:48px;height:38px;padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;border-radius:var(--radius-xl);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast)}.city-groups-page__view-btn:hover{color:var(--color-blue-100)}.city-groups-page__view-btn--active{background-color:var(--color-blue-40);color:var(--color-white)}.city-groups-page__view-btn--active .icon *{stroke:var(--color-white)}.city-groups-page__view-btn--active:hover{color:var(--color-white)}.city-groups-page__section--comparison{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"title  ai-rec toggle" "cards  cards  cards";gap:var(--spacing-xl);align-items:center}.city-groups-page__section--comparison>.city-groups-page__section-title{grid-area:title;margin:0}.city-groups-page__section--comparison>.city-groups-page__ai-recommendation{grid-area:ai-rec;justify-self:end}.city-groups-page__section--comparison>.city-groups-page__view-toggle{grid-area:toggle;justify-self:end}.city-groups-page__section--comparison>.city-groups-page__cards-grid,.city-groups-page__section--comparison>.city-comparison-table{grid-area:cards}.city-groups-page__cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,420px));gap:var(--spacing-lg);justify-content:start}.city-groups-page__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-3xl) var(--spacing-xl);border:2px dashed var(--color-blue-20);border-radius:24px;text-align:center;max-width:480px;margin:var(--spacing-3xl) auto}.city-groups-page__empty-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.city-groups-page__empty-title{font-family:var(--font-family);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.city-groups-page__empty-text{font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-gray-60);line-height:1.5;margin:0}.city-groups-page__loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-gray-60)}.city-groups-page__tab-bar{display:none}@media(max-width:1024px){.city-groups-page__content{padding:var(--spacing-xl) var(--spacing-xl)}.city-groups-page__title,.city-groups-page__section-title{font-size:var(--font-size-h3)}.city-groups-page__header-row{flex-direction:column}.city-groups-page__controls{width:100%}.city-groups-page__cards-grid{grid-template-columns:repeat(2,1fr)}.city-groups-page__section-header{flex-wrap:wrap}}@media(max-width:768px){.city-groups-page>.header{display:none}.city-groups-page__content{padding:var(--spacing-lg);padding-bottom:96px}.city-groups-page__section{border-radius:var(--radius-xl);padding:var(--spacing-lg)}.city-groups-page__title{font-size:var(--font-size-h4)}.city-groups-page__section-title{font-size:var(--font-size-h5)}.city-groups-page__section-header{flex-direction:column;align-items:stretch}.city-groups-page__controls{flex-direction:column;width:100%}.city-groups-page__select-field,.city-groups-page__select-wrapper,.city-groups-page__select{width:100%}.city-groups-page__section-actions{flex-direction:column;width:100%;gap:var(--spacing-sm)}.city-groups-page__section-actions .btn{width:100%;justify-content:center}.city-groups-page__cards-grid{grid-template-columns:1fr}.city-groups-page__section--comparison{grid-template-columns:1fr;grid-template-areas:"title" "cards" "ai-rec";gap:var(--spacing-lg)}.city-groups-page__section-title-extra{display:none}.city-groups-page__section--comparison>.city-groups-page__view-toggle{display:none}.city-groups-page__section--comparison>.city-groups-page__ai-recommendation{justify-self:stretch;width:100%;height:48px}.city-groups-page__timescale-content{overflow-x:auto}.city-groups-page__compare{display:block}.city-groups-page__tab-bar{display:flex;position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:343px;gap:var(--spacing-xs);align-items:center;justify-content:center;padding:var(--spacing-xs);background-color:#fffc;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:var(--radius-full);box-shadow:-1px -1px 5px #3a3e4f14,1px 3px 8px #3a3e4f14;z-index:100}.city-groups-page__tab{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid transparent;border-radius:var(--radius-full);background:transparent;color:var(--color-gray-60);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);line-height:1.3}.city-groups-page__tab svg{width:24px;height:24px}.city-groups-page__tab--active{background-color:var(--color-white);border-color:var(--color-blue-30);color:var(--color-blue-100)}}.not-found-page{min-height:100vh;background-color:var(--color-blue-10);display:flex;flex-direction:column}.not-found-page__content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-xl)}.not-found-page__card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-3xl) var(--spacing-2xl);background-color:var(--color-white);border-radius:24px;text-align:center;max-width:480px;width:100%}.not-found-page__info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.not-found-page__title{font-family:var(--font-family);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.not-found-page__text{font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-gray-60);line-height:1.5;margin:0}@media(max-width:768px){.not-found-page__content{padding:var(--spacing-lg)}.not-found-page__card{padding:var(--spacing-2xl) var(--spacing-lg)}}.invite-page{min-height:100vh;background-color:var(--color-blue-10);display:flex;flex-direction:column}.invite-page__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-xl);max-width:1280px;width:100%;margin:0 auto}.invite-page__section{background-color:var(--color-white);border-radius:24px;padding:var(--spacing-2xl)}.invite-page__section--header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);flex-wrap:wrap}.invite-page__title{font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.invite-page__subtitle{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-gray-60);margin:0;max-width:720px;line-height:1.5}.invite-page__meta{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-blue-10);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text)}.invite-page__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.invite-page__section-title{font-family:var(--font-family);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.invite-page__section-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.invite-page__section-actions .btn--secondary:hover:not(:disabled) .icon *{stroke:var(--color-white)}.invite-page__timescale-content{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label  match" "scale  scale";align-items:center;gap:var(--spacing-md) var(--spacing-lg)}.invite-page__timescale-content>.invite-page__timescale-label{grid-area:label;margin:0;font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-gray-80)}.invite-page__timescale-content>.invite-page__match-header{grid-area:match;justify-self:end}.invite-page__timescale-content>.time-band-selector,.invite-page__timescale-content>.invite-page__timescale-empty,.invite-page__timescale-content>.time-scale-row{grid-area:scale}.invite-page__match-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.invite-page__match-label{font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-text);white-space:nowrap}.invite-page__match-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);border:none;background:transparent;color:var(--color-primary);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity var(--transition-fast);white-space:nowrap}.invite-page__match-btn:hover:not(:disabled){opacity:.7}.invite-page__match-btn:disabled{opacity:.4;cursor:not-allowed}.invite-page__timescale-empty{padding:var(--spacing-2xl);text-align:center;color:var(--color-gray-60);font-family:var(--font-family);font-size:var(--font-size-body)}.invite-page__section--comparison{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"title  ai-rec toggle" "cards  cards  cards";gap:var(--spacing-xl);align-items:center}.invite-page__section--comparison>.invite-page__section-title{grid-area:title;margin:0}.invite-page__section--comparison>.invite-page__ai-recommendation{grid-area:ai-rec;justify-self:end}.invite-page__section--comparison>.invite-page__view-toggle{grid-area:toggle;justify-self:end}.invite-page__section--comparison>.invite-page__cards-grid,.invite-page__section--comparison>.city-comparison-table{grid-area:cards}.invite-page__view-toggle{display:flex;align-items:center;height:40px;padding:1px;background-color:var(--color-blue-20);border-radius:var(--radius-full)}.invite-page__view-btn{display:flex;align-items:center;justify-content:center;width:48px;height:38px;padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;border-radius:var(--radius-xl);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast)}.invite-page__view-btn:hover{color:var(--color-blue-100)}.invite-page__view-btn--active{background-color:var(--color-blue-40);color:var(--color-white)}.invite-page__view-btn--active .icon *{stroke:var(--color-white)}.invite-page__view-btn--active:hover{color:var(--color-white)}.invite-page__cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,420px));gap:var(--spacing-lg);justify-content:start}.invite-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-3xl);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-gray-60)}.invite-page__spinner{width:40px;height:40px;border:3px solid var(--color-blue-20);border-top-color:var(--color-primary);border-radius:50%;animation:invite-spin .8s linear infinite}@keyframes invite-spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.invite-page__cards-grid{grid-template-columns:repeat(2,minmax(0,420px))}.invite-page__title,.invite-page__section-title{font-size:var(--font-size-h3)}}@media(max-width:768px){.invite-page__content{padding:var(--spacing-md);gap:var(--spacing-md)}.invite-page__section{padding:var(--spacing-lg)}.invite-page__section--header{flex-direction:column;align-items:flex-start}.invite-page__section-actions{flex-direction:column}.invite-page__section-actions .btn{width:100%}.invite-page__timescale-content{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "match" "scale"}.invite-page__match-label{display:none}.invite-page__match-btn{padding:var(--spacing-sm);font-size:var(--font-size-body-sm)}.invite-page__section--comparison{grid-template-columns:1fr;grid-template-areas:"title" "ai-rec" "toggle" "cards"}.invite-page__section--comparison>.invite-page__ai-recommendation,.invite-page__section--comparison>.invite-page__view-toggle{justify-self:stretch}.invite-page__section--comparison>.invite-page__ai-recommendation{width:100%;height:48px}.invite-page__cards-grid{grid-template-columns:1fr}}.static-page{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background)}.static-page__content{flex:1;padding:var(--spacing-3xl) var(--spacing-md)}.static-page__container{max-width:800px;margin:0 auto}.static-page__title{margin-bottom:var(--spacing-xl);text-align:center}.static-page__body{line-height:1.6;color:var(--color-text)}.static-page__body p{margin-bottom:var(--spacing-md)}.static-page__body h1,.static-page__body h2,.static-page__body h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.static-page__body h1{font-size:var(--font-size-h2, 2rem)}.static-page__body h2{font-size:var(--font-size-h3, 1.5rem)}.static-page__body h3{font-size:var(--font-size-h4, 1.25rem)}.static-page__body ul,.static-page__body ol{margin:0 0 var(--spacing-md) var(--spacing-lg);padding:0}.static-page__body li{margin-bottom:var(--spacing-xs)}.static-page__body a{color:var(--color-primary);text-decoration:underline}.static-page__body a:hover{text-decoration:none}.static-page__body code{background-color:var(--color-gray-10);padding:0 var(--spacing-xs);border-radius:var(--radius-sm);font-size:.9em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.static-page__loading,.static-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-3xl) var(--spacing-md);text-align:center;color:var(--color-text-secondary, var(--color-gray-60))}.static-page__spinner{width:32px;height:32px;border:3px solid var(--color-gray-10);border-top-color:var(--color-primary);border-radius:50%;animation:static-page-spin .8s linear infinite}@keyframes static-page-spin{to{transform:rotate(360deg)}}.contact-form{margin-top:var(--spacing-2xl)}.contact-form__title{margin:0 0 var(--spacing-lg);font-size:var(--font-size-h4, 1.25rem);font-weight:var(--font-weight-semibold);color:var(--color-text)}.contact-form__form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-form__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-form__label{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.contact-form__textarea{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);resize:vertical;min-height:120px;line-height:1.5}.contact-form__textarea:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.contact-form__textarea--error{border-color:var(--color-error)}.contact-form__textarea--error:focus-visible{box-shadow:0 0 0 3px #ca2f2f33}.contact-form__error{font-size:var(--font-size-caption);color:var(--color-error)}.contact-form__actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-sm)}.contact-form__success{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-xl);background-color:var(--color-background-secondary);border-radius:var(--radius-lg)}.contact-form__success-title{margin:0;font-size:var(--font-size-h4, 1.25rem);font-weight:var(--font-weight-semibold);color:var(--color-text)}.contact-form__honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.contact-form__toast{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:1000}.password-toggle{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;color:var(--color-gray-40);cursor:pointer;transition:color .2s ease}.password-toggle:hover{color:var(--color-gray-60)}.otp-wrapper{display:flex;justify-content:center;padding:var(--spacing-md) 0}.resend-section{text-align:center;font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-gray-60)}.resend-button{padding:0;border:none;background:none;color:var(--color-primary);font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);cursor:pointer}.resend-button:hover{text-decoration:underline}.resend-button:disabled{color:var(--color-gray-40);cursor:not-allowed}.password-requirements{display:flex;flex-direction:column;gap:var(--spacing-xs);font-family:var(--font-family);font-size:var(--font-size-caption);color:var(--color-gray-60)}.password-requirement{display:flex;align-items:center;gap:var(--spacing-xs)}.password-requirement--met{color:var(--color-success)}.password-requirement__icon{width:16px;height:16px}.auth-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer}.auth-checkbox__input{width:18px;height:18px;margin:0;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.auth-checkbox__label{font-family:var(--font-family);font-size:var(--font-size-body-sm);color:var(--color-gray-60);line-height:1.4}.auth-checkbox__label a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.auth-checkbox__label a:hover{text-decoration:underline}.app{min-height:100vh;padding:var(--spacing-2xl);max-width:1200px;margin:0 auto}.app-header{margin-bottom:var(--spacing-3xl);text-align:center}.app-header h1{margin-bottom:var(--spacing-sm)}.app-content{display:flex;flex-direction:column;gap:var(--spacing-3xl)}.section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.section>h2{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.subsection{display:flex;flex-direction:column;gap:var(--spacing-md)}.component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.component-grid .card{display:flex;flex-direction:column;gap:var(--spacing-md)}.button-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg)}.calendar-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}.calendar-grid>div{display:flex;flex-direction:column;gap:var(--spacing-md)}.toast-examples{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:420px}.match-score-grid{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:400px}.card-city-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}.card-city-grid>div{display:flex;flex-direction:column;gap:var(--spacing-md)}.table-row-demo{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-x:auto}.table-row-mobile-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}.table-row-mobile-grid>div{display:flex;flex-direction:column;gap:var(--spacing-sm)}.time-slider-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-3xl)}.time-slider-grid>div{display:flex;flex-direction:column;gap:var(--spacing-md)}.color-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.color-swatch{width:80px;height:80px;border-radius:var(--radius-md);display:flex;align-items:flex-end;justify-content:center;padding:var(--spacing-sm);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.color-blue-100{background-color:var(--color-blue-100);color:#fff}.color-blue-80{background-color:var(--color-blue-80);color:#fff}.color-blue-40{background-color:var(--color-blue-40);color:#fff}.color-blue-30{background-color:var(--color-blue-30);color:var(--color-gray-100)}.color-blue-20{background-color:var(--color-blue-20);color:var(--color-gray-100)}.color-blue-10{background-color:var(--color-blue-10);color:var(--color-gray-100)}.color-gray-100{background-color:var(--color-gray-100);color:#fff}.color-gray-80{background-color:var(--color-gray-80);color:#fff}.color-gray-60{background-color:var(--color-gray-60);color:#fff}.color-gray-40{background-color:var(--color-gray-40);color:#fff}.color-gray-20{background-color:var(--color-gray-20);color:var(--color-gray-100)}.color-gray-10{background-color:var(--color-gray-10);color:var(--color-gray-100)}.color-error{background-color:var(--color-error);color:#fff}.color-warning{background-color:var(--color-warning);color:#fff}.color-success{background-color:var(--color-success);color:#fff}.color-info{background-color:var(--color-info);color:#fff}.color-morning{background-color:var(--color-morning);color:var(--color-gray-100)}.color-day{background-color:var(--color-day);color:var(--color-gray-100)}.color-evening{background-color:var(--color-evening);color:#fff}.color-night{background-color:var(--color-night);color:#fff}.toast-container{position:fixed;z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg)}.toast-container--top-right{top:0;right:0}.component-row{display:flex;align-items:center;gap:var(--spacing-md)}.avatar-row{display:flex;gap:var(--spacing-xl);align-items:flex-end}.avatar-row>div{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.social-buttons-demo{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:320px}