.left-navigation{position:relative;height:calc(100dvh - 24px);display:flex;flex-direction:column;overflow-y:auto}.rail-extra{position:relative;margin-top:12px;flex-shrink:0}.rail-link{display:flex;align-items:center;gap:17px;width:100%;padding:14px 12px;border:0;background:none;text-align:left;font-size:19px;color:#0f1419}.rail-link svg{width:24px;height:24px;flex-shrink:0}.rail-link:hover,.rail-account:hover{background:#f4f6f7;border-radius:28px}#rail-compose{width:100%;margin:14px 0 20px;padding:14px;border:0;border-radius:30px;background:#0f1419;color:#fff;font-size:17px;font-weight:600}.rail-account-wrap{position:relative;display:flex;align-items:center;gap:4px;width:100%;margin-top:auto;flex-shrink:0}.rail-account{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:56px;padding:8px;border:0;border-radius:28px;background:none;text-align:left;color:#0f1419}.account-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f0f3f5;flex:none}.account-avatar svg{width:22px;height:22px}.account-info{flex:1;min-width:0}.account-info strong{display:block;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-info small{font-size:12px;color:#7d8c98}.account-dots{display:grid;place-items:center;width:40px;height:40px;flex:none;border:0;border-radius:50%;background:transparent;color:#0f1419;font-weight:700;font-size:20px;cursor:pointer}.account-dots:hover{background:#f4f6f7}#rail-more{position:absolute;left:0;bottom:74px;z-index:30;width:min(240px,100%);border:1px solid #edf0f2;border-radius:12px;padding:8px;background:white;box-shadow:0 4px 18px #15202b12}#rail-more[hidden]{display:none}#rail-more button,#rail-more a{display:block;width:100%;text-align:left;border:0;border-radius:8px;background:none;padding:10px;font-size:14px;color:#0f1419;text-decoration:none}#rail-more button:hover,#rail-more a:hover{background:#f4f6f7}#profile-dialog{width:min(460px,calc(100% - 32px));padding:24px;border-radius:14px}.profile-dialog-head{display:flex;align-items:center;justify-content:space-between}.profile-dialog-head h2{font-size:20px;margin:0}.profile-dialog-head button{border:0;background:none;font-size:26px}#profile-dialog p{font-size:12px;line-height:1.8;color:#7d8c98}#profile-dialog label{display:block;margin:16px 0 8px;font-size:14px}#profile-dialog input,#profile-dialog textarea{box-sizing:border-box;width:100%;border:1px solid #dce3e8;border-radius:8px;padding:10px;font:inherit}#profile-dialog textarea{min-height:90px;resize:vertical}#profile-dialog form button{margin-top:14px;background:#0f1419;color:white;border:0;padding:9px 24px;border-radius:25px}#profile-dialog [role=status]{font-size:12px;color:#718396;margin-left:12px}@media(min-width:531px) and (max-width:900px){.rail-link span,.account-info{display:none}.rail-link{justify-content:center;padding:14px 0}#rail-compose{font-size:14px;padding:12px 4px}.rail-account{justify-content:center;padding:10px 0}#rail-more a,#rail-more button{font-size:11px;padding:8px 2px}}@media(max-width:530px){.left-navigation{height:auto;overflow:visible;flex-direction:row;flex-wrap:wrap}.left-navigation nav{flex:1;justify-content:flex-end}.rail-extra{display:flex;align-items:center;gap:10px;margin:0;width:100%;border-top:1px solid #edf0f2;padding:3px 0}.rail-link{font-size:13px;width:auto;padding:8px;gap:7px}.rail-link svg{width:19px;height:19px}#rail-compose{width:auto;margin:0 0 0 auto;font-size:13px;padding:8px 24px}.rail-account-wrap{display:none}.composer{scroll-margin-top:110px}}

/* X-style navigation: one rhythm for built-in and added entries. */
@media(min-width:941px){
 .left-navigation{padding:18px 12px 22px;height:100dvh}
 .left-navigation .minimal-brand{margin:0 14px 22px;font-size:20px;line-height:28px}
 .left-navigation>nav,.left-navigation>.rail-extra{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
 .left-navigation>.rail-extra{margin-top:8px;width:100%}
 .left-navigation nav button,.left-navigation .rail-extra>.rail-link{display:flex;align-items:center;gap:20px;width:fit-content;max-width:100%;min-height:50px;padding:12px 14px;border:0;border-radius:28px;background:none;text-decoration:none;color:#0f1419;font-size:20px;line-height:26px;font-weight:400;white-space:nowrap}
 .left-navigation nav button svg,.left-navigation .rail-extra>.rail-link svg{width:26px;height:26px;stroke-width:1.8;flex:none}
 .left-navigation nav button.active,.left-navigation nav button.nav-active,.left-navigation .rail-extra>.rail-link.active{font-weight:700}
 .left-navigation nav button[data-category="all"].active svg{fill:currentColor}
 .left-navigation nav button:hover,.left-navigation .rail-extra>.rail-link:hover{background:#f2f2f2}
 .left-navigation #rail-compose{height:52px;min-height:52px;margin:18px 0 20px;padding:0 16px;font-size:17px;font-weight:700;line-height:52px}
 .left-navigation .rail-account-wrap{padding:0}
 .left-navigation .rail-account{padding:12px 8px;gap:10px}
}
@media(min-width:941px) and (max-width:1150px){
 .left-navigation{padding-left:8px;padding-right:8px}
 .left-navigation nav button,.left-navigation .rail-extra>.rail-link{font-size:17px;gap:16px;padding-left:12px;padding-right:12px}
 .left-navigation nav button svg,.left-navigation .rail-extra>.rail-link svg{width:24px;height:24px}
 .left-navigation .minimal-brand{font-size:18px;margin-left:12px;margin-right:0}
}
@media(min-width:531px) and (max-width:940px){
 .left-navigation>.rail-extra{display:flex;flex-direction:column;gap:8px;margin-top:8px}
 .left-navigation nav button,.left-navigation .rail-extra>.rail-link{display:flex;justify-content:center;width:100%;height:50px;padding:12px 0;text-decoration:none}
 .left-navigation nav button span,.left-navigation .rail-extra>.rail-link span{display:none}
 .left-navigation nav button svg,.left-navigation .rail-extra>.rail-link svg{width:26px;height:26px;stroke-width:1.8}
 .left-navigation .account-info{display:none}
 .left-navigation .rail-account{justify-content:center}
}

@media(max-width:530px){
 .left-navigation .rail-extra{gap:6px}
 .left-navigation .rail-extra>.rail-link{font-size:12px;gap:5px;padding:8px 4px;flex-shrink:0;text-decoration:none}
 .left-navigation .rail-extra>.rail-link svg{width:16px;height:16px}
 .left-navigation #rail-compose{font-size:12px;padding:8px 14px;flex-shrink:0}
}
@media(max-width:360px){.left-navigation .rail-extra>.rail-link svg{display:none}}