.app-shell{max-width:var(--layout-max);padding:0 var(--space-6);margin:0 auto}.app-header{align-items:center;gap:var(--space-6);margin-top:var(--space-5);padding-bottom:var(--space-4);display:flex;position:relative}.app-header:after{content:"";background:linear-gradient(90deg, var(--brand), transparent 72%);opacity:.85;height:1px;position:absolute;bottom:0;left:0;right:0}.app-header__left{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.app-brand{border-radius:var(--radius-sm);width:min(144px,100%);text-decoration:none;display:block}.app-header__nav{flex:none}.app-header__account{justify-content:flex-end;align-items:center;gap:var(--space-2);flex:1;display:flex}.app-login{padding:var(--space-3) var(--space-6);font-weight:600;font-size:var(--text-base);color:var(--muted);align-items:center;text-decoration:none;display:inline-flex}.app-main{padding:var(--space-7) 0}@media (width<=840px){.app-header{gap:var(--space-4)}}@media (width<=760px){.app-shell{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}}@media (width<=600px){.app-header{gap:var(--space-4);flex-wrap:nowrap}.app-header__nav{flex:none;width:auto;min-width:0}}.membership-badge{max-width:240px;min-height:26px;font-size:var(--text-xs);letter-spacing:.02em;text-transform:none;text-overflow:ellipsis;white-space:nowrap;cursor:help;border-radius:999px;align-items:center;padding:2px 10px;font-weight:700;display:inline-flex;overflow:hidden}.membership-badge__tooltip{gap:3px;max-width:260px;display:grid}.membership-badge__tooltip strong{color:var(--text)}.membership-badge__tooltip span{color:var(--muted)}@media (width<=720px){.membership-badge{max-width:150px}}