/* Investor performance shares DAO's theme and safe-area tokens. */
:root{--investor-positive:#69cfc0;--investor-negative:#f28eac;--investor-accent:#af9bff;--investor-grid:#ffffff0c}
:root[data-theme="light"]{--investor-positive:#08796c;--investor-negative:#b83b65;--investor-accent:#7551c9;--investor-grid:#152b4310}
body[data-page="leaderboard"] .dao-bottom-nav{--glass-tab:1}body[data-page="social"] .dao-bottom-nav{--glass-tab:2}body[data-page="account"] .dao-bottom-nav{--glass-tab:3}
html body .dao-nav-lens{width:var(--lens-width,calc((100% - 10px)/4))}
#dao-leaderboard-layer{--investor-gutter:18px;color:var(--text);background:var(--bg);padding:calc(6px + var(--safe-top)) var(--safe-right) 0 var(--safe-left)}
#dao-leaderboard-layer>.investor-sheet{width:100%;max-width:none;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.investor-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px var(--investor-gutter) 10px;flex:none}
.investor-header .dao-eyebrow{font-size:9px;letter-spacing:.16em;color:var(--muted);margin-bottom:3px}
.investor-header h1{display:flex;align-items:center;gap:10px;margin:0;font-size:26px;font-weight:600;letter-spacing:-.04em}
.investor-paper{font-size:11px;line-height:22px;border:1px solid var(--line);border-radius:6px;padding:0 6px;letter-spacing:.04em;font-weight:500;color:var(--muted)}
.investor-modes{display:flex;border:1px solid var(--line);border-radius:13px;padding:3px;background:var(--surface-soft)}
.investor-modes button{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;min-height:44px;min-width:44px;border:0;border-radius:10px;color:var(--muted);background:transparent;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer}
.investor-modes svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.investor-modes button[aria-pressed="true"]{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #00000012}
.investor-filters{display:flex;gap:8px;padding:0 var(--investor-gutter) 8px;flex:none}
.investor-filters button{min-height:44px;flex:1;max-width:160px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer}
.investor-filters button[aria-pressed="true"]{background:color-mix(in srgb,var(--investor-accent) 12%,transparent);color:var(--investor-accent);border-color:color-mix(in srgb,var(--investor-accent) 28%,transparent)}
#dao-leaderboard-layer .investor-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 0 20px;overscroll-behavior-y:contain}
.investor-progress{position:relative;flex:none;height:2px;overflow:hidden;pointer-events:none}
.investor-progress::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--investor-accent),transparent);opacity:0;transform:translateX(-100%);transition:opacity .18s}
.investor-progress[data-busy="true"]::after{opacity:.8;transition-delay:.12s;animation:investor-progress 1.4s ease-in-out infinite}
@keyframes investor-progress{to{transform:translateX(100%)}}
.investor-status{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;line-height:1.6;color:var(--muted)}
.investor-status:not(:empty){padding:10px var(--investor-gutter)}
.investor-overview{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px var(--investor-gutter) 10px}
.investor-lead{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;row-gap:2px;min-width:0}
.investor-lead>span{grid-column:1/-1}
.investor-lead>span,.investor-summary>span{color:var(--muted);font-size:12px;line-height:1.5}
.investor-lead>strong{font-size:clamp(28px,4vw,40px);line-height:1.2;font-weight:500;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.investor-lead>button{min-height:44px;min-width:0;max-width:100%;padding:0;border:0;color:var(--text);background:transparent;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.investor-summary{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap}
.investor-summary>strong{font-size:22px;letter-spacing:-.04em;font-weight:500;font-variant-numeric:tabular-nums}
.investor-summary>span:last-child{font-size:10px;margin-top:0}
#dao-leaderboard-layer .positive{color:var(--investor-positive)}#dao-leaderboard-layer .negative{color:var(--investor-negative)}
.investor-chart-section{border:0;border-radius:0;background:transparent;padding:0;min-width:0}
.investor-chart-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 var(--investor-gutter)}
.investor-chart-head h2{font-size:15px;font-weight:550;margin:0 0 4px}.investor-chart-head>div>span{font-size:11px;color:var(--muted)}
.investor-periods{display:flex;gap:2px;flex:none}.investor-periods button{white-space:nowrap;padding-inline:7px;background:transparent;color:var(--muted);border:0;border-radius:8px;min-height:44px;min-width:44px;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer}.investor-periods button[aria-pressed="true"]{background:var(--surface);color:var(--text)}
.investor-chart-wrap{position:relative;margin:10px 0 0}#investor-chart{height:max(350px,calc(var(--viewport-height,100dvh) - var(--nav-total,90px) - var(--safe-top,0px) - 260px));width:100%}
.investor-chart-tooltip{position:absolute;z-index:3;top:8px;left:12px;max-width:calc(100% - 24px);padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--float-solid);box-shadow:0 8px 28px #0003;pointer-events:none;font-size:12px}
.investor-chart-tooltip>time{display:block;color:var(--muted);font-size:11px;margin-bottom:9px}.investor-tooltip-row{display:flex;gap:18px;justify-content:space-between;line-height:1.8}.investor-tooltip-row>b{color:var(--series-color);font-weight:500;font-variant-numeric:tabular-nums}
.investor-legend{display:flex;align-items:center;gap:4px 18px;margin-top:8px;padding:0 var(--investor-gutter);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.investor-legend::-webkit-scrollbar{display:none}
.investor-legend-item{display:flex;align-items:center;gap:7px;flex:none;min-width:0;min-height:44px;max-width:240px;padding:5px 2px;border-radius:4px;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left}
.investor-legend-dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--series-color)}.investor-legend-name{font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.investor-legend-item strong{font:500 11px ui-monospace,SFMono-Regular,monospace;margin-left:2px;white-space:nowrap;color:var(--series-color)}
.investor-legend-item[aria-pressed="false"]{opacity:.5}.investor-legend-item[aria-pressed="false"] .investor-legend-name{text-decoration:line-through}
.investor-note{font-size:11px;line-height:1.7;color:var(--muted);margin:8px var(--investor-gutter) 0}
.investor-list-section{margin:0 var(--investor-gutter)}
.investor-list-head{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.investor-list{list-style:none;margin:0;padding:0}.investor-row{display:flex;align-items:center;gap:12px;min-height:84px;border-bottom:1px solid var(--line)}
.investor-rank{width:27px;flex:none;color:var(--muted);font:500 13px ui-monospace,SFMono-Regular,monospace}.investor-rank.top{color:var(--investor-accent)}
.investor-person{border:0;padding:6px 0;display:flex;align-items:center;gap:10px;min-width:0;flex:1;min-height:56px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.investor-avatar{flex:none;pointer-events:none}.investor-person-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.investor-person-copy strong{font-size:14px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.investor-person-copy>span{font-size:11px;color:var(--muted)}
.investor-result{text-align:right;display:flex;flex-direction:column;gap:6px;flex:none}.investor-result strong{font-size:17px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.investor-result span{font-size:11px;color:var(--muted)}
.investor-more,.investor-retry,.investor-empty button{min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);padding:8px 18px;color:var(--text);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer}.investor-more{display:block;margin:18px auto 0}
.investor-empty{text-align:center;padding:48px 20px}.investor-empty svg{width:52px;height:52px;fill:none;stroke:var(--investor-accent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.investor-empty h2{font-size:18px;font-weight:550;margin:20px 0 10px}.investor-empty p{font-size:13px;line-height:1.8;color:var(--muted);max-width:340px;margin:0 auto 20px}
.investor-footnote{display:flex;align-items:flex-start;gap:8px;margin:16px var(--investor-gutter) 0;color:var(--muted)}.investor-footnote p{font-size:11px;line-height:1.8;margin:0}.investor-note-mark{flex:none;width:14px;height:14px;border-radius:50%;border:1px solid var(--muted);font-size:10px;text-align:center;line-height:12px;margin-top:3px}
.is-loading .investor-lead>strong,.is-loading .investor-summary>strong{color:transparent!important;background:var(--investor-grid);border-radius:4px;min-width:80px}
.is-loading .investor-lead>button,.is-loading .investor-summary>span:last-child{visibility:hidden}
.is-loading #investor-chart{background-image:linear-gradient(var(--investor-grid) 1px,transparent 1px);background-size:100% 20%}
.is-loading .investor-legend{min-height:44px}
.is-loading .investor-list-section{min-height:350px;background-image:linear-gradient(var(--investor-grid) 1px,transparent 1px);background-size:100% 84px}
#dao-leaderboard-layer button{transition:background .18s,color .18s,border-color .18s;touch-action:manipulation}#dao-leaderboard-layer button:hover{background:color-mix(in srgb,var(--investor-accent) 10%,transparent)}#dao-leaderboard-layer button:active{opacity:.7}#dao-leaderboard-layer button:focus-visible{outline:2px solid var(--investor-accent);outline-offset:3px}#dao-leaderboard-layer button:disabled{cursor:default;opacity:.5}
#dao-leaderboard-layer [hidden]{display:none!important}
@media(min-width:768px){#dao-leaderboard-layer{--investor-gutter:32px}.investor-header{padding-top:10px}.investor-filters{gap:12px}.investor-legend{gap:24px}.investor-overview{padding-block:14px}.investor-row{min-height:88px}.investor-header h1{font-size:28px}.investor-chart-wrap{margin-top:12px}#investor-chart{height:max(420px,calc(var(--viewport-height,100dvh) - var(--nav-total,90px) - var(--safe-top,0px) - 280px))}#dao-leaderboard-layer[data-investor-view="list"] #investor-content,#dao-leaderboard-layer[data-investor-view="list"] .investor-footnote{max-width:960px;margin-inline:auto}#dao-leaderboard-layer[data-investor-view="list"] .investor-footnote{padding-inline:var(--investor-gutter)}}
@media(max-width:390px){#dao-leaderboard-layer{--investor-gutter:14px}.investor-modes button{padding:0 8px}.investor-modes button span{display:none}.investor-header h1{font-size:25px}.investor-overview{gap:12px}.investor-lead{column-gap:8px}.investor-lead>strong{font-size:28px}.investor-lead>button{max-width:85px}.investor-lead>span,.investor-summary>span{font-size:11px}.investor-chart-head{gap:6px}.investor-chart-head h2{font-size:14px}.investor-chart-head>div>span{font-size:10px}.investor-periods button{padding-inline:5px;font-size:11px}.investor-row{gap:8px}.investor-person{gap:8px}.investor-rank{width:22px}.investor-result strong{font-size:15px}}
@media(orientation:landscape) and (max-height:520px){#dao-leaderboard-layer{--investor-gutter:20px;padding-top:var(--safe-top)}.investor-header{padding-block:2px}.investor-header h1{font-size:22px}.investor-header .dao-eyebrow{display:none}.investor-filters{padding-bottom:2px}.investor-overview{padding-block:6px}.investor-summary>span:last-child{display:none}.investor-lead>strong{font-size:26px}.investor-chart-wrap{margin-top:4px}#investor-chart{height:max(240px,calc(var(--viewport-height,100dvh) - var(--nav-total,70px) - var(--safe-top,0px) - 190px))}}
@media(prefers-reduced-motion:reduce){#dao-leaderboard-layer button,.investor-progress::after{transition:none}.investor-progress[data-busy="true"]::after{animation:none;transform:none}}

/* Mobile account profile: preserve the large avatar and keep the three
   metadata lines inside the avatar's visual height. */
@media(max-width:899px){
 html body #dao-account-layer.dao-page #dao-account-scroll{overflow-anchor:none;scroll-behavior:auto}
 html body #dao-account-layer.dao-page #dao-account-header{
  margin-left:calc(-1 * var(--page-left));
  margin-right:calc(-1 * var(--page-right));
 }
 html body #dao-account-layer.dao-page #dao-account-header.has-profile{
  height:156px;
  top:-92px;
  padding:0 var(--page-right) 0 var(--page-left);
  overflow:hidden;
 }
 html body #dao-account-layer.dao-page #dao-account-header.has-profile .dao-profile-hero{
  position:absolute;
  top:16px;
  left:var(--page-left);
  right:var(--page-right);
  width:auto;
  height:96px;
  margin:0;
  padding:0 56px 0 0;
  display:flex;
  align-items:flex-start;
  gap:16px;
  transform:none;
 }
 html body #dao-account-layer.dao-page #dao-account-header.has-profile .dao-avatar.large{
  --avatar-size:96px;
  width:96px;
  height:96px;
  flex:0 0 96px;
  transform:translate3d(0,calc(92px * var(--profile-collapse)),0) scale3d(calc(1 - .541667 * var(--profile-collapse)),calc(1 - .541667 * var(--profile-collapse)),1);
  transform-origin:0 0;
  transition:none!important;
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
 }
 html body #dao-account-layer.dao-page #dao-account-header.has-profile .dao-profile-hero>div{
  flex:1 1 auto;
  min-width:0;
  height:96px;
  max-height:96px;
  padding:0;
  display:grid;
  grid-template-rows:27px 20px 42px;
  align-content:center;
  gap:2px;
  overflow:hidden;
  transform:none;
  opacity:calc(1 - var(--profile-collapse));
  transition:none!important;
  will-change:opacity;
 }
 html body #dao-account-layer.dao-page #dao-account-header.has-profile .dao-profile-hero strong{
  display:flex;
  align-items:center;
  min-width:0;
  width:100%;
  height:27px;
  min-height:27px;
  margin:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:22px;
  line-height:1.2;
 }
 html body #dao-account-layer.dao-page #dao-account-header.has-profile #dao-profile-email{
  display:flex;
  align-items:center;
  width:100%;
  height:20px;
  min-height:20px;
  margin:0;
  max-height:none;
  opacity:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  line-height:1.35;
 }
 html body #dao-account-layer.dao-page #dao-account-header.has-profile #dao-view-own-profile{
  display:flex;
  align-items:center;
  width:100%;
  height:42px;
  min-height:42px;
  margin:0;
  padding:0;
  max-height:none;
  opacity:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  line-height:1.3;
 }
 html body #dao-account-layer.dao-page #dao-account-header.has-profile .dao-account-heading{display:none!important}
 html body #dao-account-layer.dao-page #dao-card-rail{
  min-width:0;
  max-width:none;
  width:auto;
  margin-left:calc(-1 * var(--page-left));
  margin-right:calc(-1 * var(--page-right));
  margin-top:6px;
  padding-top:0;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:6px;
  scroll-padding-inline:16px;
 }
 html body #dao-account-layer.dao-page #dao-card-rail>.dao-swipe-card{flex-basis:calc(100% - 12px)}
}


/* Shared native chrome: one canvas color, fading content under the controls. */
:root{--float-gap:3px}
html body .dao-page{bottom:0}
html body #dao-account-layer.dao-page #dao-account-scroll,
html body #dao-leaderboard-layer.dao-page #investor-scroll{padding-bottom:calc(var(--nav-total) + 32px);scroll-padding-bottom:calc(var(--nav-total) + 32px)}
html body .app::after{content:"";position:absolute;z-index:64;pointer-events:none;inset:auto 0 0;height:calc(var(--nav-total) + 36px);background:linear-gradient(to bottom,transparent,var(--bg) 72%)}
html body .dao-bottom-nav::after{background:color-mix(in srgb,var(--bg) 78%,var(--surface,#fff));border:1px solid color-mix(in srgb,var(--text) 5%,transparent);box-shadow:0 3px 12px #00000006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
html body .dao-nav-lens{background:color-mix(in srgb,var(--text) 7%,transparent);border:0;box-shadow:none}
html body .dao-nav-lens::before,html body .dao-nav-lens::after{display:none}
html body #dao-leaderboard-layer>.picker-sheet{background:var(--bg)}
html body #dao-account-layer.dao-page #dao-account-header{background:transparent;isolation:isolate}
html body #dao-account-header::before{content:"";position:absolute;inset:calc(-1 * var(--safe-top)) 0 -24px;z-index:-1;pointer-events:none;background:linear-gradient(var(--bg) 40%,color-mix(in srgb,var(--bg) 90%,transparent) 74%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}
html body .dao-page #dao-account-header.has-profile{height:166px;top:-92px;padding-top:76px}
html body #dao-account-header.has-profile .dao-profile-hero{position:absolute;top:8px;left:14px;right:14px;height:52px;padding-right:58px}
html body #dao-account-header.has-profile .dao-avatar.large{--avatar-size:44px;width:44px;height:44px;flex-basis:44px;transform:translateY(calc(92px * var(--profile-collapse))) scale(calc(1 - .272727 * var(--profile-collapse)));transform-origin:left center}
html body #dao-account-header.has-profile .dao-profile-hero>div{transform:none;opacity:calc(1 - var(--profile-collapse))}
html body #dao-account-header.has-profile .dao-profile-hero strong{font-size:17px}
html body #dao-account-header.has-profile .dao-profile-hero>div{display:grid;align-content:center;gap:0;min-width:0;max-height:44px;overflow:hidden;line-height:1.1}
html body #dao-account-header.has-profile .dao-profile-hero strong{display:block;line-height:1.1;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #dao-account-header.has-profile #dao-profile-email{display:block;max-height:calc(13px * (1 - var(--profile-collapse)));font-size:11px;line-height:1.1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #dao-account-header.has-profile #dao-view-own-profile{display:block;max-height:calc(15px * (1 - var(--profile-collapse)));height:auto;min-height:0;margin:0;padding:0;border:0;font-size:12px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #dao-account-header.has-profile .dao-account-heading .dao-eyebrow{display:none}
html body #dao-account-header.has-profile .dao-account-heading{height:66px}
html body .avatar-brand .dao-avatar-clip{background:#fff}
html body .avatar-brand img{object-fit:contain;padding:4px;box-sizing:border-box}
.investor-endpoints{position:absolute;inset:0;pointer-events:none;z-index:2}
.investor-endpoint{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;padding:6px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;pointer-events:auto;cursor:pointer}
.investor-endpoint .dao-native-avatar{box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--series-color);pointer-events:none}
.investor-endpoint .dao-avatar-ai{display:none}
.investor-endpoint-connector{position:absolute;height:1px;transform-origin:left center;opacity:.7}
@media(prefers-reduced-transparency:reduce){html body #dao-account-header::before,html body .dao-bottom-nav::after{backdrop-filter:none;-webkit-backdrop-filter:none}}

html body :is([data-avatar-brand="kimi"],[data-avatar-brand="openai"],[data-avatar-brand="grok"]) .dao-avatar-clip{background:#101318}

/* Constrain the vertical page; only the account card rail may pan sideways. */
html body #dao-account-layer.dao-page>.picker-sheet{min-width:0;max-width:100%;}
html body #dao-account-scroll{min-width:0;width:100%;overflow-x:hidden;overscroll-behavior-x:none;}
html body #dao-profile-area,html body .dao-account-ledgers,html body .dao-account-section{min-width:0;max-width:100%;overflow-wrap:anywhere;}
html body #dao-account-header{margin-inline:0;}
html body #dao-account-header.has-profile .dao-profile-hero{left:0;right:0;}
@media(max-width:899px){
 html body #dao-account-layer #dao-card-rail{min-width:0;max-width:100%;margin-inline:0;padding-inline:0;scroll-padding-inline:0;}
 html body #dao-account-layer #dao-card-rail>.dao-swipe-card{flex-basis:calc(100% - 12px);}
}

/* Shared account profile geometry: the large avatar and its collapse path are
   identical on phones, tablets and wide screens. The account cards can keep
   their desktop grid; only this sticky identity block is shared. */
@keyframes dao-account-profile-avatar-scroll{
 from{transform:translate3d(0,0,0) scale3d(1,1,1)}
 to{transform:translate3d(0,92px,0) scale3d(.458333,.458333,1)}
}
html body #dao-account-layer.dao-page #dao-account-scroll{overflow-anchor:none;scroll-behavior:auto}
html body #dao-account-layer.dao-page #dao-account-header{
 margin-left:calc(-1 * var(--page-left));
 margin-right:calc(-1 * var(--page-right));
}
html body #dao-account-layer.dao-page #dao-account-header.has-profile{
 height:156px;
 top:-92px;
 padding:0 var(--page-right) 0 var(--page-left);
 overflow:hidden;
}
html body #dao-account-layer.dao-page #dao-account-header.has-profile .dao-profile-hero{
 position:absolute;
 top:16px;
 left:var(--page-left);
 right:var(--page-right);
 width:auto;
 height:96px;
 margin:0;
 padding:0 56px 0 0;
 display:flex;
 align-items:flex-start;
 gap:16px;
 transform:none;
}
html body #dao-account-layer.dao-page #dao-account-header.has-profile .dao-avatar.large{
 --avatar-size:96px;
 width:96px;
 height:96px;
 flex:0 0 96px;
 transform:translate3d(0,calc(92px * var(--profile-collapse)),0) scale3d(calc(1 - .541667 * var(--profile-collapse)),calc(1 - .541667 * var(--profile-collapse)),1);
 transform-origin:0 0;
 transition:none!important;
 will-change:transform;
 backface-visibility:hidden;
 -webkit-backface-visibility:hidden;
}
html body #dao-account-layer.dao-page #dao-account-header.has-profile .dao-profile-hero>div{
 flex:1 1 auto;
 min-width:0;
 height:96px;
 max-height:96px;
 padding:0;
 display:grid;
 grid-template-rows:27px 20px 42px;
 align-content:center;
 gap:2px;
 overflow:hidden;
 transform:none;
 opacity:calc(1 - var(--profile-collapse));
 transition:none!important;
 will-change:opacity;
}
html body #dao-account-layer.dao-page #dao-account-header.has-profile .dao-profile-hero strong{
 display:flex;
 align-items:center;
 min-width:0;
 width:100%;
 height:27px;
 min-height:27px;
 margin:0;
 padding:0;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 font-size:22px;
 line-height:1.2;
}
html body #dao-account-layer.dao-page #dao-account-header.has-profile #dao-profile-email{
 display:flex;
 align-items:center;
 width:100%;
 height:20px;
 min-height:20px;
 margin:0;
 padding:0;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 font-size:13px;
 line-height:1.35;
}
html body #dao-account-layer.dao-page #dao-account-header.has-profile #dao-view-own-profile{
 display:flex;
 align-items:center;
 width:100%;
 height:42px;
 min-height:42px;
 margin:0;
 padding:0;
 max-height:none;
 opacity:1;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 font-size:13px;
 line-height:1.3;
}
html body #dao-account-layer.dao-page #dao-account-header.has-profile .dao-account-heading{display:none!important}

/* Keep the visual interpolation on the compositor so sticky positioning and
   avatar scaling share one scroll progress instead of racing two JS frames. */
@supports(animation-timeline:scroll()){
 @media(prefers-reduced-motion:no-preference){
  html body #dao-account-layer.dao-page #dao-account-header.has-profile .dao-avatar.large{
   animation-name:dao-account-profile-avatar-scroll;
   animation-duration:1s;
   animation-timing-function:linear;
   animation-iteration-count:1;
   animation-fill-mode:both;
   animation-timeline:--dao-account-profile-scroll;
   animation-range:0 92px;
  }
  html body #dao-account-layer.dao-page #dao-account-scroll{
   scroll-timeline-name:--dao-account-profile-scroll;
   scroll-timeline-axis:block;
  }
 }
}