#location-modal{position:fixed;width:min(480px,calc(100% - 2rem));max-width:none;max-height:calc(100dvh - 2rem);margin:auto;border:1px solid var(--color-border-divider);border-radius:12px;padding:0;background:var(--color-page);color:var(--color-text);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}#location-modal::backdrop{background:#18171bb3}html:has(#location-modal[open]){overflow:hidden}#location-modal [hidden]{display:none}#location-modal :is(a,button,input):focus-visible{outline:2px solid var(--color-focus-on-light);outline-offset:3px}.location-modal-content{position:relative;padding:1.5rem}#close-location-modal{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-control-compact);color:var(--color-text-secondary)}#close-location-modal:hover{background:var(--color-surface-muted);color:var(--color-text)}.location-modal-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:1.25rem;border-radius:var(--radius-control-compact);background:var(--color-accent);color:var(--color-brand-dark)}.location-modal-heading h2{font-size:1.5rem;font-weight:700;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}.location-modal-heading p{margin-top:.75rem;color:var(--color-text-secondary);font-size:.9375rem;line-height:1.7}.location-modal-current{margin-block:1.5rem;border-block:1px solid var(--color-border-divider);padding-block:1rem;overflow-wrap:anywhere}.location-modal-current>p:first-child{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.5}#location-modal-current-label{margin-top:.25rem;font-size:1rem;font-weight:600;line-height:1.5}#location-modal-current-metro{margin-top:.25rem;color:var(--color-text-secondary);font-size:.8125rem;line-height:1.6}#location-detect{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:48px;border-radius:var(--radius-control-compact);background:var(--color-accent);padding:.75rem 1rem;color:var(--color-brand-dark);font-size:.9375rem;font-weight:600;line-height:1.5}#location-detect svg{flex-shrink:0}#location-detect:hover:not(:disabled){background:var(--color-accent-hover)}#location-detect:disabled{background:var(--color-surface-muted);color:var(--color-text-secondary);cursor:wait}#location-detection-status{margin-top:.75rem;color:var(--color-text-secondary);font-size:.875rem;line-height:1.7}.location-modal-search{margin-top:1.5rem}.location-modal-search label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;line-height:1.5}#location-modal [data-city-autocomplete]>div:first-child{top:24px;color:var(--color-text-secondary)}#nav-city-search-input{min-height:48px;border:1px solid var(--color-border-control);border-radius:var(--radius-control-compact);background:var(--color-surface);color:var(--color-text);font-size:1rem;line-height:1.5;box-shadow:none}#nav-city-search-input::-moz-placeholder{color:var(--color-text-secondary);opacity:1}#nav-city-search-input::placeholder{color:var(--color-text-secondary);opacity:1}#nav-city-search-input:hover{border-color:var(--color-text-secondary)}#nav-city-search-suggestions{position:static;max-height:min(320px,40dvh);margin-top:.5rem;border:1px solid var(--color-border-control);border-radius:var(--radius-control-compact);background:var(--color-surface);color:var(--color-text);box-shadow:none;overscroll-behavior:contain}#nav-city-search-suggestions button{min-height:48px;border-color:var(--color-border-divider);color:var(--color-text);font-size:.9375rem;line-height:1.5;overflow-wrap:anywhere}#nav-city-search-suggestions button>span:not(:first-child){color:var(--color-text-secondary);font-size:.8125rem;line-height:1.5}#nav-city-search-suggestions button:enabled:hover{background:var(--color-surface-muted)}#nav-city-search-suggestions button[aria-selected=true],#nav-city-search-suggestions button[aria-selected=true]:enabled:hover{background:var(--color-brand-dark);color:var(--color-accent)}#nav-city-search-suggestions button[aria-selected=true]>span:not(:first-child){color:var(--color-text-muted-on-dark)}#nav-city-search-suggestions button:disabled{color:var(--color-text-secondary);opacity:1;cursor:not-allowed}#nav-city-search-suggestions button:focus-visible{outline-offset:-3px}#nav-city-search-suggestions button[aria-selected=true]:focus-visible{outline-color:var(--color-focus-on-dark)}#nav-city-search-suggestions [role=status]{color:var(--color-text-secondary)}#nav-city-search-suggestions [role=status]>span[aria-hidden=true]{border-color:var(--color-border-divider);border-top-color:var(--color-text)}.location-modal-attribution{margin-top:1rem;color:var(--color-text-secondary);font-size:.75rem;line-height:1.5;text-align:center}.location-modal-attribution a{color:var(--color-text);text-decoration:underline;text-underline-offset:.2em}.location-modal-attribution a:hover{text-decoration-thickness:2px}@media(min-width:640px){.location-modal-content{padding:2rem}}.notification-row{display:block;width:100%;border-bottom:1px solid var(--color-border-divider);border-left:3px solid transparent;background:transparent;padding:1.25rem;color:var(--color-text);text-align:left;overflow-wrap:anywhere}.notification-row[data-read=false]{border-left-color:var(--color-accent);background:var(--color-surface-highlight)}.notification-row:hover{background:var(--color-surface-muted)}.notification-row:focus-visible{outline:2px solid var(--color-focus-on-light);outline-offset:-3px}.notification-row-top{display:flex;align-items:flex-start;gap:1rem}.notification-content{flex:1;min-width:0}.notification-title{display:block;color:var(--color-text);font-size:1rem;font-weight:600;line-height:1.5}.notification-row[data-read=false] .notification-title{font-weight:700}.notification-body{display:block;margin-top:.375rem;color:var(--color-text-secondary);font-size:.9375rem;line-height:1.7;white-space:pre-wrap}.notification-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.75rem;color:var(--color-text-secondary);font-size:.75rem;line-height:1.5}.notification-action{color:var(--color-text);font-weight:600;text-decoration:underline;text-underline-offset:.2em}.notification-new{flex-shrink:0}.notification-empty,.notification-loading{padding:2.5rem 1.25rem;color:var(--color-text-secondary);font-size:.9375rem;line-height:1.7;text-align:center}.notification-spinner{display:block;width:24px;height:24px;margin-inline:auto;border:2px solid var(--color-border-divider);border-top-color:var(--color-text);border-radius:50%}.notification-loading p{margin-top:.75rem}#nav-notifications-btn{width:44px;height:44px;border-radius:var(--radius-control-compact)}#nav-notifications-btn:focus-visible{outline:2px solid var(--color-focus-on-dark);outline-offset:3px}#nav-notification-badge{position:absolute;top:0;right:0;min-width:20px;height:20px;border-radius:10px;background:var(--color-accent);padding-inline:.25rem;color:var(--color-brand-dark);font-size:.75rem;font-weight:700;line-height:1;align-items:center;justify-content:center}#nav-notifications-menu{position:fixed;top:calc(var(--banner-height, 0px) + 4.5rem);right:1rem;left:1rem;z-index:50;max-height:min(640px,calc(100dvh - var(--banner-height, 0px) - 5.5rem));border:1px solid var(--color-border-divider);border-radius:var(--radius-panel-compact);background:var(--color-surface);color:var(--color-text);box-shadow:0 8px 24px #18171b24;flex-direction:column;overflow:hidden}#nav-notifications-menu:not(.hidden){display:flex}#nav-notifications-menu :is(a,button):focus-visible{outline:2px solid var(--color-focus-on-light);outline-offset:3px}#nav-notifications-menu .notification-row:focus-visible{outline-offset:-3px}.notification-menu-heading,.notification-menu-footer{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.75rem 1rem}.notification-menu-heading{border-bottom:1px solid var(--color-border-divider)}.notification-menu-heading h2{font-size:1.125rem;font-weight:700;line-height:1.4}#nav-notifications-count{margin-top:.25rem;color:var(--color-text-secondary);font-size:.8125rem;line-height:1.5}.notification-menu-heading a,#nav-notifications-read-all{display:inline-flex;align-items:center;min-height:44px;color:var(--color-text);font-size:.8125rem;font-weight:600;text-decoration:underline;text-underline-offset:.2em}.notification-menu-heading a:hover,#nav-notifications-read-all:hover:enabled{text-decoration-thickness:2px}#nav-notifications-read-all:disabled{color:var(--color-text-secondary);text-decoration:none;cursor:default}#nav-notifications-list{min-height:0;overflow-y:auto;overscroll-behavior:contain}#nav-notifications-list .notification-row{position:relative;border-left-color:transparent;padding:1rem}#nav-notifications-list .notification-row[data-read=false]{background:var(--color-surface)}#nav-notifications-list .notification-row[data-read=false]:before{position:absolute;top:1rem;bottom:1rem;left:0;width:3px;border-radius:2px;background:var(--color-accent);content:""}#nav-notifications-list .notification-row:hover{background:var(--color-surface-muted)}#nav-notifications-list .notification-new{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#nav-notifications-list .notification-title{font-size:.875rem}#nav-notifications-list .notification-body{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.8125rem}.notification-menu-footer{flex-wrap:wrap;border-top:1px solid var(--color-border-divider)}.notification-menu-view-all{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--radius-control-compact);background:var(--color-accent);padding:.625rem 1rem;color:var(--color-brand-dark);font-size:.8125rem;font-weight:600}.notification-menu-view-all:hover{background:var(--color-accent-hover)}#nav-notifications-error{padding:0 1rem 1rem;color:#9d251c;font-size:.8125rem;line-height:1.6}@media(min-width:640px){#nav-notifications-menu{position:absolute;top:calc(100% + .5rem);right:0;left:auto;width:min(400px,calc(100vw - 2rem))}}@media(prefers-reduced-motion:no-preference){.notification-spinner{animation:notification-spin .8s linear infinite}}@keyframes notification-spin{to{transform:rotate(360deg)}}:root{--color-brand-dark: #18171B;--color-page: #FAF9F7;--color-surface: #FFFFFF;--color-surface-muted: #F3F1ED;--color-surface-highlight: #FEF9E7;--color-accent: #F2C94C;--color-accent-hover: #E5B93B;--color-text: #211F24;--color-text-secondary: #66636B;--color-text-on-dark: #FAF9F7;--color-text-muted-on-dark: #B8B5BD;--color-border: #E8E5E1;--color-border-divider: #DEDBD6;--color-border-control: #8A858E;--color-focus-on-light: #211F24;--color-focus-on-dark: #F2C94C;--radius-control-compact: .375rem;--radius-panel-compact: .625rem;--radius-small: .25rem}.v2-info-badge{display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--color-accent);border-radius:var(--radius-small);background:var(--color-accent);padding:.125rem .375rem;color:var(--color-brand-dark);font-size:.75rem;font-weight:600;line-height:1.25}#account-dropdown{position:relative}#account-dropdown .hidden,#account-dropdown [hidden]{display:none!important}#custom-user-btn{display:flex;align-items:center;gap:.25rem;min-height:44px;border-radius:var(--radius-control-compact);padding:.25rem;color:var(--color-text-muted-on-dark)}#custom-user-btn:hover,#custom-user-btn[aria-expanded=true]{background:var(--color-brand-dark);color:var(--color-text-on-dark)}#custom-user-btn:focus-visible{outline:2px solid var(--color-focus-on-dark);outline-offset:3px}#menu-user-avatar,#menu-user-avatar-fallback{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}#menu-user-avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-brand-dark);font-size:.875rem;font-weight:700}#custom-user-menu{position:fixed;top:calc(var(--banner-height, 0px) + 4.5rem);left:1rem;right:1rem;z-index:50;max-height:min(640px,calc(100dvh - var(--banner-height, 0px) - 5.5rem));border:1px solid var(--color-border-divider);border-radius:var(--radius-panel-compact);background:var(--color-surface);color:var(--color-text);box-shadow:0 8px 24px #18171b24;overflow-y:auto;overscroll-behavior:contain}.account-menu-identity{padding:1rem;overflow-wrap:anywhere}#menu-user-name{font-size:.9375rem;font-weight:700;line-height:1.5}#menu-user-handle,#menu-user-email{margin-top:.25rem;color:var(--color-text-secondary);font-size:.8125rem;line-height:1.5}.account-menu-group{border-top:1px solid var(--color-border-divider);padding-block:.375rem}.account-menu-section-label{padding:.5rem 1rem .25rem;color:var(--color-text-secondary);font-size:.75rem;font-weight:600;line-height:1.5}#custom-user-menu :is(a,button){display:flex;align-items:center;gap:.75rem;width:100%;min-height:44px;padding:.75rem 1rem;color:var(--color-text);font-size:.875rem;font-weight:500;line-height:1.5;text-align:left}#custom-user-menu :is(a,button):hover{background:var(--color-accent)}#custom-user-menu :is(a,button):focus-visible{outline:2px solid var(--color-focus-on-light);outline-offset:-3px}#custom-user-menu svg{width:20px;height:20px;flex-shrink:0;color:var(--color-text-secondary)}@media(min-width:640px){#custom-user-menu{position:absolute;top:calc(100% + .5rem);left:auto;right:0;width:min(320px,calc(100vw - 2rem))}}