.member-side.panel-nav{position:fixed;left:0;top:90px;bottom:0;width:76px;display:flex;flex-direction:column;flex-wrap:nowrap;gap:3px;padding:12px 8px 24px;margin:0;border-right:1px solid var(--line);background:var(--bg,var(--surface));overflow:auto;z-index:35;transition:width .25s ease;box-sizing:border-box}
.member-side a{display:flex;align-items:center;gap:16px;min-height:46px;padding:10px 16px;border-radius:12px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-decoration:none;color:inherit;box-sizing:border-box}
.member-side svg,.member-mobile-bar svg{width:23px;height:23px;flex-shrink:0}.member-side a span{opacity:0;transition:opacity .2s ease}.member-side:hover,.member-side:focus-within{width:248px;box-shadow:12px 0 35px #0002}.member-side:hover a span,.member-side:focus-within a span{opacity:1}.member-side a:hover,.member-side a[aria-current]{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}
body.has-member-side main.wrap{padding-left:100px;box-sizing:border-box;max-width:1400px}.member-mobile-bar,.member-nav-shade{display:none}
.story-composer{max-width:560px;margin:auto!important;padding:18px!important;border-radius:24px!important}.story-draft-stage{aspect-ratio:9/12;max-height:440px;border-radius:18px;background:linear-gradient(145deg,#462c61,#191321);display:grid;place-items:center;overflow:hidden;text-align:center;color:#eee}.story-draft-stage span{line-height:2}.story-draft-stage img,.story-draft-stage video{width:100%;height:100%;object-fit:contain;max-height:440px}.story-file-pick input{margin-top:12px}.story-composer>label{margin-bottom:14px}.story-composer button{min-height:44px}
@media(max-width:760px){body.has-member-side{padding-bottom:80px}body.has-member-side main.wrap{padding-left:16px;padding-right:16px}.member-side.panel-nav{top:0;bottom:0;width:min(285px,85vw);transform:translateX(-105%);transition:transform .28s cubic-bezier(.22,1,.36,1);z-index:65;padding-top:24px}.member-side a span{opacity:1}.member-side:hover,.member-side:focus-within{width:min(285px,85vw)}.member-menu-open .member-side{transform:translateX(0)}.member-mobile-bar{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;padding:7px 8px max(8px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);z-index:60}.member-mobile-bar a,.member-mobile-bar button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:48px;min-width:48px;border:0;background:none;color:inherit;text-decoration:none;padding:4px}.member-mobile-bar span{font-size:10px}.member-nav-shade:not([hidden]){display:block;position:fixed;inset:0;border:0;background:#0006;z-index:64}.has-member-side .mini-chat-launcher{bottom:85px}.story-draft-stage{max-height:380px}.story-draft-stage img,.story-draft-stage video{max-height:380px}}
@media(prefers-reduced-motion:reduce){.member-side.panel-nav,.member-side a span{transition:none}}

/* Discovery shares the persistent account navigation. */
body.has-member-side .discovery-sidebar{display:none}
body.has-member-side .discovery-layout{grid-template-columns:minmax(0,660px)}

.member-section-tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 0 18px;margin-bottom:12px;scrollbar-width:thin}
.member-section-tabs a{white-space:nowrap;padding:10px 16px;border:1px solid var(--border,#393440);border-radius:24px;text-decoration:none;font-size:13px;color:inherit}
.member-section-tabs a[aria-current]{background:rgba(159,115,235,.17);color:var(--accent,#bb99fa)}
.member-notification{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;color:inherit;text-decoration:none}
.member-notification:hover{background:rgba(159,115,235,.14)}
.member-notification svg{width:23px;height:23px}
.notification-count{position:absolute;top:0;right:0;background:#7950c5;color:white;border-radius:20px;padding:2px 4px;min-width:16px;font-size:10px;text-align:center}
@media(max-width:760px){.header .nav-end .member-notification{display:inline-flex}.member-section-tabs{gap:6px}.member-section-tabs a{padding:9px 13px}}

.header-theme-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}
.header .theme-switch{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:76px;height:44px;min-height:44px;padding:0 10px;border-radius:24px;isolation:isolate;overflow:hidden;background:var(--surface,#19161f);color:var(--text,#ddd)}
.theme-switch svg{width:19px;height:19px;position:relative;z-index:1;transition:color .28s ease;pointer-events:none}
.theme-switch-thumb{position:absolute;width:32px;height:32px;left:5px;top:5px;border-radius:50%;background:rgba(157,112,229,.25);transition:transform .32s cubic-bezier(.22,1,.36,1);pointer-events:none}
.theme-switch[data-theme="dark"] .theme-switch-thumb{transform:translateX(32px)}
.theme-switch[data-theme="dark"] .theme-moon{color:#c9a9ff}
.theme-switch[data-theme="light"] .theme-sun{color:#7440b7}
.header .theme-switch:focus-visible{outline:2px solid #a581dd;outline-offset:3px}
@media(max-width:540px){.header .header-theme-controls{grid-column:2;grid-row:1;gap:4px}.header .header-theme-controls .theme-switch{width:76px;padding:0 10px}}
@media(prefers-reduced-motion:reduce){.theme-switch-thumb,.theme-switch svg{transition:none}}

.account-settings{max-width:900px;margin:24px auto;padding:0 16px}
.account-settings>header h1{font-size:30px;margin:0 0 24px}
.account-settings .editor{width:100%;max-width:none;margin:0;padding:20px 0;border-bottom:1px solid var(--line)}
.account-settings .editor>h1,.account-settings .editor>h2{font-size:19px;margin:0 0 14px;letter-spacing:0}
.account-settings .editor>p,.account-settings .muted{font-size:12px;margin:8px 0}
.account-settings form{padding:16px;border-radius:16px}.account-settings label{font-size:12px}
.account-settings input,.account-settings select{margin:6px 0 12px}.account-settings textarea{min-height:85px;height:85px}
.account-settings details.post-card{padding:14px 16px;margin:10px 0}.account-settings summary{cursor:pointer;font-size:14px}
.account-settings .button{padding:10px 18px;font-size:12px;min-height:40px}
@media(max-width:600px){.account-settings{padding:0 8px;margin:16px auto}.account-settings .editor{padding:16px 0}}