.menu-root{position:relative;isolation:isolate;--menu-nav-icon-size:var(--modal-mark-size);--menu-nav-icon-size-sm:var(--space-9);--menu-avatar-size:var(--space-12);--menu-avatar-size-sm:var(--space-11);--menu-hairline:calc(var(--space-1) / 2);--studio-atmosphere-veil:rgba(var(--atmosphere-graphite-deep-rgb),var(--opacity-32));--studio-atmosphere-ray-dim:rgba(var(--atmosphere-graphite-deep-rgb),var(--opacity-64));--studio-atmosphere-foliage-dim:rgba(var(--atmosphere-graphite-deep-rgb),var(--opacity-48))}.menu-page{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;overflow:hidden;color:var(--modal-text-primary);padding-top:var(--mobile-safe-area-top);padding-right:var(--mobile-safe-area-right);padding-left:var(--mobile-safe-area-left)}.menu-header{position:relative;z-index:1;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--modal-divider)}.menu-header-actions{display:flex;align-items:center;gap:var(--space-2)}.menu-back-btn{display:flex;align-items:center;justify-content:center;width:var(--tap-target-min);height:var(--tap-target-min);border:1px solid var(--modal-border);border-radius:var(--modal-close-radius);background:var(--modal-surface);color:var(--modal-text-secondary);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);-webkit-tap-highlight-color:transparent}@media (hover:hover){.menu-back-btn:hover{border-color:var(--modal-border-hover);color:var(--modal-text-primary)}}.menu-back-btn:active{transform:scale(.95)}.menu-back-btn:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:var(--focus-ring-offset)}.menu-title{margin:0;color:var(--modal-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-snug)}.menu-content{position:relative;flex:1;overflow-x:hidden;overflow-y:auto;padding:var(--space-5) var(--space-4);padding-bottom:calc(var(--content-bottom-offset, 0px) + var(--space-5));overscroll-behavior:contain}.menu-content::-webkit-scrollbar{width:var(--space-1)}.menu-content::-webkit-scrollbar-track{background:transparent}.menu-content::-webkit-scrollbar-thumb{border-radius:var(--radius-xs);background:var(--modal-scrollbar)}.menu-balance-card,.menu-guest-card,.menu-loading__panel,.menu-nav-items,.menu-user-section{border:1px solid var(--modal-border);border-radius:var(--modal-radius);background:var(--modal-surface);box-shadow:var(--shadow-lg)}@keyframes menuSectionEnter{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}.menu-user-section{display:flex;align-items:center;gap:var(--space-3-5);margin-bottom:var(--space-4);padding:var(--space-4);animation:menuSectionEnter var(--transition-slow) backwards;animation-delay:.05s}.menu-user-avatar{flex-shrink:0;width:var(--menu-avatar-size);height:var(--menu-avatar-size);border:1px solid var(--modal-item-border)}.menu-user-avatar,.menu-user-avatar-inner{overflow:hidden;border-radius:var(--radius-circle)}.menu-user-avatar-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--modal-item-lead-bg)}.menu-user-avatar-inner img{width:100%;height:100%;object-fit:cover}.menu-user-avatar-icon{color:var(--modal-text-muted)}.menu-user-info{flex:1;min-width:0}.menu-user-name{margin:0 0 var(--menu-hairline);color:var(--modal-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold)}.menu-user-email,.menu-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-user-email{margin:0;color:var(--modal-text-muted);font-size:var(--text-ms)}.menu-balance-card{display:block;margin-bottom:var(--space-6);padding:var(--space-5);text-decoration:none;animation:menuSectionEnter var(--transition-slow) backwards;animation-delay:.1s;transition:border-color var(--transition-fast),transform var(--transition-fast);-webkit-tap-highlight-color:transparent}@media (hover:hover){.menu-balance-card:hover{border-color:var(--modal-border-hover)}}.menu-balance-card:active{transform:scale(.98)}.menu-balance-card:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:var(--focus-ring-offset)}.menu-balance-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--modal-text-muted)}.menu-balance-header svg{flex-shrink:0}.menu-balance-label{color:var(--modal-text-muted);font-size:var(--text-ms);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}.menu-balance-amount{margin-bottom:var(--space-3);color:var(--modal-text-primary);font-size:var(--text-h2);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight)}.menu-balance-loading{color:var(--modal-text-faint)}.menu-balance-cta,.menu-guest-cta{display:flex;align-items:center;justify-content:center;gap:var(--space-1-5);min-height:var(--tap-target-min);padding:var(--space-3) var(--space-5);border:1px solid rgba(var(--brand-cyan-rgb),var(--opacity-32));border-radius:var(--modal-item-radius);background:linear-gradient(180deg,rgba(var(--brand-cyan-rgb),var(--opacity-16)),rgba(var(--brand-cyan-rgb),var(--opacity-06))),rgba(var(--brand-cyan-rgb),var(--opacity-04));box-shadow:var(--shadow-sm);color:var(--modal-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:border-color var(--transition-fast)}.menu-balance-cta-arrow,.menu-guest-cta-arrow{transition:transform var(--transition-normal)}@media (hover:hover){.menu-balance-card:hover .menu-balance-cta{border-color:rgba(var(--brand-cyan-rgb),var(--opacity-48))}.menu-balance-card:hover .menu-balance-cta-arrow{transform:translateX(var(--space-1))}}.menu-guest-card{margin-bottom:var(--space-6);padding:var(--space-5);animation:menuSectionEnter var(--transition-slow) backwards;animation-delay:.05s}.menu-guest-head{display:flex;align-items:center;gap:var(--space-3-5);margin-bottom:var(--space-4)}.menu-guest-mark{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--menu-avatar-size);height:var(--menu-avatar-size);border:1px solid var(--modal-item-border);border-radius:var(--radius-circle);background:var(--modal-item-lead-bg);color:var(--modal-text-muted)}.menu-guest-text{flex:1;min-width:0}.menu-guest-title{margin:0 0 var(--space-1);color:var(--modal-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-snug)}.menu-guest-desc{margin:0;color:var(--modal-text-muted);font-size:var(--text-ms);line-height:var(--leading-normal)}.menu-guest-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2-5)}.menu-guest-cta,.menu-guest-secondary{text-decoration:none;-webkit-tap-highlight-color:transparent}.menu-guest-cta,.menu-guest-secondary{transition:border-color var(--transition-fast),transform var(--transition-fast)}.menu-guest-secondary{display:flex;align-items:center;justify-content:center;min-height:var(--tap-target-min);padding:var(--space-3) var(--space-4);border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius);background:var(--modal-item-bg);color:var(--modal-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);text-align:center}@media (hover:hover){.menu-guest-cta:hover{border-color:rgba(var(--brand-cyan-rgb),var(--opacity-48))}.menu-guest-cta:hover .menu-guest-cta-arrow{transform:translateX(var(--space-1))}.menu-guest-secondary:hover{border-color:var(--modal-item-border-hover)}}.menu-guest-cta:active,.menu-guest-secondary:active{transform:scale(.98)}.menu-guest-cta:focus-visible,.menu-guest-secondary:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:var(--focus-ring-offset)}.menu-nav-section{margin-bottom:var(--space-5);animation:menuSectionEnter var(--transition-slow) backwards}.menu-nav-section:nth-child(3){animation-delay:.15s}.menu-nav-section:nth-child(4){animation-delay:.2s}.menu-nav-section:nth-child(5){animation-delay:.25s}.menu-nav-section:nth-child(6){animation-delay:.3s}.menu-nav-section:nth-child(7){animation-delay:.35s}.menu-nav-section-title{margin:0 0 var(--space-2-5) var(--space-1);color:var(--modal-text-secondary);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.menu-nav-items{display:flex;flex-direction:column;overflow:hidden}.menu-nav-item{position:relative;display:flex;align-items:center;gap:var(--space-3-5);padding:var(--space-3-5) var(--space-4);color:var(--modal-text-primary);text-decoration:none;transition:background-color var(--transition-fast);-webkit-tap-highlight-color:transparent}.menu-nav-item:not(:last-child):after{content:"";position:absolute;right:var(--space-4);bottom:0;left:calc(var(--space-4) + var(--menu-nav-icon-size));height:1px;background:var(--modal-divider)}@media (hover:hover){.menu-nav-item:hover{background:var(--modal-item-bg)}}.menu-nav-item:active{background:var(--modal-item-bg)}.menu-nav-item:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:calc(var(--focus-ring-offset) * -1)}.menu-nav-item-icon{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--menu-nav-icon-size);height:var(--menu-nav-icon-size);border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius);background:var(--modal-item-bg);color:var(--modal-text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast)}@media (hover:hover){.menu-nav-item:hover .menu-nav-item-icon{border-color:var(--modal-item-border-hover);color:var(--modal-text-primary)}}.menu-nav-item.highlight .menu-nav-item-icon,.menu-nav-item.highlight:hover .menu-nav-item-icon{border-color:var(--modal-mark-border);background:var(--modal-mark-bg);color:var(--modal-mark-color)}.menu-nav-item-hot,.menu-nav-item-new{position:absolute;top:calc(var(--space-1) * -1);right:calc(var(--space-1) * -1);padding:var(--menu-hairline) var(--space-1);border:1px solid transparent;border-radius:var(--radius-xs);font-size:var(--text-micro);font-weight:var(--font-bold);line-height:var(--leading-none);letter-spacing:var(--tracking-wide);text-transform:uppercase}.menu-nav-item-hot{border-color:var(--modal-border-hover);background:var(--modal-surface);color:var(--modal-text-primary)}.menu-nav-item-new{background:var(--modal-accent);color:var(--text-on-brand)}.menu-nav-item-content{flex:1;min-width:0}.menu-nav-item-label{color:var(--modal-text-soft);font-size:var(--text-md);font-weight:var(--font-medium)}.menu-nav-item-arrow{flex-shrink:0;color:var(--modal-text-faint);transition:color var(--transition-fast),transform var(--transition-fast)}@media (hover:hover){.menu-nav-item:hover .menu-nav-item-arrow{color:var(--modal-text-muted);transform:translateX(var(--space-1))}}.menu-nav-item-badge{position:absolute;top:calc(var(--menu-hairline) * -1);right:calc(var(--menu-hairline) * -1);display:flex;align-items:center;justify-content:center;min-width:var(--space-4-5);height:var(--space-4-5);padding:0 var(--space-1);border-radius:var(--radius-sm);background:rgb(var(--color-like-rgb));color:rgb(var(--white-rgb));font-size:var(--text-xxs);font-weight:var(--font-bold);line-height:var(--leading-none)}.menu-footer-actions{margin-top:var(--space-2);padding-top:var(--space-5);border-top:1px solid var(--modal-divider);animation:menuSectionEnter var(--transition-slow) backwards;animation-delay:.4s}.menu-legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1) var(--space-4);margin-bottom:var(--space-4)}.menu-legal-links a{display:inline-flex;align-items:center;min-height:var(--tap-target-min);color:var(--modal-text-secondary);font-size:var(--text-xs);text-decoration:none}.menu-legal-links a:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:var(--focus-ring-offset)}.menu-logout-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2-5);width:100%;min-height:var(--tap-target-min);padding:var(--space-3-5) var(--space-5);border:1px solid var(--modal-border);border-radius:var(--modal-item-radius);background:var(--modal-surface);color:var(--modal-text-secondary);font-size:var(--text-md);font-weight:var(--font-medium);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);-webkit-tap-highlight-color:transparent}@media (hover:hover){.menu-logout-btn:hover{border-color:var(--modal-border-hover);color:var(--modal-text-primary)}}.menu-logout-btn:active{border-color:var(--modal-border-hover);transform:scale(.98)}.menu-logout-btn:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:var(--focus-ring-offset)}.menu-safe-area-spacer{flex-shrink:0;height:calc(var(--mobile-safe-area-bottom) + var(--space-5))}.menu-loading{min-height:100dvh;padding:calc(var(--chrome-header-inset) + var(--space-4)) var(--space-4) var(--space-5)}.menu-loading__body{display:flex;flex-direction:column;gap:var(--space-4)}.menu-loading__panel{padding:var(--space-4)}.menu-loading__user{display:flex;align-items:center;gap:var(--space-3)}.menu-loading__lines,.menu-loading__list{display:grid;gap:var(--space-2)}@media (max-height:500px) and (orientation:landscape){.menu-root{--menu-nav-icon-size:var(--menu-nav-icon-size-sm);--menu-avatar-size:var(--menu-avatar-size-sm)}.menu-header{padding:var(--space-2) var(--space-4)}.menu-content{padding:var(--space-3) var(--space-4)}.menu-user-section{margin-bottom:var(--space-3);padding:var(--space-3)}.menu-balance-card,.menu-guest-card{margin-bottom:var(--space-4);padding:var(--space-4)}.menu-guest-head{margin-bottom:var(--space-3)}.menu-balance-amount{margin-bottom:var(--space-2);font-size:var(--text-h1)}.menu-nav-section{margin-bottom:var(--space-3)}.menu-nav-item{padding:var(--space-2-5) var(--space-3-5)}}@media (max-width:374px){.menu-root{--menu-nav-icon-size:var(--menu-nav-icon-size-sm)}.menu-content{padding:var(--space-4) var(--space-3)}.menu-nav-item-label{font-size:var(--text-sm)}}@media (prefers-reduced-motion:reduce){.menu-back-btn,.menu-balance-card,.menu-balance-cta,.menu-balance-cta-arrow,.menu-footer-actions,.menu-guest-card,.menu-guest-cta,.menu-guest-cta-arrow,.menu-guest-secondary,.menu-logout-btn,.menu-nav-item,.menu-nav-item-arrow,.menu-nav-item-icon,.menu-nav-section,.menu-user-section{animation:none;transition:none}}@media (min-width:768px){.menu-loading,.menu-page{display:none}}