.mobile-navigation-open{overflow:hidden}
.mobile-navigation{position:fixed;inset:0 0 0 auto;margin:0;width:min(420px,calc(100% - 28px));height:100vh;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:22px 0 0 22px;background:var(--ui-field);color:var(--ink);box-shadow:-16px 0 60px #282b2826;overflow:hidden}
.mobile-navigation[open]{display:flex;flex-direction:column;animation:mobile-navigation-enter .24s ease-out}
.mobile-navigation::backdrop{background:#282b286b;backdrop-filter:blur(3px)}
.mobile-navigation-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 24px 21px;padding-top:max(26px,env(safe-area-inset-top));border-bottom:1px solid var(--line);flex:none}
.mobile-navigation-heading p{font-size:10px;letter-spacing:1.7px;font-weight:650;margin-bottom:5px}
.mobile-navigation-heading p span{color:var(--ui-muted)}
.mobile-navigation-heading h2{font-size:29px;line-height:1.2;letter-spacing:-.8px}
.mobile-navigation-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:50%;background:var(--ui-field);color:var(--ink)}
.mobile-navigation-close:hover{background:var(--ui-selected)}
.mobile-navigation-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:21px 24px max(22px,env(safe-area-inset-bottom))}
.mobile-navigation-location{display:flex;align-items:center;gap:7px;color:var(--ui-muted);font-size:12px;margin-bottom:18px}
.mobile-navigation-location svg{width:16px;height:16px}
.mobile-navigation nav{display:grid}
.mobile-navigation nav>a{display:flex;align-items:center;gap:12px;min-height:80px;padding:15px 0;border-bottom:1px solid var(--ui-selected)}
.mobile-navigation nav>a:last-child{border-bottom:0}
.mobile-navigation nav>a:hover{background:var(--ui-field)}
.mobile-navigation-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:14px;background:var(--ui-field);color:var(--ui-ink)}
.mobile-navigation-icon svg{width:23px;height:23px}
.mobile-navigation-copy{flex:1;min-width:0}
.mobile-navigation-copy strong{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:550;line-height:1.35;letter-spacing:-.35px}
.mobile-navigation-copy small{display:block;font-size:11px;color:#77786f;margin-top:4px;line-height:1.45}
.mobile-navigation-chevron{color:var(--ui-muted);font-size:24px;font-weight:400}
.mobile-navigation-count{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:8px;background:var(--lime);font-size:11px;letter-spacing:0}
.mobile-navigation-selection{display:block;margin:25px 0 0;padding:22px;border:1px solid var(--ui-line);border-radius:18px;background:linear-gradient(130deg,var(--ui-selected),var(--ui-line));color:var(--ui-deep)}
.mobile-navigation-selection-label{display:block;font-size:9px;letter-spacing:1.25px;font-weight:550;margin-bottom:12px}
.mobile-navigation-selection>strong{display:block;font-size:27px;line-height:1.12;letter-spacing:-.8px;font-weight:550}
.mobile-navigation-selection-description{display:block;font-size:12px;line-height:1.6;margin-top:12px;max-width:270px;color:var(--ui-ink)}
.mobile-navigation-selection-action{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid color-mix(in srgb, var(--ui-deep) 12.94%, transparent);margin-top:19px;padding-top:15px;font-size:13px;font-weight:600}
.mobile-navigation-selection-action svg{width:20px;height:20px}
.mobile-navigation-note{margin-top:auto;padding-top:26px;font-size:10px;color:#77786f;text-align:center}
@keyframes mobile-navigation-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:760px){.header-row>.mobile-menu{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:40px;height:44px;padding:0;border:0;background:transparent;color:var(--ink)}.header-row>.mobile-menu span{width:23px;height:1.5px;background:currentColor}}
@media(max-width:360px){.mobile-navigation-heading{padding-left:18px;padding-right:18px}.mobile-navigation-body{padding-left:18px;padding-right:18px}.mobile-navigation nav>a{gap:10px}.mobile-navigation-copy strong{font-size:16px}.mobile-navigation-copy small{font-size:10px}.mobile-navigation-selection{padding:18px}}
@media(prefers-reduced-motion:reduce){.mobile-navigation[open]{animation:none}}