.header-surface-backdrop .header-surface.hub-menu-panel{border:1px solid var(--app-border);border-radius:var(--app-radius-card-xl);background:var(--app-panel);width:min(560px,100%);max-width:100%;min-height:0;max-height:90dvh;color:var(--app-text);flex-direction:column;padding:0;display:flex;position:relative;inset:auto;overflow:hidden}.header-surface .header-surface-heading{justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 28px}.header-surface-heading h2{font-size:calc(24px * var(--type-scale,1));overflow-wrap:anywhere;line-height:1.2}.header-surface-subtitle{color:var(--app-muted);font-size:var(--type-ui);margin-top:8px;line-height:1.5}.header-surface-body{overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding:28px;overflow-y:auto}.header-surface-body>*+*,.header-surface .header-menu-section+.header-menu-section{margin-top:20px}.header-surface .header-menu-section{background:var(--app-surface-2);border:1px solid var(--app-border);border-radius:var(--app-radius-card-md);padding:20px}.header-surface :is(.setup-label,.header-menu-section-label){color:var(--app-muted);font-size:var(--type-kicker);letter-spacing:.14em;font-weight:900;line-height:1.5}.header-surface p{line-height:1.5}.header-surface button{white-space:normal;overflow-wrap:anywhere;min-height:44px}.header-surface .header-menu-action{font-size:var(--type-ui);padding:12px 14px;line-height:1.5}.header-surface :is(.setup-cta-btn,.app-btn-ghost,.app-btn-outline):not(.header-menu-close){border-radius:var(--app-radius-card-md);font-size:var(--type-ui)}.header-surface .header-menu-action--danger{color:var(--app-text);border-color:color-mix(in srgb, #ef4444 55%, var(--app-border))}.header-surface .account-danger-section{border-color:color-mix(in srgb, #ef4444 35%, var(--app-border))}.header-surface :is(button,input,select,a):focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}.header-surface .mobile-header-links{gap:8px;display:grid}.header-surface .mobile-header-links .header-menu-action{text-align:left;font-size:var(--type-ui);justify-content:flex-start;gap:12px}.header-surface .mobile-header-link-icon{flex-shrink:0;width:24px}.header-surface .mobile-header-music{border-top:1px solid var(--app-border);font-size:var(--type-ui);justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;display:flex}@media (width<=639px){.header-surface-backdrop.settings-backdrop{padding:10px}.header-surface-backdrop .header-surface.hub-menu-panel{width:100%;max-height:calc(100dvh - 20px)}.header-surface .header-surface-heading,.header-surface-body{padding:18px}.header-surface .header-menu-section{padding:16px}}.header-surface .account-setup-choice{padding:20px}.header-surface .account-path-grid{gap:12px;display:grid}@media (width>=640px){.header-surface .account-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.header-surface .account-path-card{text-align:left;border:1px solid var(--app-border);border-radius:var(--app-radius-card-md);background:var(--app-panel);color:var(--app-text);flex-direction:column;align-items:stretch;gap:6px;padding:16px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.header-surface .account-path-card:hover:not(:disabled){border-color:var(--app-accent);box-shadow:0 10px 24px -18px var(--app-accent);transform:translateY(-2px)}.header-surface .account-path-card:disabled{opacity:.4}.header-surface .account-path-cta{color:var(--app-accent);font-size:var(--type-ui-md);margin-top:auto;padding-top:10px;font-weight:900}.header-surface .account-path-card:disabled .account-path-cta{color:var(--app-muted);font-weight:700}.header-surface .account-path-card[data-tone=cloud]{border-color:color-mix(in srgb, var(--app-accent) 45%, var(--app-border))}.header-surface .account-path-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.header-surface .account-path-icon{font-size:calc(26px * var(--type-scale,1));line-height:1}.header-surface .account-path-badge{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--app-accent) 18%, transparent);color:var(--app-accent);font-size:var(--type-kicker);letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;font-weight:900}.header-surface .account-path-title{font-size:var(--type-body);font-weight:900;line-height:1.25}.header-surface .account-path-hook{color:var(--app-muted);font-size:var(--type-ui);line-height:1.35}.header-surface .account-path-list{gap:4px;margin-top:8px;padding:0;list-style:none;display:grid}.header-surface .account-path-list li{font-size:var(--type-ui);grid-template-columns:14px 1fr;align-items:start;gap:6px;line-height:1.35;display:grid}.header-surface .account-path-list li>span{text-align:center;font-weight:900}.header-surface .account-path-list li[data-kind=pro]>span{color:var(--app-accent)}.header-surface .account-path-list li[data-kind=con]{color:var(--app-muted)}.header-surface .account-signin-link{border-top:1px dashed var(--app-border);border-radius:0;margin-top:14px;padding-top:14px}.header-surface .account-icon-row{text-align:left;justify-content:flex-start;gap:12px;padding:12px 14px}.header-surface .account-icon-copy{flex:1;gap:2px;min-width:0;display:grid}.header-surface .account-icon-copy>strong{color:var(--app-text);font-size:var(--type-ui-md);font-weight:900;line-height:1.3}.header-surface .account-icon-copy>span{color:var(--app-muted);font-size:var(--type-ui);font-weight:600;line-height:1.35}.header-surface .account-icon-go{color:var(--app-muted);flex-shrink:0;font-weight:900}