@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--a-bg:#080d12;--a-card:rgba(17,25,33,.94);--a-gold:#eab965;--a-gold-light:#ffdda0;--a-text:#f3f0e9;--a-muted:#9ba8b2;--a-line:rgba(228,190,123,.18)}
*{box-sizing:border-box}body.account-page{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,rgba(211,157,73,.10),transparent 32rem),linear-gradient(145deg,#070b10,#0b1219);color:var(--a-text);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}button,input,textarea{font:inherit}.account-shell{width:min(1100px,100% - 36px);margin:auto;padding:26px 0 60px}.account-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0 24px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:32px}.account-brand{color:#f9f0df;text-decoration:none;font:800 26px Manrope,sans-serif;letter-spacing:-.7px}.account-brand span{color:var(--a-gold)}.account-nav-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.account-nav-links a{color:#c3cbd0;text-decoration:none;font-size:12px;padding:9px 12px;border:1px solid transparent;border-radius:10px}.account-nav-links a:hover{border-color:var(--a-line);color:var(--a-gold-light)}.account-card{border:1px solid var(--a-line);border-radius:24px;padding:clamp(22px,4vw,40px);background:linear-gradient(140deg,rgba(21,31,40,.96),rgba(10,16,22,.97));box-shadow:inset 0 1px rgba(255,255,255,.045),0 22px 60px rgba(0,0,0,.25)}.account-kicker{color:var(--a-gold);font-size:10px;letter-spacing:.2em;font-weight:800;text-transform:uppercase}.account-title{margin:10px 0 8px;font:800 clamp(28px,5vw,42px)/1.13 Manrope,sans-serif;letter-spacing:-1.2px}.account-title span{color:var(--a-gold-light)}.account-intro{color:var(--a-muted);font-size:13px;line-height:1.8;max-width:650px}.account-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:start;margin-top:27px}.account-panel{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:20px;background:rgba(3,9,14,.28)}.profile-hero{display:flex;align-items:center;gap:18px;margin:22px 0 25px}.profile-avatar{width:92px;height:92px;display:grid;place-items:center;overflow:hidden;border-radius:27px;background:linear-gradient(140deg,#f9dda5,#b67836);color:#24180b;font:800 30px Manrope,sans-serif;box-shadow:inset 0 1px rgba(255,255,255,.75),0 8px 0 #6f4a28,0 16px 32px rgba(0,0,0,.32)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.account-field{margin:0 0 18px}.account-field label{display:block;color:#e6dfd0;font-size:12px;font-weight:700;margin-bottom:8px}.account-field input,.account-field textarea{width:100%;padding:13px 14px;color:#f5f0e8;background:rgba(2,8,13,.48);border:1px solid rgba(220,231,237,.14);border-radius:12px;outline:none;font-size:13px}.account-field textarea{min-height:112px;resize:vertical;line-height:1.65}.account-field input:focus,.account-field textarea:focus{border-color:rgba(238,189,101,.7);box-shadow:0 0 0 3px rgba(238,189,101,.08)}.account-help{display:block;color:#82919c;font-size:10px;line-height:1.6;margin-top:7px}.account-button{min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;border-radius:12px;border:1px solid #d8a252;background:linear-gradient(145deg,#ffe0a4,#d99d4c 58%,#9e6429);color:#211608;text-decoration:none;font-size:12px;font-weight:800;box-shadow:inset 0 1px rgba(255,255,255,.65),0 4px 0 #74491f,0 10px 18px rgba(0,0,0,.2);cursor:pointer;transition:transform .18s,filter .18s}.account-button:hover{transform:translateY(-2px);filter:brightness(1.05)}.account-button:active{transform:translateY(2px);box-shadow:inset 0 2px 5px rgba(0,0,0,.22),0 1px 0 #74491f}.account-button-quiet{background:linear-gradient(145deg,#263440,#121b24);border-color:rgba(228,190,123,.24);color:#f0dfbd;box-shadow:inset 0 1px rgba(255,255,255,.07),0 4px 0 #05090d}.account-flash{margin:14px 0;padding:12px 14px;border-radius:12px;border:1px solid rgba(225,184,109,.24);background:rgba(225,184,109,.08);font-size:12px;color:#f2dfbc}.account-flash.error{border-color:rgba(244,126,126,.35);background:rgba(244,126,126,.08);color:#ffc4c4}.account-flash.success{border-color:rgba(117,210,151,.3);background:rgba(117,210,151,.08);color:#baf0ce}.account-bio{white-space:pre-wrap;color:#bec8cf;font-size:13px;line-height:1.8}.account-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.account-pill{padding:7px 10px;border:1px solid var(--a-line);border-radius:999px;color:#d6bd8d;font-size:10px}.account-posts{display:grid;gap:12px;margin-top:23px}.account-post{padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(4,10,15,.32)}.account-post-meta{font-size:10px;color:#8796a1;margin-bottom:9px}.account-post-content{white-space:pre-wrap;overflow-wrap:anywhere;color:#e2e6e8;font-size:13px;line-height:1.8;margin:0}.owner-badge{display:inline-flex;align-items:center;gap:5px;margin-right:7px;padding:4px 8px;border-radius:999px;border:1px solid rgba(242,193,102,.55);background:linear-gradient(145deg,rgba(255,222,155,.18),rgba(164,104,33,.1));color:#ffdc98;font-size:9px;font-weight:900;letter-spacing:.08em;vertical-align:middle}.account-empty{color:#8796a1;font-size:12px;padding:20px 0}@media(max-width:760px){.account-grid{grid-template-columns:1fr}.account-nav{align-items:flex-start;flex-direction:column}.account-nav-links{gap:4px}.account-shell{width:min(100% - 24px,1100px)}}
/* Profile display-effect choices. */
.account-select{width:100%;padding:13px 14px;color:#f5f0e8;background:#101820;border:1px solid rgba(220,231,237,.14);border-radius:12px;outline:none;font-size:13px;appearance:auto}
.account-select:focus{border-color:rgba(238,189,101,.7);box-shadow:0 0 0 3px rgba(238,189,101,.08)}
.account-name-effect-rainbow{display:inline-block;color:transparent!important;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#ff4d6d,#ff9f43,#ffe66d,#55efc4,#48dbfb,#5f6fff,#c56cf0,#ff4d6d);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;animation:account-rainbow-name-flow 4s linear infinite;filter:drop-shadow(0 0 7px rgba(139,92,246,.12))}
.account-title .account-name-effect-gold{color:var(--a-gold-light)!important}
.account-title .account-name-effect-none{color:var(--a-text)!important;background:none;-webkit-text-fill-color:currentColor;animation:none;filter:none}
.profile-avatar.avatar-effect-rainbow{border:4px solid transparent;background:linear-gradient(#101922,#101922) padding-box,conic-gradient(#ff4d6d,#ff9f43,#ffe66d,#55efc4,#48dbfb,#5f6fff,#c56cf0,#ff4d6d) border-box;animation:account-rainbow-avatar-glow 3s ease-in-out infinite;box-shadow:0 0 0 2px rgba(255,255,255,.04),0 0 20px rgba(197,108,240,.24)}
.profile-avatar.avatar-effect-rainbow img{border-radius:19px}
.profile-avatar.avatar-effect-gold{border:3px solid #ffe0a0;box-shadow:0 0 0 2px rgba(232,185,101,.15),0 0 19px rgba(232,185,101,.35)}
.profile-avatar.avatar-effect-none{border:0}
@keyframes account-rainbow-name-flow{from{background-position:0% 50%}to{background-position:300% 50%}}
@keyframes account-rainbow-avatar-glow{0%,100%{box-shadow:0 0 0 2px rgba(255,93,162,.45),0 0 16px rgba(197,108,240,.18)}50%{box-shadow:0 0 0 3px rgba(85,239,196,.7),0 0 25px rgba(72,219,251,.30)}}
@media(prefers-reduced-motion:reduce){.account-name-effect-rainbow,.profile-avatar.avatar-effect-rainbow{animation:none!important}}


.account-post-media{margin-top:12px;overflow:hidden;border:1px solid rgba(224,184,111,.18);border-radius:13px;background:rgba(0,0,0,.24)}
.account-post-media img,.account-post-media video{display:block;width:100%;max-height:540px;object-fit:contain;background:#030609}
.account-post-media a{display:block;line-height:0}


/* Responsive profile/settings layouts: phone, tablet, desktop and TV. */
.account-shell, .account-card, .account-panel, .account-grid, .account-posts, .account-post { min-width: 0; }
.account-post-content, .account-bio { overflow-wrap: anywhere; }
.account-nav-links a, .account-button { min-height: 42px; }
.account-nav-links a { display: inline-flex; align-items: center; justify-content: center; }
.profile-avatar { flex: 0 0 auto; }
.account-post-media img, .account-post-media video { max-width: 100%; }
@media screen and (max-width: 760px) {
  .account-shell { width: min(100% - 26px, 700px); padding-top: 18px; }
  .account-nav { gap: 12px; margin-bottom: 22px; padding-bottom: 18px; }
  .account-nav-links { width: 100%; display: flex; gap: 7px; }
  .account-nav-links a { padding: 9px 11px; }
  .account-card { border-radius: 19px; }
  .account-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .account-panel { padding: clamp(14px, 4vw, 20px); }
  .profile-hero { align-items: flex-start; gap: 14px; }
  .profile-avatar { width: 82px; height: 82px; border-radius: 24px; }
  .account-title { overflow-wrap: anywhere; }
  .account-post { padding: 14px; }
}
@media screen and (max-width: 480px) {
  .account-shell { width: calc(100% - 18px); padding-top: 10px; padding-bottom: 28px; }
  .account-nav { flex-direction: column; align-items: stretch; }
  .account-nav-links { align-items: stretch; }
  .account-nav-links a { flex: 1 1 auto; font-size: 12px; }
  .account-card { padding: 17px 13px; border-radius: 16px; }
  .account-title { font-size: clamp(25px, 8vw, 34px); letter-spacing: -.8px; }
  .profile-hero { flex-direction: column; }
  .profile-avatar { width: 78px; height: 78px; }
  .account-field input, .account-field textarea, .account-select { font-size: 16px; }
  .account-button { width: 100%; min-height: 46px; }
  .account-stats { gap: 6px; }
  .account-pill { max-width: 100%; overflow-wrap: anywhere; }
}
@media screen and (min-width: 1600px) {
  .account-shell { width: min(1460px, 100% - 64px); padding-top: 38px; }
  .account-card { padding: clamp(38px, 3vw, 58px); }
  .account-grid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 32px; }
  .account-title { font-size: clamp(42px, 3vw, 58px); }
  .account-intro, .account-bio { font-size: 15px; }
  .account-post-content { font-size: 15px; }
}
@media screen and (min-width: 2200px) {
  .account-shell { width: min(1720px, 100% - 100px); }
  .account-card { padding: 62px; }
  .account-grid { gap: 40px; }
}
@media (pointer: coarse) {
  .account-nav-links a, .account-button { min-height: 46px; }
}

/* Profile sharing actions: consistent touch targets on phone, tablet and desktop. */
.profile-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:12px}.profile-action-row button{font:inherit}.profile-share-status{min-height:1em;margin:8px 0 0;color:#a9daba;font-size:11px;line-height:1.5}
@media(max-width:480px){.profile-action-row>*{flex:1 1 auto;min-width:145px}.account-post-media img,.account-post-media video{max-width:100%;height:auto}}

/* Avatar ring effects live in gather-identity-styles.css; keep profile image content clear. */
.profile-avatar[class*="avatar-effect-"] { position:relative; isolation:isolate; padding:3px; background-clip:padding-box,border-box; }
.profile-avatar[class*="avatar-effect-"] img { position:relative; z-index:1; min-width:0; min-height:0; border-radius:inherit; }

/* Shared Gather logo used across account, profile, and news screens */
.account-brand{display:inline-flex;align-items:center;gap:9px}
.gather-brand-icon{width:37px;height:37px;display:block;object-fit:contain;flex:0 0 auto;border-radius:11px;filter:drop-shadow(0 5px 12px rgba(113,92,255,.2));transition:transform .25s ease}
.account-brand:hover .gather-brand-icon{transform:rotate(-5deg) scale(1.05)}
@media(max-width:760px){.gather-brand-icon{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.gather-brand-icon{transition:none}.account-brand:hover .gather-brand-icon{transform:none}}