/* Shared app proportions and typography follow the landing identity. */
.published-contract{padding:22px 0 28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.published-contract span{font-size:10px;color:#a3adaf}.published-contract h2{font-size:19px;margin-top:8px}
.published-contract code{color:#ccff00;font-size:13px;overflow-wrap:anywhere;user-select:all;min-width:0}
.published-contract p{flex-basis:100%;font-size:12px;color:#a3adaf;line-height:1.6}
.sidebar .logo-mark img{position:static;inset:auto;display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.sidebar .logo-mark{display:flex;align-items:center;justify-content:center;overflow:visible;width:42px;height:44px}
html.app-mode{--base:#101213;--surface:#16191a;--panel:#1a1e1f;--line:#ffffff10;--muted:#a3adaf;--text:#f1f4f3}
html.app-mode body{font-family:Inter,Arial,sans-serif;background:var(--base)}
html.app-mode .sidebar{padding-inline:max(24px,calc((100% - 1376px)/2));gap:28px;background:#101213;border-bottom:1px solid #ffffff12;min-height:76px;height:auto}
html.app-mode .sidebar nav{min-width:0;flex:1;height:76px}
html.app-mode .sidebar .nav-item{height:76px;padding-inline:12px;font-size:12px;flex-shrink:0}
html.app-mode .sidebar .top-actions{margin-left:auto}
html.app-mode .sidebar .brand{font-size:23px}
html.app-mode .workspace{min-width:0}
html.app-mode #main{max-width:1376px;padding:40px 24px 64px;min-width:0}
html.app-mode #main :is(.main-column,.rail,.social-directory-main,.docs-reading,.preview-column){min-width:0}
html.app-mode #main :is(h1,h2,h3,h4,.ticker,.room-ticker,.signal-info h2,.joined-strip strong,.fee-share strong,.token-metrics dd,.token-identity h2,.season-summary h2){font-family:Inter,Arial,sans-serif;letter-spacing:0}
html.app-mode #main h1{font-size:38px;font-weight:600;line-height:1.2}
html.app-mode #main h2{font-weight:550}
html.app-mode #main .page-heading{margin-bottom:36px;gap:32px}
html.app-mode #main .page-heading>div{min-width:0}
html.app-mode #main .page-heading p{font-size:13px;margin-top:12px;line-height:1.7;color:var(--muted)}
html.app-mode #main .global-search{flex:0 1 290px;max-width:290px;width:100%;min-width:0;background:#191d1e;border:1px solid #ffffff12;height:42px}
html.app-mode #main .global-search input{min-width:0;background:transparent}
html.app-mode #main .signal-heading{align-items:center;margin-bottom:32px}
html.app-mode #main .signal-heading h1{font-size:38px}
html.app-mode #main .signal-heading>p{color:#a3adaf;font-size:12px}
html.app-mode #main .signal-toolbar{margin-bottom:28px;gap:12px}
html.app-mode #main .signal-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
html.app-mode #main .signal-card{padding:22px;min-height:194px;background:#191d1e;border-color:#ffffff12;gap:20px}
html.app-mode #main .signal-card:hover{border-color:#ccff0050;background:#1d2222}
html.app-mode #main .signal-info h2{font-size:25px;font-weight:600;line-height:1.2}
html.app-mode #main .signal-info p{font-size:12px;line-height:1.65}
html.app-mode #main .signal-season{display:grid;grid-template-columns:minmax(200px,1.8fr) 1fr 1fr 1fr auto;align-items:center;gap:24px;padding:32px 0;margin-top:40px;border-block:1px solid var(--line)}
html.app-mode #main .signal-season h2{font-size:21px;margin-top:8px}
html.app-mode #main .signal-season strong{font-size:20px;font-variant-numeric:tabular-nums}
html.app-mode #main .signal-season>a{margin:0;justify-self:end}
html.app-mode #main .signal-feed{border:0;padding-top:24px}
html.app-mode #main .social-directory{grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:32px}
html.app-mode #main .social-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
html.app-mode #main .discussion-rail{padding-left:28px}
html.app-mode #main .discussion-rail h2{font-size:19px}
html.app-mode #main .token-overview{grid-template-columns:minmax(240px,1fr) minmax(0,2.6fr);gap:32px;padding:30px 0 36px;margin:0 0 34px;border-block:1px solid var(--line)}
html.app-mode #main .token-identity{gap:18px}
html.app-mode #main .token-identity>img{width:88px;height:96px}
html.app-mode #main .token-identity h2{font-size:29px}
html.app-mode #main .token-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
html.app-mode #main .token-metrics>div{padding-left:22px}
html.app-mode #main .token-metrics dt{font-size:11px;line-height:1.7;min-height:38px}
html.app-mode #main .token-metrics dd{font-size:26px;font-weight:550;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html.app-mode #main[data-page=hally] .main-grid{grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:36px}
html.app-mode #main .section-heading{margin:28px 0 20px}
html.app-mode #main .section-heading h2{font-size:19px;line-height:1.4}
html.app-mode #main .token-flow{gap:20px 36px}
html.app-mode #main .token-flow>li{padding:12px 0 22px}
html.app-mode #main .token-flow>li>.section-emblem{width:72px;margin-bottom:18px}
html.app-mode #main .token-flow>li>strong{font-size:16px;font-weight:550}
html.app-mode #main .token-flow>li p{font-size:13px;line-height:1.85;color:var(--muted)}
html.app-mode #main .allocation-strip{gap:18px}
html.app-mode #main .allocation-strip strong{font-size:27px;font-weight:550;font-variant-numeric:tabular-nums}
html.app-mode #main .rail{font-size:12px;line-height:1.75}
html.app-mode #main .rail .rail-heading{font-size:16px}
html.app-mode #main .rail .rail-title{font-size:22px;line-height:1.3;margin-block:18px}
html.app-mode #main .rail .section-note{font-size:12px;color:var(--muted);line-height:1.8}
html.app-mode #main .rail .data-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0}
html.app-mode #main .rail .data-row dd{margin:0;text-align:right;overflow-wrap:anywhere}
html.app-mode #main .notice{padding:14px 16px;font-size:12px;line-height:1.75;background:#ffca1806;border:1px solid #ffca181a}
html.app-mode #main .community-fee-rule{margin-top:40px;padding-top:30px;gap:36px}
html.app-mode #main .community-fee-rule h2{font-size:23px}
html.app-mode #main .fee-share strong{font-size:32px;font-weight:550}
html.app-mode #main .community-cover{width:100%;max-height:300px;overflow:hidden}
html.app-mode #main .community-cover img{width:100%;height:100%;object-fit:cover}
html.app-mode #main .room-ticker{font-size:38px;font-weight:600}
html.app-mode #main .community-banner>.avatar{width:100px;height:100px}
html.app-mode #main .season-summary h2{font-size:32px;line-height:1.25}
html.app-mode #main .docs-model strong{font-size:14px}
html.app-mode #main .empty-state h3{font-size:23px;font-weight:550}
html.app-mode #main .empty-state p{color:var(--muted)}
html.app-mode footer{width:calc(100% - 48px);max-width:1328px;margin:0 auto}
@media(max-width:1120px){html.app-mode .sidebar{flex-wrap:wrap;gap:8px 20px;padding-top:12px}html.app-mode .sidebar nav{order:3;flex-basis:100%;height:48px}html.app-mode .sidebar .nav-item{height:48px}html.app-mode #main .token-overview{grid-template-columns:1fr}html.app-mode #main .signal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}html.app-mode #main .signal-season{grid-template-columns:2fr 1fr 1fr;gap:24px}html.app-mode #main .signal-season>a{justify-self:start}html.app-mode #main .social-cards{grid-template-columns:1fr}}
@media(max-width:760px){html.app-mode #main{padding:28px 18px 44px}html.app-mode .sidebar{padding-inline:18px}html.app-mode #main :is(.main-grid,.social-directory,.room-layout,.season-layout){grid-template-columns:minmax(0,1fr)!important;gap:28px}html.app-mode #main .rail,html.app-mode #main .discussion-rail{padding:24px 0 0!important;border-left:0!important;border-top:1px solid var(--line)}html.app-mode #main .page-heading h1,html.app-mode #main .signal-heading h1{font-size:30px}html.app-mode #main .token-metrics{gap:12px}html.app-mode #main .token-metrics>div{padding-left:12px}html.app-mode #main .token-metrics dd{font-size:20px}html.app-mode #main .token-metrics dt{font-size:10px;min-height:52px}html.app-mode #main .token-flow{gap:24px}html.app-mode #main .page-heading .global-search{display:none}html.app-mode #main .signal-season{grid-template-columns:1fr 1fr}html.app-mode #main .signal-season>div:first-child{grid-column:1/-1}html.app-mode #main .community-banner{gap:16px;flex-wrap:wrap}html.app-mode #main .community-banner>.avatar{width:76px;height:76px}}
@media(max-width:520px){html.app-mode #main .signal-cards{grid-template-columns:1fr}html.app-mode #main .token-flow{grid-template-columns:1fr}html.app-mode #main .token-flow>li:last-child{grid-column:auto}html.app-mode #main .token-metrics{grid-template-columns:1fr}html.app-mode #main .token-metrics>div{display:flex;justify-content:space-between;gap:16px;border:0;border-top:1px solid var(--line);padding:16px 0 0}html.app-mode #main .token-metrics dt{min-height:0;max-width:55%;font-size:12px}html.app-mode #main .token-metrics dd{font-size:23px}html.app-mode #main .allocation-strip{grid-template-columns:repeat(2,minmax(0,1fr))}html.app-mode #main .signal-heading{flex-wrap:wrap}}
