.mnu-portal{background:#f6fbfa;justify-content:center;padding:56px 32px 72px;display:flex}.mnu-portal__frame{border-radius:var(--pat-radius-lg);background:#fff;border:1px solid #123b361a;width:100%;max-width:640px;display:flex;overflow:hidden;box-shadow:0 24px 56px #123b3614}.mnu-portal__side{border-right:1px solid #123b3614;flex-shrink:0;width:220px;padding:20px 14px}.mnu-portal__brand{color:#123b36;padding:0 10px 16px;font-size:.92rem;font-weight:750}.mnu-portal .ds-menu{background:0 0;border:none;padding:0}.mnu-portal .ds-menu__item--active .ds-menu__link{color:#0f766e;background:#0f766e1a}.mnu-portal .ds-menu__link:hover{background:#0f766e0f}.mnu-portal__main{color:#6b8b86;text-align:center;flex:1;justify-content:center;align-items:center;padding:32px;font-size:.88rem;display:flex}.mnu-settings{background:#111827;justify-content:center;padding:64px 32px 80px;display:flex}.mnu-settings__frame{width:100%;max-width:340px}.mnu-settings__title{letter-spacing:.12em;text-transform:uppercase;color:#fff6;padding:0 4px 14px;font-size:.78rem;font-weight:700}.mnu-settings .ds-menu{background:#ffffff08;border-color:#ffffff1a}.mnu-settings .ds-menu__link{color:#ffffffbf}.mnu-settings .ds-menu__link:hover{background:#ffffff0f}.mnu-settings .ds-menu__item--active .ds-menu__link{color:#38bdf8;background:#38bdf824}.mnu-settings .ds-menu__item--disabled .ds-menu__link{color:#ffffff4d}.mnu-settings .ds-menu__separator{background:#ffffff1a}.mnu-settings__hint{color:#ffffff4d;margin-top:12px;padding:0 4px;font-size:.76rem}.mnu-docs{background:#fbfbfa;justify-content:center;padding:56px 32px 72px;display:flex}.mnu-docs__frame{width:100%;max-width:640px}.mnu-docs__crumb{font-family:var(--pat-mono);color:var(--pat-soft);margin-bottom:14px;font-size:.78rem}.mnu-docs .ds-menu{padding:.35rem}.mnu-docs .ds-menu__link{padding:.6rem .95rem;font-size:.88rem;font-weight:600}.mnu-docs .ds-menu__item--active .ds-menu__link{background:var(--pat-ink);color:#fff}.mnu-docs__panel{border:1px solid var(--pat-line);border-radius:0 0 var(--pat-radius-lg) var(--pat-radius-lg);background:#fff;border-top:none;margin-top:1px;padding:26px 24px}.mnu-docs__panel h3{color:var(--pat-ink);margin:0 0 8px;font-size:1rem;font-weight:700}.mnu-docs__panel p{color:var(--pat-soft);margin:0;font-size:.88rem;line-height:1.6}.mnu-context{background:radial-gradient(50% 50% at 50% 0,#0f172a0d,#0000 65%),#f1f5f9;justify-content:center;padding:64px 32px 88px;display:flex}.mnu-context__stage{width:100%;max-width:520px;position:relative}.mnu-context__card{border:1px solid var(--pat-line);border-radius:var(--pat-radius-md);box-shadow:var(--pat-shadow-md);background:#fff;align-items:center;gap:14px;padding:16px 18px;display:flex}.mnu-context__icon{border-radius:var(--pat-radius-sm);background:#2563eb1a;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.mnu-context__name{color:var(--pat-ink);font-size:.9rem;font-weight:650}.mnu-context__meta{color:var(--pat-soft);margin-top:2px;font-size:.78rem}.mnu-context__popover{z-index:2;width:200px;position:absolute;top:calc(100% + 8px);right:12px}.mnu-context .ds-menu{box-shadow:var(--pat-shadow-lg)}.mnu-context .ds-menu__link{font-size:.86rem}.mnu-context .ds-menu__item:last-child .ds-menu__link{color:#dc2626}.mnu-context .ds-menu__item:last-child .ds-menu__link:hover{background:#dc262614}.mnu-tabbar{background:#fafaf9;justify-content:center;padding:56px 32px 72px;display:flex}.mnu-tabbar__phone{border:1px solid var(--pat-line);width:100%;max-width:320px;box-shadow:var(--pat-shadow-lg);background:#fff;border-radius:24px;overflow:hidden}.mnu-tabbar__screen{height:180px;color:var(--pat-soft);background:radial-gradient(60% 60% at 50% 30%,#2563eb0f,#0000 70%);justify-content:center;align-items:center;font-size:.82rem;display:flex}.mnu-tabbar .ds-menu{border:none;border-top:1px solid var(--pat-line);border-radius:0;padding:6px 4px}.mnu-tabbar .ds-menu__item{flex:1}.mnu-tabbar .ds-menu__link{text-align:center;border-radius:.6rem;flex-direction:column;gap:2px;padding:.5rem .25rem;font-size:.68rem}.mnu-tabbar .ds-menu__icon{width:auto;height:auto;font-size:1.15rem}.mnu-tabbar .ds-menu__item--active .ds-menu__link{color:#2563eb;background:0 0}@media (width<=720px){.mnu-portal{padding:36px 16px 48px}.mnu-portal__frame{flex-direction:column}.mnu-portal__side{border-bottom:1px solid #123b3614;border-right:none;width:auto}.mnu-portal .ds-menu{flex-flow:wrap}.mnu-settings{padding:44px 16px 56px}.mnu-docs{padding:36px 16px 48px}.mnu-docs .ds-menu{flex-wrap:wrap}.mnu-context{padding:44px 16px 64px}.mnu-context__popover{width:auto;left:0;right:0}.mnu-tabbar{padding:36px 16px 48px}}.ds-menu{background:var(--ds-surface,#fff);border:1px solid var(--ds-border-color,#e5e7eb);border-radius:var(--ds-radius-lg,12px);flex-direction:column;width:100%;margin:0;padding:.5rem;list-style:none;display:flex}.ds-menu--horizontal{flex-flow:wrap}.ds-menu__item{display:block}.ds-menu__separator{background:var(--ds-border-color,#e5e7eb);height:1px;margin:.5rem 0}.ds-menu__link{width:100%;color:var(--ds-text,#0f172a);border-radius:.625rem;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:background .2s,color .2s;display:flex}.ds-menu__link:hover{background:var(--ds-surface-hover,#f8fafc)}.ds-menu__item--active .ds-menu__link{background:var(--ds-primary-light,#eff6ff);color:var(--ds-primary,#2563eb);font-weight:600}.ds-menu__item--disabled{opacity:.5;pointer-events:none}.ds-menu__icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.ds-menu__label{flex:1}