/* Accounts: logged-out navigation, sign-up and log-in forms, the account menu, and trending topics */
.nav-item.mobile-only{display:none}
/* Interests and trending topics scroll on short screens so the account row stays put */
.sidebar-topics{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff1c transparent;margin:0 -10px;padding:0 10px 22px;-webkit-mask-image:linear-gradient(#000 calc(100% - 26px),transparent);mask-image:linear-gradient(#000 calc(100% - 26px),transparent)}
.sidebar-topics .interest-label{margin:26px 13px 14px}
.sidebar-topics .interest-label .app-icon{color:#6c6885}
.sidebar-topics .interest-nav{gap:15px}
.trending-nav a:hover,.interest-nav a:hover{color:#e5e4ed}
.trend-rank{width:14px;font-size:10px;color:#6c6885;font-variant-numeric:tabular-nums;text-align:center}
.trending-nav small{margin-left:auto;font-size:10px;color:#6c6885}
.interest-empty b{color:var(--accent);font-weight:500;width:6px;text-align:center}

/* Account row and its menu */
.account{position:relative}
.account-link{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.account-link>span:last-child{min-width:0}
.account-link strong,.account-link small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-more{margin-left:auto;display:inline-flex;padding:6px;border-radius:7px;color:#9a97ad}
.account-more:hover,.account-more[aria-expanded=true]{background:#ffffff0b;color:#e5e4ed}
.account-menu{position:absolute;left:12px;right:12px;bottom:calc(100% - 8px);z-index:30;background:#1f1d2a;border:1px solid #ffffff1c;border-radius:14px;padding:6px;box-shadow:0 20px 60px #000b}
.account-menu-head{padding:9px 10px 11px;border-bottom:1px solid var(--line);margin-bottom:5px}
.account-menu-head strong{display:block;font-size:13px;font-weight:550}
.account-menu-head small{display:block;font-size:11px;color:#8f8aa9;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-menu [role=menuitem]{display:flex;width:100%;align-items:center;gap:11px;text-align:left;padding:9px 10px;border-radius:9px;color:#dcd9e8;font-size:13px;line-height:1.3}
.account-menu [role=menuitem]:hover,.account-menu [role=menuitem]:focus-visible{background:#ffffff0b}
.account-menu [role=menuitem]:focus-visible{outline-offset:-2px}
.account-menu [role=menuitem] .app-icon{color:#aba6c4}
.account-menu [role=menuitem] small{display:block;font-size:11px;color:#8f8aa9;margin-top:2px}
.account-menu-sep{height:1px;background:var(--line);margin:5px 6px}

/* Logged-out corner */
.guest-account{gap:11px}
.guest-avatar{background:#ffffff0a;color:#a3a0b5;border-color:#ffffff12}
.guest-links{display:flex;align-items:center;font-size:13px;font-weight:550}
.guest-links a{padding:6px 5px;border-radius:6px;color:#dcd9e8}
.guest-links a:hover{color:#fff;background:#ffffff08}
.guest-links a:last-child{color:var(--accent)}
.guest-links i{color:#5f5b78;font-style:normal;font-weight:400}

/* Shared sign-up and log-in forms */
.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#101016;border:1px solid #ffffff14;border-radius:10px;margin:4px 0 10px}
.auth-switch button{padding:9px 10px;border-radius:7px;font-size:12px;font-weight:600;color:#9996ad}
.auth-switch button:hover{color:#e5e4ed}
.auth-switch button[aria-pressed=true]{background:#ffffff12;color:#f1f0f6}
.auth-switch button:focus-visible{outline-offset:-2px}
.auth-divider{display:flex;align-items:center;gap:12px;margin:12px 0 2px;font-size:11px;color:#6f6b89}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--line)}
.auth-fields{display:flex;flex-direction:column}
.auth-fields label{font-size:12px;font-weight:500;margin:14px 0 7px;color:#d6d4e0}
.auth-fields input{padding:12px 14px}
.auth-fields input[aria-invalid=true]{border-color:#e7b49e99}
.field-hint{font-size:11px;color:#7f7a9a;margin-top:7px}
.password-field{position:relative}
.password-field input{padding-right:48px}
.password-field button{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;padding:7px;border-radius:7px;color:#9a97ad}
.password-field button:hover{color:#e5e4ed;background:#ffffff0b}
.auth-submit{margin-top:18px;padding:14px 18px;font-size:12px}
.auth-form .brand{margin-bottom:30px}
.auth-form .mock-note,.auth-card .mock-note{margin:14px 0 0;padding:0}

/* Create and account pages ask visitors to log in first */
.auth-gate{min-height:calc(100vh - 165px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:5vh}
.workspace:not(.create-workspace) .auth-gate{min-height:calc(100vh - 250px)}
.auth-gate .composer-greeting{margin-bottom:22px}
.auth-card{width:100%;max-width:430px;display:flex;flex-direction:column;background:#17151feb;border:1px solid #ffffff14;border-radius:16px;padding:26px;box-shadow:0 30px 80px #0008;backdrop-filter:blur(10px)}
.auth-gate-lead{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#bebbd3;margin:0 0 14px;line-height:1.55}
.auth-gate-lead .app-icon{color:var(--accent);margin-top:2px}
.auth-gate-idea{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#e2c3a2;background:#d5aa7c12;border:1px solid #d5aa7c26;border-radius:9px;padding:9px 11px;margin:0 0 12px;line-height:1.5}
.auth-gate-idea .app-icon{margin-top:2px}
.join-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}

@media(max-width:650px){
 .sidebar-topics{display:none}
 .nav-item.mobile-only{display:flex}
 .sidebar.signed-out nav{grid-template-columns:repeat(3,1fr)}
 .auth-gate,.workspace:not(.create-workspace) .auth-gate{min-height:0;padding:8px 0 24px}
 .auth-card{padding:20px 18px;border-radius:14px}
}