/* Signed-in navigation only. Preserve existing sizing and safe-area rules. */
#appShell .sidebar .app-wordmark{justify-content:center;width:100%;text-align:center}
#appShell>.sidebar{background:#302253 url('../assets/Images/sidebar-mountains-v1.png') 70% bottom/auto 100% no-repeat;color:#eee8ff;border-right:1px solid #493566}
#appShell .sidebar .app-wordmark>span{color:#fff}
#appShell .sidebar .app-wordmark>span:last-child{color:#b493ff}
#appShell .sidebar .nav-group-label{color:#d1c1e8}
#appShell .sidebar .nav-item{color:#eee7fb;background:transparent;border:1px solid transparent;text-shadow:0 1px 4px #20133470}
#appShell .sidebar .nav-item:hover{background:#34234fbd;color:#fff}
#appShell .sidebar .nav-item.active{background:linear-gradient(110deg,#764bef,#7052bbe8);border-color:#b995ff60;color:#fff;box-shadow:0 4px 16px #160b3015}
#appShell .sidebar .nav-item.active span{color:#fff}
#appShell .sidebar .nav-experiments{color:#e0d3f4}
#appShell .sidebar .nav-experiments[open]{background:#302253ed;border-radius:12px}
#appShell .sidebar .nav-experiments summary{border-radius:10px;text-shadow:0 1px 4px #201334}
#appShell .sidebar .nav-experiments summary:hover{background:#ffffff12}
#appShell .sidebar .account-control{background:#302253e8;border-color:#b394ed55;color:#fff;border-radius:14px;backdrop-filter:blur(10px)}
#appShell .sidebar .account-control strong{color:#fff}
#appShell .sidebar .account-control :is(span,i){color:#d6c6ee}
#appShell .sidebar .account-avatar{display:grid;place-items:center;background:#7656a8!important;color:#fff!important;border-radius:50%}
#appShell .sidebar .account-control:hover{background:#453163}
#appShell .sidebar .account-menu{background:#302253;border-color:#a284cd80;color:#fff}
#appShell .sidebar .account-menu button{color:#fff}
#appShell .sidebar :is(button,a,summary):focus-visible{outline:2px solid #ddcaff;outline-offset:-2px}