@layer tokens,base,legacy;@layer chrome{.global-site-footer{background:var(--color-surface-tint);border-top:1px solid var(--color-border-subtle);width:100%;color:var(--color-text);margin-top:auto;padding:3.5rem 1.5rem 2rem;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}.global-footer-inner{flex-direction:column;gap:2.5rem;max-width:1280px;margin:0 auto;display:flex}.global-footer-grid{grid-template-columns:1fr;gap:2.5rem;display:grid}@media (min-width:768px){.global-footer-grid{grid-template-columns:1.4fr 2fr;gap:3.5rem}}.global-footer-brand-col{flex-direction:column;gap:1rem;display:flex}.global-footer-brand-link{color:inherit;align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.global-footer-brand-icon{background:var(--color-brand-hover);width:36px;height:36px;color:var(--color-text-inverse);box-shadow:0 2px 8px color-mix(in srgb, var(--color-primary) 15%, transparent);border-radius:12px;justify-content:center;align-items:center;display:flex}.global-footer-brand-title{color:var(--color-text-brand);letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.global-footer-brand-emerald{color:var(--color-success)}.global-footer-tagline{color:var(--color-text-muted);max-width:360px;margin:0;font-size:13.5px;line-height:1.6}.global-footer-status{letter-spacing:.06em;color:var(--color-success);background:var(--color-success-bg);border:1px solid color-mix(in srgb, var(--color-accent) 25%, transparent);border-radius:9999px;align-items:center;gap:.45rem;width:fit-content;padding:.3rem .75rem;font-size:11px;font-weight:700;display:inline-flex}.global-footer-status-dot{background:var(--color-accent);border-radius:9999px;width:6px;height:6px;animation:2s infinite footerDotPulse}@keyframes footerDotPulse{0%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.4;transform:scale(.9)}}.global-footer-links-col{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2rem;display:grid}.global-footer-group-title{letter-spacing:.08em;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:.85rem;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:800;display:block}.global-footer-links{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.global-footer-links li a,.global-footer-links li button{color:var(--color-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;text-decoration:none;transition:color .15s}.global-footer-links li a:hover,.global-footer-links li button:hover{color:var(--color-text-accent)}.global-footer-bottom{border-top:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}@media (min-width:640px){.global-footer-bottom{flex-direction:row}}.global-footer-bottom-left{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.global-footer-action-btn{border:1px solid color-mix(in srgb, var(--color-border) 90%, transparent);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.global-footer-action-btn:hover{border-color:var(--color-accent);color:var(--color-text-accent);background:color-mix(in srgb, var(--color-accent) 5%, transparent)}.global-footer-security-pill{color:var(--color-link);background:var(--color-surface-brand);border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:11.5px;font-weight:600;display:inline-flex}.global-footer-copyright{color:var(--color-text-muted);margin:0;font-size:12px}.global-footer-app-links{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.global-footer-app-title{letter-spacing:.06em;color:var(--color-text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.global-footer-app-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.global-footer-app-btn{border-radius:8px;align-items:center;gap:.6rem;min-width:140px;padding:.5rem 1rem;text-decoration:none;transition:all .2s;display:inline-flex}.global-footer-app-btn.app-store{color:var(--color-text-inverse);background:#000;border:1px solid #333}.global-footer-app-btn.app-store:hover{background:#1a1a1a;transform:translateY(-1px)}.global-footer-app-btn.google-play{background:var(--color-surface);color:#000;border:1px solid var(--color-neutral-200)}.global-footer-app-btn.google-play:hover{background:var(--color-bg);transform:translateY(-1px)}.global-footer-app-btn .app-icon{flex-shrink:0;width:24px;height:24px}.app-btn-text{flex-direction:column;line-height:1.1;display:flex}.app-btn-small{opacity:.9;text-transform:uppercase;letter-spacing:.02em;font-size:9px;font-weight:500}.app-btn-large{letter-spacing:-.01em;font-size:13px;font-weight:700}@media (max-width:640px){.global-footer-app-buttons{flex-direction:column}.global-footer-app-btn{justify-content:center;width:100%}}@media (max-width:767.98px){.global-footer-brand-link,.global-footer-app-btn{min-height:var(--touch-target)}}}@layer pages,primitives;
@layer tokens,base,legacy;@layer chrome{.global-site-header{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border-subtle);z-index:1000;background:#faf8ffe0;align-items:center;width:100%;height:76px;transition:background-color .25s,border-color .25s;display:flex;position:sticky;top:0;left:0;right:0}.global-site-header-inner{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;max-width:min(100%,1840px);margin:0 auto;padding:0 clamp(1.25rem,3vw,3.5rem);display:flex}.header-brand-link{color:inherit;flex-shrink:0;align-items:center;gap:.65rem;text-decoration:none;display:flex}.header-brand-icon{background:var(--color-brand-hover);width:38px;height:38px;color:var(--color-text-inverse);box-shadow:0 2px 8px color-mix(in srgb, var(--color-primary) 15%, transparent);border-radius:12px;justify-content:center;align-items:center;transition:transform .2s;display:flex}.header-brand-link:hover .header-brand-icon{transform:scale(1.05)}.header-brand-title{color:var(--color-text-brand);letter-spacing:-.02em;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:1.25rem;font-weight:800;line-height:1}.header-brand-emerald{color:var(--color-success)}.header-nav-center{background:var(--color-surface-sunken);border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem;display:none}@media (min-width:1280px){.header-nav-center{display:flex}}.header-nav-pill{color:var(--color-neutral-600);white-space:nowrap;border-radius:9999px;padding:.45rem 1rem;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;position:relative}.header-nav-pill:hover{color:#013628;background:color-mix(in srgb, var(--color-surface) 70%, transparent)}.header-nav-pill.active{background:var(--color-brand-hover);box-shadow:0 2px 6px color-mix(in srgb, var(--color-primary) 15%, transparent);color:var(--color-text-inverse)!important}.header-right-group{align-items:center;gap:.75rem;display:flex}.header-code-search-form{align-items:center;display:none;position:relative}@media (min-width:768px){.header-code-search-form{display:flex}}.header-code-search-icon{color:#717974;pointer-events:none;font-size:18px;position:absolute;left:.85rem}.header-code-search-input{background:var(--color-surface-sunken);color:#131b2e;border:1px solid #0000;border-radius:9999px;outline:none;width:200px;padding:.5rem .85rem .5rem 2.4rem;font-family:Inter,system-ui,sans-serif;font-size:12.5px;transition:all .2s}.header-code-search-input:focus{background:var(--color-surface);border-color:var(--color-accent);width:240px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 15%, transparent)}.header-btn-login{color:var(--color-text-muted);border-radius:9999px;align-items:center;padding:.45rem .85rem;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.header-btn-login:hover{background:var(--color-surface-sunken);color:var(--color-text-brand)}@media (min-width:640px){.header-btn-login{padding:.5rem 1.15rem}}.header-btn-signup{background:var(--color-brand-hover);box-shadow:0 2px 8px color-mix(in srgb, var(--color-primary) 18%, transparent);border-radius:9999px;align-items:center;gap:.35rem;padding:.55rem 1.25rem;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;color:var(--color-text-inverse)!important}.header-btn-signup:hover{background:var(--color-brand);box-shadow:0 4px 12px color-mix(in srgb, var(--color-primary) 25%, transparent);transform:translateY(-1px)}.header-auth-buttons{align-items:center;gap:.5rem;display:flex}.header-nav-lang-btn{background:var(--color-bg);color:#1e4d3e;cursor:pointer;border:1px solid #dae2fd;border-radius:9999px;align-items:center;gap:.25rem;padding:.42rem .75rem;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.header-nav-lang-btn:hover{background:var(--color-surface);border-color:var(--color-brand);color:var(--color-text-brand);box-shadow:0 2px 6px color-mix(in srgb, var(--color-primary) 8%, transparent)}.header-locale-btn{background:var(--color-bg);color:#1e4d3e;cursor:pointer;border:1px solid #dae2fd;border-radius:9999px;align-items:center;gap:.25rem;padding:.42rem .75rem;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.header-locale-btn:hover{background:var(--color-surface);border-color:var(--color-brand);color:var(--color-text-brand);box-shadow:0 2px 6px color-mix(in srgb, var(--color-primary) 8%, transparent)}.nav-quota-badge-stitch{background:color-mix(in srgb, var(--color-accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 25%, transparent);color:var(--color-on-surface-brand);white-space:nowrap;border-radius:9999px;align-items:center;gap:.45rem;padding:.4rem .85rem;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.nav-quota-badge-stitch:hover{background:color-mix(in srgb, var(--color-accent) 16%, transparent);border-color:color-mix(in srgb, var(--color-accent) 40%, transparent)}.header-profile-wrap{position:relative}.header-user-pill-trigger{background:var(--color-surface-tint);border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);cursor:pointer;border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .65rem .25rem .35rem;transition:all .2s;display:flex}.header-user-pill-trigger:hover{background:var(--color-surface-tint);transform:translateY(-1px)}.header-user-avatar-wrap{flex-shrink:0;width:32px;height:32px;position:relative}.header-user-avatar-circle{background:var(--color-brand-hover);width:100%;height:100%;color:var(--color-text-inverse);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 35%, transparent);border-radius:9999px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;overflow:hidden}.header-user-avatar-circle img{object-fit:cover;width:100%;height:100%}.header-user-online-dot{background-color:var(--color-accent);border:1.5px solid var(--color-neutral-0);border-radius:9999px;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.header-user-pill-info{text-align:left;flex-direction:column;display:none}@media (min-width:640px){.header-user-pill-info{display:flex}}.header-user-pill-name{color:var(--color-text);font-size:12.5px;font-weight:700;line-height:1.1}.header-user-pill-role{color:var(--color-link);margin-top:2px;font-size:10px;font-weight:700;line-height:1}.header-user-pill-arrow{color:var(--color-link);font-size:16px;transition:transform .2s}.header-user-pill-arrow.open{transform:rotate(180deg)}.header-stitch-dropdown{background:color-mix(in srgb, var(--color-surface) 98%, transparent);-webkit-backdrop-filter:blur(20px);width:340px;max-width:calc(100vw - 2rem);box-shadow:0 20px 40px -8px #0000002e, 0 0 0 1px color-mix(in srgb, var(--color-border) 90%, transparent);z-index:1100;border-radius:1.25rem;flex-direction:column;animation:.22s cubic-bezier(.16,1,.3,1) dropdownIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.header-stitch-user-card{background:linear-gradient(135deg, color-mix(in srgb, var(--color-surface-brand) 80%, transparent) 0%, color-mix(in srgb, var(--color-surface) 90%, transparent) 60%, color-mix(in srgb, var(--color-surface-sunken) 70%, transparent) 100%);border-bottom:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);justify-content:space-between;align-items:center;gap:.5rem;padding:1rem;display:flex}.header-stitch-avatar-large{background:var(--color-primary);width:44px;height:44px;color:var(--color-text-inverse);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000001f}.header-stitch-avatar-large img{object-fit:cover;width:100%;height:100%}.header-stitch-online-dot-large{background:var(--color-accent);border:2px solid var(--color-neutral-0);border-radius:9999px;width:11px;height:11px;position:absolute;bottom:0;right:0}.header-stitch-name-wrap{flex:1;min-width:0}.header-stitch-name-row{align-items:center;gap:.4rem;display:flex}.header-stitch-fullname{color:var(--color-text-brand);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.header-stitch-pro-badge{background:color-mix(in srgb, var(--color-accent) 18%, transparent);color:var(--color-link);letter-spacing:.04em;border-radius:9999px;flex-shrink:0;padding:.1rem .45rem;font-size:9px;font-weight:800}.header-stitch-handle{color:#717974;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;display:block;overflow:hidden}.header-stitch-edit-btn{background:var(--color-surface);color:var(--color-link);border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);border-radius:.65rem;flex-shrink:0;justify-content:center;align-items:center;padding:.45rem;text-decoration:none;transition:all .15s;display:flex}.header-stitch-edit-btn:hover{background:var(--color-surface-brand);color:var(--color-text-brand);transform:scale(1.05)}.header-stitch-grid{background:color-mix(in srgb, var(--color-surface-sunken) 60%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);grid-template-columns:1fr 1fr;gap:.5rem;padding:.6rem .85rem;display:grid}.header-stitch-stat-box{background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);border-radius:.85rem;flex-direction:column;gap:.25rem;padding:.6rem .75rem;display:flex;box-shadow:0 1px 3px #0000000a}.header-stitch-stat-top{color:var(--color-link);justify-content:space-between;align-items:center;font-size:10px;font-weight:700;display:flex}.header-stitch-stat-val{color:var(--color-text-brand);font-size:15px;font-weight:800}.header-stitch-scroll-area{flex-direction:column;gap:.2rem;max-height:380px;padding:.5rem .65rem;display:flex;overflow-y:auto}.header-stitch-section-label{letter-spacing:.08em;text-transform:uppercase;color:#717974;padding:.4rem .5rem .2rem;font-size:10px;font-weight:800}.header-stitch-item{color:#131b2e;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:.75rem;justify-content:space-between;align-items:center;width:100%;padding:.55rem .65rem;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.header-stitch-item:hover{background:var(--color-surface-sunken);color:var(--color-text-brand)}.header-stitch-item-left{align-items:center;gap:.65rem;display:flex;overflow:hidden}.header-stitch-item-left .material-symbols-outlined{color:var(--color-link);flex-shrink:0;font-size:18px}.header-stitch-badge-pill{background:var(--color-surface-sunken);color:var(--color-link);border-radius:9999px;flex-shrink:0;padding:.15rem .45rem;font-size:10px;font-weight:700}.header-stitch-badge-green{background:var(--color-accent);color:var(--color-on-primary)}.header-stitch-code-card{background:var(--color-surface-brand);border:1px solid var(--color-accent-a20);border-radius:.85rem;justify-content:space-between;align-items:center;margin:.35rem .2rem;padding:.55rem .75rem;display:flex}.header-stitch-code-text{color:var(--color-text-brand);align-items:center;gap:.4rem;font-size:11px;display:flex}.header-stitch-code-btn{background:var(--color-surface);color:var(--color-link);border:1px solid var(--color-accent-a30);cursor:pointer;border-radius:.4rem;justify-content:center;align-items:center;padding:.3rem;transition:all .15s;display:flex}.header-stitch-code-btn:hover{background:var(--color-accent);color:var(--color-on-primary)}.header-stitch-theme-pills{background:var(--color-neutral-200);border-radius:.5rem;align-items:center;padding:2px;font-size:10px;font-weight:700;display:flex}.header-stitch-theme-pill-active{background:var(--color-surface);color:var(--color-text-brand);border-radius:.4rem;padding:.2rem .5rem;box-shadow:0 1px 2px #00000014}.header-stitch-theme-pill-inactive{color:#717974;border-radius:.4rem;padding:.2rem .5rem}.header-stitch-footer{background:color-mix(in srgb, var(--color-surface-sunken) 60%, transparent);border-top:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);flex-direction:column;gap:.25rem;padding:.5rem .65rem;display:flex}.header-stitch-logout-btn{color:#dc2626;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.75rem;justify-content:space-between;align-items:center;width:100%;padding:.55rem .65rem;font-size:13px;font-weight:700;transition:all .15s;display:flex}.header-stitch-logout-btn:hover{background:#dc262614}.global-site-header{flex-shrink:0}.header-stitch-dropdown{max-height:calc(100dvh - 92px - var(--mobile-nav-height));overscroll-behavior:contain;overflow-y:auto}@media (max-width:639px){.global-site-header .global-site-header-inner{gap:8px;padding-inline:12px}.header-brand-link{gap:6px}.header-brand-icon{width:32px;height:32px}.header-brand-title{font-size:1rem}.header-right-group,.header-auth-buttons{gap:4px}.header-btn-login,.header-btn-signup{white-space:nowrap;min-height:44px;padding:8px}.nav-quota-badge-stitch{gap:4px;padding:6px;font-size:11px}.nav-quota-badge-stitch .hidden-sm{display:none}.header-user-pill-trigger{min-height:44px}.header-stitch-dropdown{max-width:calc(100vw - 16px);position:fixed;top:80px;right:8px}}.mobile-primary-nav{display:none}@media (max-width:1279px){.mobile-primary-nav{height:var(--mobile-nav-height);padding:8px max(12px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));z-index:1100;pointer-events:none;background:linear-gradient(transparent, var(--color-bg) 90%);justify-content:center;display:flex;position:fixed;inset:auto 0 0}.mobile-nav-track{border:1px solid color-mix(in srgb, var(--color-neutral-0) 85%, transparent);background:color-mix(in srgb, var(--color-surface) 96%, transparent);width:100%;max-width:520px;height:72px;box-shadow:0 6px 28px color-mix(in srgb, var(--color-surface-inverse) 12%, transparent), 0 1px 4px color-mix(in srgb, var(--color-surface-inverse) 6%, transparent);-webkit-backdrop-filter:blur(20px);pointer-events:auto;border-radius:24px;grid-template-columns:repeat(5,minmax(0,1fr));padding:5px;display:grid}.mobile-nav-item{min-width:0;min-height:48px;color:var(--color-text-muted);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:color .16s,background-color .16s;display:flex}.mobile-nav-icon-wrap{border-radius:12px;place-items:center;width:42px;height:32px;transition:background-color .16s,transform .16s;display:grid;position:relative}.mobile-nav-icon{flex-shrink:0;width:23px;height:23px}.mobile-nav-label{white-space:nowrap;letter-spacing:-.15px;font-size:10px;font-weight:600;line-height:15px}.mobile-nav-item[aria-current=page]{color:#164e3b}.mobile-nav-item[aria-current=page] .mobile-nav-icon-wrap{background:#e4f2e9}.mobile-nav-item[aria-current=page] .mobile-nav-label{font-weight:800}.mobile-nav-assistant .mobile-nav-icon-wrap{color:var(--color-text-inverse);background:var(--color-brand-hover);box-shadow:0 3px 8px color-mix(in srgb, var(--color-brand-hover) 20%, transparent)}.mobile-nav-assistant[aria-current=page] .mobile-nav-icon-wrap{background:var(--color-brand-hover);box-shadow:0 0 0 3px #d7ecdf}.mobile-nav-item:active .mobile-nav-icon-wrap{transform:scale(.92)}.mobile-nav-item:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:-2px}.mobile-nav-badge{border:2px solid var(--color-neutral-0);min-width:16px;height:16px;color:var(--color-text-inverse);background:#c84436;border-radius:8px;place-items:center;padding-inline:3px;font-size:9px;font-weight:700;line-height:1;display:grid;position:absolute;top:-2px;right:0}}@media (min-width:375px) and (max-width:1279px){.mobile-nav-label{font-size:11px}}@media (prefers-reduced-motion:reduce){.mobile-nav-item,.mobile-nav-icon-wrap{transition:none}}.global-site-header{height:var(--app-header-height);padding-top:env(safe-area-inset-top,0px)}@media (max-width:767px){.global-site-header{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none}.header-stitch-dropdown{top:calc(var(--app-header-height) + 4px);max-height:calc(100dvh - var(--app-header-height) - var(--mobile-nav-height) - 12px)}.mobile-primary-nav{padding:0 max(4px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px, env(safe-area-inset-left));background:var(--color-surface);border-top:1px solid var(--color-border)}.mobile-nav-track{max-width:560px;height:71px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:4px 2px}.mobile-nav-assistant .mobile-nav-icon-wrap{box-shadow:none}.header-brand-icon{border-radius:10px;width:30px;height:30px}[data-platform=ios] .mobile-primary-nav{padding:0 16px max(12px, env(safe-area-inset-bottom)) 16px;pointer-events:none;background:0 0;border-top:none}[data-platform=ios] .mobile-nav-track{background:color-mix(in srgb, var(--color-surface) 85%, transparent);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid color-mix(in srgb, var(--color-neutral-0) 55%, transparent);pointer-events:auto;border-radius:33px;max-width:480px;height:66px;padding:4px 6px;box-shadow:0 8px 30px #0000001f,0 2px 6px #0000000a}[data-platform=ios] .mobile-nav-item{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}[data-platform=ios] .mobile-nav-item[aria-current=page]{color:var(--color-success)}[data-platform=ios] .mobile-nav-item[aria-current=page] .mobile-nav-icon-wrap{background:color-mix(in srgb, var(--color-accent) 15%, transparent);border-radius:14px}[data-platform=android] .mobile-primary-nav{padding:0 0 env(safe-area-inset-bottom) 0;background:var(--color-surface);border-top:1px solid var(--color-border)}[data-platform=android] .mobile-nav-track{max-width:100%;height:70px;box-shadow:none;background:0 0;border:none;border-radius:0;padding:2px 0}[data-platform=android] .mobile-nav-item{font-family:Plus Jakarta Sans,Roboto,sans-serif}[data-platform=android] .mobile-nav-item[aria-current=page]{color:var(--color-brand)}[data-platform=android] .mobile-nav-item[aria-current=page] .mobile-nav-icon-wrap{background:var(--color-surface-brand);width:56px;height:32px;color:var(--color-brand);border-radius:16px}}@media (max-width:767.98px){.header-brand-link,.header-locale-btn{min-height:var(--touch-target);min-width:var(--touch-target)}}.global-site-header[data-variant]{z-index:50;width:100%;position:sticky;top:0}.global-site-header[data-variant] .global-site-header-inner{max-width:100%}.global-site-header[data-variant=wide-compact] .global-site-header-inner{padding:0 1rem}@media (max-width:640px){body:has(.mobile-primary-nav) :is(.profile-toast,.public-toast-notification){bottom:calc(80px + env(safe-area-inset-bottom))}}@media (max-width:1279.98px){body:has(.mobile-primary-nav) :is(.profile-toast,.public-toast-notification){bottom:calc(var(--mobile-nav-height) + 16px)}body:has(.mobile-primary-nav){--mobile-nav-height:calc(92px + env(safe-area-inset-bottom));padding-bottom:var(--mobile-nav-height)}body:has(.mobile-primary-nav) .operations-support-link{bottom:calc(var(--mobile-nav-height) + 12px)}body:has(.mobile-primary-nav) .operations-banners{bottom:calc(var(--mobile-nav-height) + 68px)}}@media (max-width:767.98px){body:has(.mobile-primary-nav){--mobile-nav-height:calc(72px + env(safe-area-inset-bottom))}}}@layer pages,primitives;
@layer tokens,base;@layer legacy{.global-header-nav{z-index:1000;background:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);transition:background-color .25s,border-color .25s;position:sticky;top:0}.header-inner{max-width:var(--container-full);padding:var(--space-3) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.nav-left-group{align-items:center;gap:.65rem;display:flex;position:relative}.brand-logo{color:var(--color-text);letter-spacing:-.02em;flex-shrink:0;align-items:center;gap:.45rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.brand-dot{color:var(--color-brand)}.nav-right{align-items:center;gap:var(--space-2);display:flex;position:relative}.nav-btn-action,.profile-trigger-btn,.menu-item-row,.logout-btn{min-height:var(--control-height)}.nav-btn-action{background:var(--color-surface-sunken);color:var(--color-text);border:1px solid var(--color-border);white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.nav-btn-action[aria-current=page]{border-color:var(--color-brand);box-shadow:inset 0 -3px 0 var(--color-brand)}.panel-link-btn[aria-current=page]{box-shadow:inset 0 -3px 0 var(--color-on-primary)}.nav-btn-action:hover{border-color:var(--color-border-control);background:var(--color-surface)}.panel-link-btn{background:var(--color-brand);color:var(--color-on-primary);border-color:var(--color-brand);font-weight:700}.panel-link-btn:hover{background:var(--color-brand-hover);color:var(--color-on-primary);border-color:var(--color-brand-hover)}.nav-btn-signin{color:var(--color-text);border-color:var(--color-border);background:var(--color-surface);font-weight:700;box-shadow:0 2px 8px #0000000a}.nav-btn-signin:hover{border-color:var(--color-brand);color:var(--color-brand)}.nav-profile-wrap{align-items:center;display:flex;position:relative}.profile-trigger-btn{background:var(--color-surface-sunken);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .75rem .35rem .45rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.profile-trigger-btn:hover,.profile-trigger-btn.active{border-color:var(--color-brand);background:var(--color-surface)}.quick-icon-btn,.quick-lang-btn{background:var(--color-surface-sunken);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;height:2.15rem;padding:0 .65rem;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.quick-icon-btn{width:2.15rem;padding:0;font-size:.95rem}.quick-icon-btn:hover,.quick-lang-btn:hover{background:var(--color-surface);border-color:var(--color-brand)}.profile-dropdown-menu.right-aligned{left:auto;right:0}.profile-dropdown-menu.left-aligned{left:0;right:auto}.view-profile-link{background:var(--color-surface-brand);color:var(--color-brand);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:.35rem;padding:.55rem .75rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:opacity .15s;display:flex}.view-profile-link:hover{opacity:.9}.profile-icon{background:var(--color-brand);width:28px;height:28px;color:var(--color-on-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.caret-icon{color:var(--color-text-muted);transition:transform .2s}.caret-icon.open{transform:rotate(180deg)}.profile-dropdown-menu,.panel-profile-dropdown{background:var(--color-surface);border:1px solid var(--color-border);z-index:2000;border-radius:14px;width:240px;padding:.65rem;animation:.18s cubic-bezier(.16,1,.3,1) dropdown-pop;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 14px 36px #0000001f}@keyframes dropdown-pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-user-card{padding:.35rem .45rem .5rem}.user-info{overflow:hidden}.user-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.15rem;font-size:.7rem;font-weight:600;display:block}.user-email-text{font-size:var(--font-size-md);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:700;display:block;overflow:hidden}.menu-divider{background:var(--color-border);height:1px;margin:.4rem 0}.menu-items-list{flex-direction:column;gap:.15rem;display:flex}.menu-item-row{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-md);color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.menu-item-row:hover{background:var(--color-surface-sunken)}.item-label{flex:1}.item-hint{color:var(--color-text-muted);font-size:.82rem;font-weight:600;transition:transform .15s,color .15s}.menu-item-row:hover .item-hint{color:var(--color-brand);transform:translate(2px)}.item-badge{background:var(--color-surface-sunken);border:1px solid var(--color-border);color:var(--color-brand);border-radius:999px;padding:.1rem .45rem;font-size:.72rem;font-weight:800}.switch-pill{background:var(--color-border);border-radius:999px;width:36px;height:20px;transition:background-color .2s;position:relative}.switch-pill.on{background:var(--color-brand)}.switch-knob{background:var(--color-surface);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.switch-pill.on .switch-knob{transform:translate(16px)}.lang-pill{color:var(--color-brand);background:var(--color-surface-brand);border-radius:999px;padding:.15rem .45rem;font-size:.75rem;font-weight:700}.menu-footer-action{padding-top:.25rem}.logout-btn,.login-menu-btn{cursor:pointer;width:100%;color:var(--color-text-muted);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:.55rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.logout-btn:hover{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger-icon) 8%, transparent);border-color:#ef444433}.login-menu-btn{background:var(--color-brand);color:var(--color-on-primary);border:0}@media (max-width:640px){.header-inner{gap:var(--space-2);padding:var(--space-3);flex-wrap:wrap}.brand-logo{font-size:1.15rem}.nav-btn-action{padding:.5rem .75rem;font-size:.82rem}.profile-trigger-btn{padding:.35rem .65rem .35rem .4rem;font-size:.82rem}.profile-text{display:none}.nav-right{margin-left:auto}.profile-dropdown-menu{width:min(280px,100vw - 24px);max-height:calc(100dvh - 140px);overflow-y:auto}}.profile-publish-notice{max-width:var(--container-full);padding:1rem var(--page-gutter);color:var(--color-text-muted);line-height:var(--line-height-body);margin:1rem auto}.profile-publish-notice button{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);min-height:44px;color:var(--color-danger);cursor:pointer;padding:.5rem 1rem}.global-storage-error{color:var(--color-danger);background:var(--color-danger-bg);margin:0;padding:.75rem 1rem}.global-header-nav{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none}.global-header-nav .nav-btn-action{border-radius:var(--radius-sm);box-shadow:none;background:0 0;border:0}.global-header-nav .nav-btn-action[aria-current=page]{background:var(--color-surface-brand);color:var(--color-brand);box-shadow:inset 0 -2px var(--color-brand)}.global-header-nav .nav-btn-action:hover{background:var(--color-surface-sunken);transform:none}.global-header-nav .nav-btn-signup{background:var(--color-brand);color:var(--color-on-primary)}.global-header-nav .profile-trigger-btn{border-radius:var(--radius-sm);box-shadow:none}.global-header-nav .profile-dropdown-menu{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background:var(--color-surface)}.nav-icon{flex-shrink:0;width:18px;height:18px}.app-button{min-height:var(--control-height);justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:.65rem 1rem;font-weight:650;display:inline-flex}.app-button.primary{background:var(--color-brand);color:var(--color-on-primary);border-color:var(--color-brand)}.app-button:hover{filter:brightness(.96)}.ui-empty{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.ui-empty h2,.ui-empty h3{color:var(--color-text)}@media (max-width:640px){.global-header-nav .header-inner{padding:.65rem 1rem}.global-header-nav .nav-right>.nav-btn-action:not(.nav-btn-signin):not(.nav-btn-signup){display:none}.global-header-nav .nav-right{gap:.25rem}.global-header-nav .nav-btn-action{padding-inline:.65rem}}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.modal-card-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;width:100%;max-width:560px;overflow:hidden;box-shadow:0 24px 60px #0006}.modal-dialog-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;display:flex}.modal-dialog-header h3{color:var(--color-text);margin:.15rem 0 0;font-size:1.35rem;font-weight:800}.modal-close-btn{background:var(--color-surface-sunken);border:1px solid var(--color-border);cursor:pointer;width:36px;height:36px;color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;display:flex}.new-msg-form{flex-direction:column;gap:1.15rem;padding:1.75rem;display:flex}.form-field-group{flex-direction:column;gap:.4rem;display:flex}.form-field-group label{color:var(--color-text);font-size:.82rem;font-weight:700}.form-two-col-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.dialog-input,.dialog-textarea{background:var(--color-surface-sunken);border:1px solid var(--color-border);color:var(--color-text);border-radius:12px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.88rem}.dialog-input:focus,.dialog-textarea:focus{border-color:var(--color-brand)}.form-dialog-actions{gap:.75rem;margin-top:.5rem;display:flex}.submit-dialog-btn{background:var(--color-brand);color:var(--color-text-inverse);cursor:pointer;border:none;border-radius:12px;flex:1;padding:.85rem 1.25rem;font-size:.9rem;font-weight:700}.cancel-dialog-btn{background:var(--color-surface-sunken);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;border-radius:12px;padding:.85rem 1.25rem;font-size:.9rem;font-weight:700}@media (max-width:640px){.form-two-col-grid{grid-template-columns:1fr}}}@layer chrome;@layer pages{body :is(.dialog-card,.modal-card-dialog,.public-modal-card){overscroll-behavior:contain;border-radius:var(--radius-lg);background:var(--color-surface);max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-lg);overflow-y:auto}body :is(.dialog-input,.dialog-textarea,.drawer-input,.drawer-select,.drawer-textarea){background:var(--color-surface);color:var(--color-text);border-color:var(--color-border);border-radius:var(--radius-sm);min-height:44px;font-size:1rem}body :is(.modal-close,.modal-close-btn,.public-modal-close){min-width:44px;min-height:44px}body :is(.profile-toast,.public-toast-notification){background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}body :is(.modal-overlay,.dialog-overlay,.public-modal-overlay,.auth-modal-overlay,.share-modal-overlay){z-index:3000;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f191466;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}body :is(.modal-card-dialog,.dialog-card,.public-modal-card,.auth-modal-card){background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-lg);overflow-y:auto}body :is(.modal-close-btn,.modal-close,.public-modal-close,.auth-modal-close-btn){flex-shrink:0;min-width:44px;min-height:44px}@media (max-width:640px){body :is(.modal-overlay,.dialog-overlay,.public-modal-overlay,.auth-modal-overlay,.share-modal-overlay){align-items:flex-end;padding:0}body :is(.modal-card-dialog,.dialog-card,.public-modal-card,.auth-modal-card){border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:100%;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom)}}@media (max-width:767px){body :is(.dialog-card,.modal-card-dialog,.public-modal-card){overflow-wrap:anywhere}}@media (max-width:1279px){body:has(.map-page,.chat-page-root,.ai-studio-root) .operations-support-link{display:none}}@media (max-width:767px){body:has(.community-page-root,.stitch-main-profile-root) .operations-support-link{box-shadow:none;margin:16px auto;display:table;position:static}}body .modal-card-dialog{max-width:560px}body .submit-dialog-btn{color:var(--color-on-primary);min-height:44px}@media (max-width:767px){body input:not([type=checkbox]):not([type=radio]),body select,body textarea{min-width:0;max-width:100%;font-size:16px}}}@layer primitives;
@layer tokens,base;@layer legacy{.auth{max-width:var(--content-form);padding:3.5rem var(--page-gutter) 5rem;flex-direction:column;justify-content:center;min-height:100vh;margin:0 auto;display:flex}.auth .brand{color:var(--color-text);letter-spacing:-.02em;align-items:center;gap:.4rem;margin-bottom:2rem;font-size:1.35rem;font-weight:800;text-decoration:none;display:inline-flex}.auth .brand span{color:var(--color-brand)}.auth section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.25rem 2rem;transition:background-color .25s,border-color .25s;box-shadow:0 4px 24px #0000000a}.auth .eyebrow{color:var(--color-brand);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:700}.auth h1{font-size:clamp(1.6rem,4vw,1.85rem);line-height:var(--line-height-heading);color:var(--color-text);letter-spacing:-.02em;margin:0 0 1.25rem;font-weight:800}.auth form{gap:var(--space-4);display:grid}.auth label{font-size:var(--font-size-md);color:var(--color-text);gap:.4rem;font-weight:600;display:grid}.auth input{border:1px solid var(--color-border);background:var(--color-surface-sunken);color:var(--color-text);border-radius:var(--radius-md);font-size:var(--font-size-base);padding:.75rem 1rem;transition:border-color .2s,background-color .2s}.auth input:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:3px}.auth button,.auth input:not([type=checkbox]):not([type=radio]),.signup-callout .primary{min-height:var(--control-height)}.auth input:focus{border-color:var(--color-brand);background:var(--color-surface)}.auth small{color:var(--color-text-muted);font-size:.8rem;font-weight:400}.auth button.primary{background:var(--color-brand);color:var(--color-on-primary);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;border:0;width:100%;padding:.85rem 1.25rem;font-weight:700;transition:opacity .2s,transform .15s}.auth button.primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.auth button.primary:disabled{opacity:.6;cursor:not-allowed}.auth .error{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-md);margin:1rem 0 0;padding:.75rem 1rem;font-weight:600}.fineprint{color:var(--color-text-muted);text-align:center;font-size:.8rem;line-height:1.4}.phone-card{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;gap:.3rem;margin:1rem 0 1.25rem;padding:1rem;display:grid}.phone-card span{color:var(--color-text-muted);font-size:.8rem}.phone-card strong{color:var(--color-text);font-size:1.05rem}.sms-icon{text-align:center;margin-bottom:.5rem;font-size:2.2rem}@media (max-width:640px){.auth{padding:2rem 1rem 3rem}.auth section{border-radius:var(--radius-md);padding:1.5rem 1.15rem}.auth h1{margin-bottom:1rem;font-size:1.6rem}.auth input{padding:.85rem 1rem;font-size:16px}.auth button.primary{padding:.9rem;font-size:1rem}}.google-auth-wrapper{width:100%;margin-bottom:.5rem}.google-auth-btn{background:var(--color-surface);color:#1f2937;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:.75rem;width:100%;min-height:48px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 3px #00000014}.google-auth-btn:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-neutral-400);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.google-auth-btn:active:not(:disabled){transform:translateY(0)}.google-auth-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex}.google-btn-text{font-weight:600}.google-gis-container{justify-content:center;align-items:center;width:100%;min-height:44px;display:flex}}@layer chrome,pages,primitives;
.custom-route-pin{transition:transform .2s;position:relative}.custom-route-pin.is-visited .route-pin-wrapper{opacity:.82}.custom-route-pin.is-visited .route-pin-body{background:var(--color-accent)!important}.stitch-leaflet-marker-wrap{background:0 0!important;border:none!important}