/* Desktop rollout, step 1. No mobile geometry or business rules are changed. */
.desktop-shell-nav{display:none}
@media(min-width:1024px){
 body.app-shell,body.desktop-standalone{--desktop-nav-width:226px;--desktop-panel:#fff;--desktop-text:#172438;--desktop-muted:#66768b;--desktop-border:#e2e8f0;--desktop-bg:#f5f7fb;--desktop-soft:#edf2f8;background:var(--desktop-bg)!important;padding-bottom:0!important}
 html[data-theme="dark"] body:is(.app-shell,.desktop-standalone){--desktop-panel:#151e29;--desktop-text:#eef3fa;--desktop-muted:#a4b2c5;--desktop-border:#2b3747;--desktop-bg:#0b1017;--desktop-soft:#202d3e}
 body:is(.app-shell,.desktop-standalone)>.desktop-shell-nav{display:flex;position:fixed;inset:0 auto 0 0;width:var(--desktop-nav-width);padding:26px 18px;background:var(--desktop-panel);border-right:1px solid var(--desktop-border);color:var(--desktop-text);z-index:30;flex-direction:column;gap:22px;overflow-y:auto}
 .desktop-shell-brand{font:750 25px/1.2 system-ui,sans-serif;letter-spacing:-1px;color:var(--desktop-text);text-decoration:none;white-space:nowrap}.desktop-shell-brand span{color:#fa0088}
 .desktop-shell-nav nav,.desktop-shell-secondary{display:grid;gap:5px}.desktop-shell-secondary{padding-top:16px;border-top:1px solid var(--desktop-border)}
 .desktop-shell-nav :is(nav,.desktop-shell-secondary,footer)>a{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:12px;color:var(--desktop-muted);font:500 14px/1.4 system-ui,sans-serif;text-decoration:none}
 .desktop-shell-nav a>svg{width:22px;height:22px;flex-shrink:0}.desktop-shell-nav a>b{margin-left:auto;background:#fa0088;color:#fff;padding:2px 6px;border-radius:20px;font-size:11px}.desktop-shell-nav nav>a[aria-current=page]{color:#fa0088;background:color-mix(in srgb,#fa0088 9%,var(--desktop-panel));font-weight:650}
 .desktop-shell-nav :is(nav,.desktop-shell-secondary,footer)>a:hover{background:var(--desktop-soft)}.desktop-shell-create{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 8px;border-radius:12px;background:#fa0088;color:#fff!important;text-decoration:none;font:650 14px/1.4 system-ui,sans-serif}.desktop-shell-nav footer{margin-top:auto;border-top:1px solid var(--desktop-border);padding-top:12px}
 body.app-shell>.app-header{left:auto!important;right:0!important;width:calc(100% - var(--desktop-nav-width))!important;margin-left:var(--desktop-nav-width)!important;max-width:none!important;border-bottom:1px solid var(--desktop-border);background:var(--desktop-panel)!important;padding-left:30px!important;padding-right:30px!important}
 body.app-shell>.app-shell__content{width:calc(100% - var(--desktop-nav-width) - 64px)!important;max-width:1120px!important;margin-left:calc(var(--desktop-nav-width) + 32px)!important;margin-right:32px!important;padding:28px 0 40px!important;background:transparent!important;min-height:0;box-shadow:none!important}
 body.app-shell>.app-bottom-nav{display:none!important}
 body.app-shell .app-fab-wrap{right:28px;bottom:28px}
 body.app-shell :is(.app-search,.app-create-menu){max-width:620px}
 body.app-shell :is(dialog,.app-header__dropdown){color:var(--desktop-text)}
 body.app-shell.app-shell--discover{overflow:auto!important}
 body.app-shell.app-shell--discover>.app-shell__content{padding-top:20px!important}
 .desktop-shell-nav a:focus-visible{outline:2px solid #fa0088;outline-offset:3px}
}