:root{--bg: #fff; --surface: #fafafb; --card: #fff; --text: #20232c; --muted: #7c818e; --line: #e8e8ee; --pink: #f53679; --green: #257a50; --greenbg: #e7f6ed; --red: #ba4757; --redbg: #fff0f2; --yellow: #fff1d0; color-scheme: light;}
html[data-theme=dark]{--bg: #101318; --surface: #171c24; --card: #1b212b; --text: #e2e6ed; --muted: #9ea8b8; --line: #303744; --green: #8ae1ad; --greenbg: #1b392b; --red: #f4a1af; --redbg: #3b252d; --yellow: #493a20; color-scheme: dark;}
.runtime *{box-sizing: border-box;}
.runtime{margin: 0px; background: var(--bg); color: var(--text); font: 15px / 1.65 Arial, sans-serif;}
.runtime a{color: inherit; text-decoration: none;}
.runtime button,.runtime input,.runtime select,.runtime textarea{font: inherit;}
.runtime button{cursor: pointer;}
.runtime button:disabled{opacity: 0.6; cursor: wait;}
.runtime button:focus-visible,.runtime a:focus-visible{outline: 2px solid var(--pink); outline-offset: 4px;}
.runtime header{position: sticky; top: 0px; z-index: 30; border-bottom: 1px solid var(--line); background: var(--bg);}
.runtime .nav{max-width: 1160px; min-height: 78px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 24px;}
.runtime .brand{font-size: 21px; font-weight: 700; letter-spacing: -1px; white-space: nowrap;}
.runtime .brand-mark{display: inline-grid; place-items: center; width: 28px; height: 32px; margin-right: 8px; color: white; background: var(--pink); border-radius: 7px; transform: skew(9deg);}
.runtime .nav-actions,.runtime .links,.runtime .actions{display: flex; gap: 10px; align-items: center; flex-wrap: wrap;}
.runtime .links{font-size: 12px; color: var(--muted);}
.runtime button,.runtime .button,.runtime .btn{border: 1px solid var(--line); background: var(--card); color: var(--text); padding: 11px 17px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; font-size: 13px;}
.runtime .primary{background: var(--pink); color: white; border-color: var(--pink);}
.runtime .icon-button{padding: 9px; width: 39px; height: 39px;}
.runtime .icon-button svg{width: 22px; height: 22px;}
.runtime .wrap{max-width: 1120px; margin: auto; padding-left: 24px; padding-right: 24px;}
.runtime .hero{padding-top: 92px; padding-bottom: 65px; text-align: center;}
.runtime .hero h1{font-size: clamp(36px, 6vw, 67px); line-height: 1.12; letter-spacing: -3px; margin: 14px auto 24px; max-width: 850px;}
.runtime .hero h1 span{background-clip: text; color: transparent;}
.runtime .eyebrow{font-size: 11px; color: var(--pink); letter-spacing: 1.7px; font-weight: 600;}
.runtime h2{font-size: 30px; line-height: 1.2; letter-spacing: -1px;}
.runtime h3{font-size: 18px; margin-top: 0px;}
.runtime .muted,.runtime .tiny{color: var(--muted);}
.runtime .tiny{font-size: 12px;}
.runtime .hero p{max-width: 630px; margin: 0px auto 24px; color: var(--muted);}
.runtime .hero .actions{justify-content: center;}
.runtime .community{background: linear-gradient(110deg, rgb(245, 54, 121), rgb(150, 59, 114), rgb(51, 50, 65)); color: white; margin-top: 12px; border: 0px;}
.runtime .section{padding-top: 45px; padding-bottom: 45px; border-top: 1px solid var(--line);}
.runtime .grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px;}
.runtime .stats{display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 24px 0px;}
.runtime .card{background: var(--card); border: 1px solid var(--line); border-radius: 15px; padding: 25px; min-width: 0px;}
.runtime .card p{color: var(--muted);}
.runtime .stat{padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface);}
.runtime .stat small{display: block; color: var(--muted); font-size: 11px;}
.runtime .stat strong{display: block; font-size: 24px; margin-top: 8px; overflow-wrap: anywhere;}
.runtime .center{text-align: center;}
.runtime .supply{font-size: 32px;}
.runtime .table-scroll{overflow: auto;}
.runtime table{width: 100%; border-collapse: collapse; text-align: left; font-size: 12px;}
.runtime th{color: var(--muted); font-weight: 400; white-space: nowrap;}
.runtime td,.runtime th{padding: 13px 9px; border-bottom: 1px solid var(--line);}
.runtime .address{font-family: monospace; overflow-wrap: anywhere;}
.runtime .green{color: var(--green);}
.runtime .reward-card{max-width: 760px; margin: auto; background: var(--greenbg); border-radius: 20px; padding: 34px; text-align: center;}
.runtime .reward-card .grid strong{display: block;}
.runtime .reward-number{color: var(--green); font-size: clamp(33px, 6vw, 60px); letter-spacing: -2px; margin: 18px 0px 30px;}
.runtime .reward-number small{font-size: 18px; letter-spacing: 0px;}
.runtime .track{height: 7px; border-radius: 20px; overflow: hidden; margin: 10px 0px 20px;}
.runtime .track>div{height: 100%; background: var(--green); width: 0px;}
.runtime .info{display: inline-grid; place-items: center; border: 1px solid; color: var(--muted); background: transparent; border-radius: 50%; width: 18px; height: 18px; min-width: 18px; padding: 0px; font-size: 10px; vertical-align: middle; margin-left: 5px;}
.tooltip.runtime{position: fixed; z-index: 200; width: 260px; max-width: calc(100vw - 24px); border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px; font-size: 12px; background: var(--card); box-shadow: 0 10px 30px #0002;}
.runtime .vision-grid{display: grid; grid-template-columns: 1.1fr 1fr; gap: 60px; align-items: start;}
.runtime .vision-copy p{font-size: 14px; color: var(--muted);}
.runtime .vision-copy h2{font-size: 34px;}
.runtime .project-story-more h3{margin-top: 24px;}
.runtime .read-less-label{display: none;}
.runtime details[open] .read-more-label{display: none;}
.runtime details[open] .read-less-label{display: inline;}
.runtime .project-collapse{display: none;}
.runtime .vision-visual{border: 1px solid var(--line); border-radius: 15px;}
html[data-theme=dark] .runtime .vision-visual{}
.runtime .page-head{padding: 48px 0px 20px;}
.runtime .page-head h1{font-size: 38px; letter-spacing: -1.5px; margin: 10px 0px;}
.runtime .page-head p{color: var(--muted);}
.runtime .form{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--line);}
.runtime label{display: block; font-size: 12px; color: var(--muted); margin: 16px 0px 6px;}
.runtime input,.runtime select,.runtime textarea{display: block; width: 100%; padding: 12px 13px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg); color: var(--text); min-width: 0px;}
.runtime textarea{min-height: 90px;}
.runtime .full{width: 100%; margin-top: 15px;}
.runtime .step{background: var(--yellow); color: var(--text);}
.runtime .step.complete{background: var(--greenbg); color: var(--green); border-color: var(--green);}
.runtime .notice{white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; color: var(--muted); margin-top: 14px;}
.runtime .notice[data-state=success]{color: var(--green);}
.runtime .notice[data-state=error]{color: var(--red);}
.runtime .notice a{text-decoration: underline;}
.runtime .row{display: flex; justify-content: space-between; gap: 20px; margin: 12px 0px;}
.runtime .row span{color: var(--muted);}
.runtime .status-box{padding: 14px; border-radius: 10px; font-size: 13px; background: var(--redbg); color: var(--red);}
.runtime .status-box[data-positive=true]{background: var(--greenbg); color: var(--green);}
dialog.runtime{border: 1px solid var(--line); background: var(--card); color: var(--text); border-radius: 17px; width: min(640px, 100% - 24px); padding: 26px; max-height: 90dvh; overflow: auto;}
dialog.runtime.wide{width: min(900px, 100% - 24px);}
dialog.runtime::backdrop{background: rgba(9, 13, 23, 0.4); backdrop-filter: blur(3px);}
.runtime .dialog-head{display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px;}
.runtime .dialog-head h2{font-size: 23px; margin: 0px;}
.runtime .profile-values{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 20px 0px;}
.runtime .profile-value{border-radius: 12px; padding: 18px; background: var(--surface); border: 1px solid var(--line);}
.runtime .profile-value span{font-size: 11px;}
.runtime .profile-value strong{display: block; font-size: 23px; margin-top: 10px; overflow-wrap: anywhere;}
.runtime .profile-value[data-state=positive]{background: var(--greenbg); color: var(--green);}
.runtime .profile-value[data-state=zero]{background: var(--redbg); color: var(--red);}
.runtime .profile-value[data-state=positive] strong{color: var(--green) !important;}
.runtime .profile-value[data-state=zero] strong{color: var(--red) !important;}
.runtime .admin-layout{display: grid; grid-template-columns: 145px 1fr; gap: 18px;}
.runtime .admin-menu button{display: block; width: 100%; margin-bottom: 8px; text-align: left; font-size: 11px;}
.runtime .admin-menu button[aria-selected=true]{color: var(--pink); border-color: var(--pink);}
.runtime .admin-view{min-width: 0px;}
.runtime .poll-option{position: relative; display: block; width: 100%; text-align: left; overflow: hidden; margin: 9px 0px; background: var(--surface);}
.runtime .poll-option span{position: relative; z-index: 1;}
.runtime .poll-fill{position: absolute; inset: 0 auto 0 0; background: var(--yellow); opacity: 0.8;}
.runtime .poll-fill.lead{background: var(--greenbg);}
.runtime .market-grid{display: grid; grid-template-columns: 1.4fr 1fr; gap: 20px;}
.runtime .chart{width: 100%; height: 220px; display: block;}
.runtime .chart-empty{padding: 75px 15px; text-align: center; color: var(--muted);}
.runtime footer{border-top: 1px solid var(--line); margin-top: 55px; padding-top: 28px; padding-bottom: 28px; color: var(--muted); font-size: 11px;}
.runtime footer details{margin-top: 15px;}
.runtime .pending{padding: 12px 20px; background: var(--yellow); text-align: center; font-size: 12px;}
.runtime .founder{max-width: 720px; text-align: center;}
.runtime .founder blockquote{font-size: 22px; letter-spacing: -0.4px;}
.runtime .founder small{color: var(--muted);}
.runtime [hidden]{display: none !important;}
@media (max-width:800px){.runtime .stats{grid-template-columns: repeat(2,1fr);}
.runtime .vision-grid,.runtime .market-grid{grid-template-columns: 1fr; gap: 25px;}
.runtime .hero{padding-top: 55px; padding-bottom: 40px;}
.runtime .hero h1{letter-spacing: -1.5px;}
.runtime .grid{grid-template-columns: 1fr;}
.runtime .nav{padding: 12px 16px;}
.runtime .nav .links{display: none;}
.runtime .wrap{padding-left: 17px; padding-right: 17px;}
.runtime .card{padding: 21px;}
.runtime .admin-layout{grid-template-columns: 1fr;}
.runtime .admin-menu{display: flex; flex-wrap: wrap; gap: 5px;}
.runtime .admin-menu button{width: auto; font-size: 10px; padding: 8px;}
.runtime .reward-card{padding: 25px 20px;}
.runtime .profile-value{padding: 13px;}
.runtime .profile-value strong{font-size: 19px;}
.runtime .brand{font-size: 18px;}
.runtime .nav-actions{gap: 6px;}
.runtime .nav-actions button{font-size: 11px; padding: 9px;}}
@media (prefers-reduced-motion:reduce){.runtime *{scroll-behavior: auto !important;}}
.runtime .token-copy-row{margin-top: 25px; display: flex; gap: 9px; align-items: center; justify-content: center; flex-wrap: wrap; font-size: 11px;}
.runtime .token-copy-row .address{font-size: 11px;}
.runtime .token-copy-row button{padding: 6px 9px; font-size: 10px;}
.runtime .token-copy-row .green{color: var(--green) !important;}
.runtime .token-copy-row button.complete{background: var(--greenbg); color: var(--green); border-color: var(--green);}
.runtime .private-allocation{display: grid; grid-template-columns: 2fr 1fr 1fr auto; align-items: end; gap: 8px; border: 1px solid var(--line); padding: 12px; border-radius: 10px; margin: 12px 0px;}
.runtime .private-allocation label{margin: 0px; font-size: 10px;}
.runtime .private-allocation input{font-size: 12px; padding: 9px;}
.runtime .private-allocation button{padding: 9px; font-size: 10px;}
.runtime .private-deal{margin: 20px 0px;}
.runtime .private-deal p{white-space: pre-wrap; overflow-wrap: anywhere;}
.runtime .private-deal .actions{margin-top: 18px;}
.runtime .private-fill{margin-top: 15px;}
@media (max-width:650px){.runtime .private-allocation{grid-template-columns: 1fr 1fr;}
.runtime .private-allocation label:first-child{grid-column: 1/-1;}}
.runtime .profile-address-label{margin: 0px 0px 8px; color: var(--muted); font-size: 12px;}
.runtime .profile-address-bar{display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface);}
.runtime .profile-address-bar .address{flex: 1 1 0%; min-width: 0px; font-size: 12px; line-height: 1.6; color: var(--text);}
.runtime .profile-address-bar button{flex-shrink: 0; padding: 8px 11px; font-size: 12px; background: var(--card);}
.runtime .profile-address-bar button.complete{color: var(--green); background: var(--greenbg); border-color: var(--green);}
.runtime .profile-copy-status{margin: 7px 0px 16px; min-height: 0px;}
.runtime .profile-copy-status:empty{margin: 0px 0px 18px;}
.runtime .token-copy-row{display: block; max-width: 650px; margin: 25px auto 0px;}
.runtime .token-address-label{display: block; margin-bottom: 8px;}
.runtime .token-address-bar{display: flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); text-align: left;}
.runtime .token-address-bar .address{flex: 1 1 0%; min-width: 0px; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere;}
.runtime .token-address-bar .copy-icon-button{display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; padding: 7px; border-radius: 9px; background: var(--card);}
.runtime .token-address-bar .copy-icon-button.complete{color: var(--green); border-color: var(--green); background: var(--greenbg);}
.runtime .token-copy-result{display: inline-flex; align-items: center; flex-shrink: 0;}
.runtime .token-copy-result:empty{display: none;}
.runtime .token-copy-result[data-state=success]{color: var(--green) !important;}
.runtime .token-copy-result[data-state=error]{color: var(--red); font-size: 11px;}
.runtime .stake-actions-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; align-items: start;}
.runtime .stake-action-card h2{font-size: 23px; letter-spacing: -0.6px; margin: 0px 0px 20px;}
.runtime .stake-action-card .form{border: 0px; padding-bottom: 0px; margin-bottom: 0px;}
.runtime .stake-action-card .status-box{margin-bottom: 16px;}
@media (max-width:800px){.runtime .stake-actions-grid{grid-template-columns: 1fr;}
.runtime .token-address-bar{gap: 8px; padding: 10px;}
.runtime .token-address-bar .address{font-size: 11px;}}
/* Contact help and SHM price 146 */
#contactDialog .contact-title-help{display:flex;align-items:center;gap:8px;min-width:0}
#contactDialog .contact-title-help .info{margin:0;flex:0 0 18px}