.hp-status,.hp-head-note{display:inline-flex;align-items:center;gap:8px;font:9px "DM Mono",monospace;letter-spacing:1px;color:#a6c78a}
.hp-status i,.hp-head-note i{display:block;width:6px;height:6px;background:#c5f276;border-radius:50%;box-shadow:0 0 0 3px #c5f2761c}
.hp-head-note{margin-top:29px;border:1px solid #3d503d;padding:9px 11px;border-radius:3px}
.hp-overview-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.hp-hero{grid-column:span 7}.hp-overview-flow{grid-column:span 5}.hp-module{grid-column:span 4}
.hp-hero,.hp-overview-flow{height:390px;padding:22px 24px}
.hp-hero{position:relative;overflow:hidden;background:linear-gradient(130deg,#18231b 0%,#121a15 62%,#0e1511 100%)}
.hp-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#c5f27606);pointer-events:none}
.hp-hero-top{display:flex;align-items:center;justify-content:space-between}
.hp-hero-body{display:flex;align-items:center;justify-content:space-between;height:268px;position:relative}
.hp-hero-body>div:first-child{position:relative;z-index:1;max-width:390px}
.hp-pretitle{font-size:12px;color:#9aaa99}
.hp-hero-number{font:700 clamp(48px,5vw,72px) Manrope,sans-serif;letter-spacing:-4px;line-height:1.1;margin:9px 0 13px;color:#eaf5e4;white-space:nowrap}
.hp-hero-number span{font:500 17px "DM Mono",monospace;letter-spacing:0;color:#c5f276;margin-left:12px}
.hp-hero-body p{font-size:11px;line-height:1.7;color:#8fa08d;max-width:315px}
.hp-orbit{width:228px;height:228px;position:relative;flex:none;display:grid;place-items:center;margin-right:20px}
.hp-orbit:before,.hp-orbit:after{content:"";position:absolute;inset:0;border:1px solid #667e5b63;border-radius:50%}
.hp-orbit:after{inset:20px;border-style:dashed;border-color:#c5f2764a}
.hp-orbit-ring{width:140px;height:140px;border:1px solid #98c46a;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#c5f27616,transparent 68%);box-shadow:0 0 0 21px #c5f27608}
.hp-orbit-ring span{font:500 48px "DM Mono",monospace;color:#c5f276;letter-spacing:-5px}
.hp-orbit-a,.hp-orbit-b,.hp-orbit-c{position:absolute;width:7px;height:7px;background:#c5f276;transform:rotate(45deg)}
.hp-orbit-a{top:4px;left:50%}.hp-orbit-b{right:21px;bottom:41px;background:#84a0f0}.hp-orbit-c{left:19px;bottom:48px;background:#6d8665}
.hp-hero-actions{display:flex;gap:9px;position:relative;z-index:1}
.hp-hero-actions .primary-button{width:auto;min-width:178px;padding:11px 14px}
.hp-secondary-button{background:transparent;border:1px solid #465945;color:#c5d6bf;border-radius:3px;padding:11px 15px;font-size:11px}
.hp-secondary-button:hover{border-color:#c5f276;color:#c5f276}
.hp-overview-flow .section-title{margin-bottom:21px}
.hp-flow-step{display:flex;align-items:center;gap:12px;background:#1d2920;border:1px solid #3d503d;border-radius:3px;padding:12px}
.hp-flow-num{font:12px "DM Mono",monospace;color:#c5f276}
.hp-flow-step>div{display:flex;flex-direction:column;gap:2px;flex:1}
.hp-flow-step strong{font-size:12px}.hp-flow-step small{color:#7e927e;font:9px "DM Mono",monospace}
.hp-flow-value{font:18px "DM Mono",monospace;color:#c5f276}
.hp-flow-split{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 14px;position:relative}
.hp-flow-split:before{content:"";position:absolute;left:50%;top:-22px;width:1px;height:21px;background:#6a875b}
.hp-flow-split>div{border:1px solid #3d4c3e;background:#18221a;padding:13px;display:flex;flex-direction:column;gap:3px}
.hp-flow-split span{font:18px "DM Mono",monospace;color:#c5f276}.hp-flow-split strong{font-size:12px}.hp-flow-split small{font-size:9px;color:#829582}
.hp-flow-token{border-top:1px solid #304032;padding-top:14px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.hp-flow-token span{font-size:10px;color:#839783}.hp-flow-token strong{font-size:10px;color:#dbe9d3;white-space:nowrap}.hp-flow-token b{color:#617962;font-weight:400;margin:0 5px}
.hp-flow-caption{font-size:9px;color:#657a68;margin-top:11px}
.hp-module{height:138px;border-radius:4px;padding:18px 20px;text-align:left;display:flex;align-items:center;gap:15px;color:#e4eee0;transition:background .2s,border-color .2s}
.hp-module:hover{background:#1c2a1d;border-color:#799b59}
.hp-module-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid #42583e;background:#243625;border-radius:3px;color:#c5f276;flex:none}
.hp-module>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.hp-module small{font:9px "DM Mono",monospace;color:#769175;letter-spacing:.8px}
.hp-module strong{font-size:15px}.hp-module em{font-size:10px;font-style:normal;color:#889c88;white-space:nowrap}
.hp-module>svg{color:#799776}

.hp-purchase-grid{display:grid;grid-template-columns:minmax(380px,1fr) minmax(380px,.95fr);gap:15px;max-width:1120px;margin:0 auto}
.hp-buy-card,.hp-receipt{min-height:513px;padding:23px 25px}
.hp-step-indicator,.hp-example-tag{font:9px "DM Mono",monospace!important;color:#8ead84!important;letter-spacing:1px}
.hp-field-label{display:block;color:#aabaaa;font-size:11px;margin:27px 0 10px}
.hp-amount-control{height:75px;border:1px solid #466042;background:#1b281e;border-radius:4px;display:flex;align-items:center;padding:9px;gap:7px}
.hp-amount-control input{min-width:0;width:100%;background:transparent;border:0;outline:none;color:#f1f7ee;text-align:left;font:600 31px Manrope,sans-serif;appearance:textfield}
.hp-amount-control input::-webkit-inner-spin-button{-webkit-appearance:none}
.hp-amount-control>span{font:11px "DM Mono",monospace;color:#c5f276;margin-right:5px}
.hp-validation{color:#93b77c;font-size:10px;margin:10px 0 0;min-height:17px}
.hp-validation.invalid{color:#eea080}
.hp-presets,.hp-flow-presets{display:flex;gap:7px;margin-top:18px}
.hp-presets button,.hp-flow-presets button{background:#202c22;border:1px solid #354b38;color:#9eb09d;border-radius:3px;padding:9px 12px;font:10px "DM Mono",monospace;white-space:nowrap}
.hp-presets button.active,.hp-flow-presets button.active{background:#32472e;border-color:#83aa61;color:#d6f6b6}
.hp-buy-divider{height:1px;background:#2d3d2e;margin:24px 0 18px}
.hp-buy-rule{display:flex;align-items:center;gap:11px;margin:14px 0}
.hp-buy-rule>span{width:33px;height:33px;display:grid;place-items:center;border:1px solid #3f563e;color:#b7da98;background:#253426;border-radius:3px;flex:none}
.hp-buy-rule>div{display:flex;flex-direction:column;gap:3px}
.hp-buy-rule strong{font-size:11px}.hp-buy-rule small{font-size:9px;color:#849985}
.hp-buy-cta{margin-top:20px}
.hp-buy-disclaimer{text-align:center;color:#697e6d;font-size:9px;margin-top:11px}
.hp-receipt-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:31px}
.hp-receipt-total span{font-size:11px;color:#8ea18e}.hp-receipt-total strong{font:600 25px Manrope,sans-serif;color:#eaf3e7}
.hp-receipt-track{height:10px;display:flex;gap:3px;margin:22px 0 18px}.hp-receipt-track span{display:block;width:50%;background:#c5f276}.hp-receipt-track span:last-child{background:#789bdf}
.hp-receipt-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #2e3d30}
.hp-receipt-icon{width:32px;height:32px;display:grid;place-items:center;background:#2b412b;border:1px solid #4c6a44;border-radius:3px;color:#c5f276;font:10px "DM Mono",monospace}
.hp-receipt-row:nth-of-type(5) .hp-receipt-icon{color:#a0b4f2;background:#2b3749;border-color:#50658e}
.hp-receipt-row>div:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3px}
.hp-receipt-row strong{font-size:11px}.hp-receipt-row small{font-size:9px;color:#829681}.hp-receipt-row b{font:11px "DM Mono",monospace;color:#dcebd5;font-weight:500}
.hp-receipt-token{background:#1b281d;border:1px solid #354837;padding:14px;margin-top:22px}
.hp-receipt-token>div{display:flex;justify-content:space-between;gap:8px;margin-top:11px}
.hp-receipt-token>div span{display:flex;align-items:center;gap:7px;font-size:11px;color:#dcead8}
.hp-receipt-token svg{color:#c5f276}
.hp-receipt-note{font-size:9px;line-height:1.6;color:#788c7b;margin-top:16px}

.hp-flow-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(285px,.8fr);gap:15px}
.hp-flow-diagram,.hp-flow-notes{min-height:530px;padding:22px 24px}
.hp-flow-presets{margin:15px 0 0}
.hp-flow-source{width:min(280px,100%);height:83px;margin:24px auto 0;position:relative;border:1px solid #70995e;background:#203120;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.hp-flow-source span{font-size:10px;color:#a6bca0}.hp-flow-source strong{font-size:20px}.hp-flow-source small{font:8px "DM Mono",monospace;color:#718970}
.hp-flow-source:after{content:"";position:absolute;width:1px;height:24px;background:#8caf78;left:50%;bottom:-24px}
.hp-branch{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:24px 0 0;position:relative}
.hp-branch:before{content:"";position:absolute;top:0;left:calc(25% - 9px);right:calc(25% - 9px);height:1px;background:#66855c}
.hp-branch>div{position:relative;border:1px solid #3c503e;background:#18241b;min-height:129px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;padding:11px}
.hp-branch>div:before{content:"";position:absolute;width:1px;height:14px;background:#66855c;top:-14px;left:50%}
.hp-branch-kicker{font:9px "DM Mono",monospace;color:#a8cd90}.hp-branch strong{font-size:14px}.hp-branch b{font:13px "DM Mono",monospace;color:#e9f6df;font-weight:500}.hp-branch small{font-size:9px;color:#819683}
.hp-token-branch{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:28px 0 0 50%;position:relative}
.hp-token-branch:before{content:"";position:absolute;width:1px;height:28px;background:#66855c;left:50%;top:-28px}
.hp-token-branch>div{border:1px solid #405343;background:#1d2b20;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:7px}
.hp-token-branch>div>span{color:#c5f276}.hp-token-branch strong{font-size:11px}.hp-token-branch small{font-size:8px;color:#809682}
.hp-flow-notes .section-title{margin-bottom:22px}
.hp-note-row{border-top:1px solid #344536;padding:18px 0;display:grid;grid-template-columns:27px 1fr;column-gap:9px;row-gap:5px}
.hp-note-row b{color:#c5f276;font:11px "DM Mono",monospace;font-weight:500}.hp-note-row span{font-size:12px;font-weight:700}.hp-note-row p{grid-column:2;color:#8da18d;font-size:10px;line-height:1.5}
.hp-note-callout{border:1px solid #4d6546;background:#253525;padding:14px 12px;display:flex;align-items:flex-start;gap:9px;color:#c7dfbd;font-size:10px;line-height:1.6;margin-top:14px}
.hp-note-callout svg{color:#c5f276}

.hp-reinvest-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.8fr);gap:15px}
.hp-reinvest-hero{height:495px;padding:24px;position:relative;overflow:hidden;background:linear-gradient(145deg,#17241a,#111914)}
.hp-reinvest-emblem{position:absolute;right:39px;top:66px;color:#7daa64;opacity:.22;transform:rotate(-15deg)}
.hp-reinvest-number{font:700 96px Manrope,sans-serif;letter-spacing:-5px;line-height:1;margin-top:75px;color:#c5f276}
.hp-reinvest-number span{font-size:45px}
.hp-reinvest-hero h2{font-size:25px;margin-top:14px}.hp-reinvest-hero p{font-size:11px;color:#8ca18a;margin-top:9px;line-height:1.6}
.hp-reinvest-bottom{position:absolute;bottom:23px;left:24px;right:24px;border-top:1px solid #344536;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.hp-reinvest-bottom>span{font-size:9px;color:#778d7a}
.hp-reinvest-side{display:grid;grid-template-rows:1fr 1fr;gap:15px}
.hp-reinvest-card{padding:22px 23px}
.hp-linear-flow{display:flex;align-items:center;gap:8px;margin-top:35px}
.hp-linear-flow span,.hp-linear-flow strong{white-space:nowrap;font-size:10px;padding:7px;background:#263729;border:1px solid #415c40;color:#c6d9c1}
.hp-linear-flow strong{color:#c5f276}.hp-linear-flow svg{color:#789774;width:12px}
.hp-reinvest-card>p{font-size:10px;color:#829782;margin-top:23px}
.hp-pending-list{margin-top:20px}.hp-pending-list>div{display:flex;justify-content:space-between;border-top:1px solid #304033;padding:12px 0;color:#8fa38f;font-size:11px}.hp-pending-list b{color:#c8d7c4;font-size:10px;font-weight:500}

.hp-community-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:15px}
.hp-community-main,.hp-community-side{height:495px;padding:23px 25px}
.hp-community-main{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,#273c27,#151d16 50%)}
.hp-community-index{font:10px "DM Mono",monospace;letter-spacing:1.2px;color:#91b67c}
.hp-community-symbol{width:102px;height:102px;border:1px solid #78946d;border-radius:50%;color:#c5f276;display:grid;place-items:center;margin-top:60px;box-shadow:0 0 0 18px #c5f27608,0 0 0 38px #c5f27604}
.hp-coming{display:inline-block;margin-top:36px;color:#c5f276;font:10px "DM Mono",monospace;letter-spacing:1.2px}
.hp-community-main h2{font-size:27px;line-height:1.25;margin-top:10px}.hp-community-main p{font-size:11px;line-height:1.7;color:#92a593;max-width:340px;margin-top:11px}
.hp-community-line{display:flex;gap:5px;position:absolute;bottom:23px;left:25px;right:25px}.hp-community-line span{height:3px;background:#c5f276;width:24%}.hp-community-line span:nth-child(n+2){background:#354636;width:38%}
.hp-community-side .hp-pending-list{margin-top:27px}.hp-community-side .hp-pending-list>div{padding:20px 0}
.hp-community-foot{border-top:1px solid #334535;margin-top:20px;padding-top:18px;display:flex;gap:9px;align-items:flex-start;color:#91a891;font-size:10px;line-height:1.6}.hp-community-foot svg{color:#c5f276}
.hp-modal-caution{border:1px solid #465c42;background:#243326;padding:10px;color:#a7bda2!important;margin:10px 0 5px!important}

@media(max-width:1100px){
  .hp-overview-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
  .hp-hero,.hp-overview-flow{padding:19px}
  .hp-orbit{width:160px;height:160px;margin-right:0}.hp-orbit-ring{width:100px;height:100px}.hp-orbit-ring span{font-size:37px}
  .hp-module{padding:14px;gap:10px}.hp-module-icon{width:35px;height:35px}.hp-module em{white-space:normal}
  .hp-purchase-grid{grid-template-columns:1fr 1fr}
  .hp-buy-card,.hp-receipt{padding:20px}
  .hp-reinvest-grid,.hp-community-grid{grid-template-columns:1.1fr .9fr}
  .hp-linear-flow{gap:4px}.hp-linear-flow span,.hp-linear-flow strong{padding:6px 4px;font-size:9px}
}

@media(max-width:820px){
  .hp-overview-grid{grid-template-columns:1fr 1fr}
  .hp-hero,.hp-overview-flow{grid-column:1/-1;height:auto;min-height:330px}
  .hp-module{grid-column:auto;height:125px}.hp-module:last-child{grid-column:1/-1}
  .hp-purchase-grid,.hp-flow-layout,.hp-reinvest-grid,.hp-community-grid{grid-template-columns:1fr}
  .hp-buy-card,.hp-receipt,.hp-flow-diagram,.hp-flow-notes{min-height:0}
  .hp-reinvest-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .hp-community-main,.hp-community-side{height:auto;min-height:340px}
}

@media(max-width:600px){
  .topbar:before{content:"XFI"}
  .topbar-right .wallet-button{font-size:10px}
  .hp-head-note{display:none}
  .hp-status{font-size:8px}
  .hp-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .hp-hero,.hp-overview-flow{grid-column:1/-1;min-height:0;height:auto;padding:14px}
  .hp-hero{height:275px}
  .hp-hero-top .label{font-size:8px;letter-spacing:.5px}
  .hp-hero-body{height:174px}
  .hp-pretitle{font-size:10px}
  .hp-hero-number{font-size:47px;letter-spacing:-3px;margin:7px 0 9px}
  .hp-hero-number span{font-size:12px;margin-left:6px}
  .hp-hero-body p{font-size:10px;line-height:1.5;max-width:245px}
  .hp-orbit{width:100px;height:100px;position:absolute;right:-28px;top:30px;opacity:.45}
  .hp-orbit-ring{width:65px;height:65px}.hp-orbit-ring span{font-size:26px}
  .hp-orbit:after{inset:10px}.hp-orbit-a,.hp-orbit-b,.hp-orbit-c{width:4px;height:4px}
  .hp-hero-actions{gap:7px}
  .hp-hero-actions .primary-button{min-width:0;flex:1;padding:9px;font-size:10px}
  .hp-secondary-button{padding:8px 9px;font-size:9px}
  .hp-overview-flow{height:233px}
  .hp-overview-flow .section-title{margin-bottom:12px}
  .hp-flow-step{padding:8px}.hp-flow-step strong{font-size:11px}.hp-flow-value{font-size:15px}
  .hp-flow-split{margin:13px 0 10px;gap:7px}
  .hp-flow-split:before{top:-13px;height:13px}
  .hp-flow-split>div{padding:8px}.hp-flow-split span{font-size:15px}.hp-flow-split strong{font-size:10px}.hp-flow-split small{font-size:8px}
  .hp-flow-token{padding-top:10px}.hp-flow-token span{font-size:9px}.hp-flow-token strong{font-size:9px}
  .hp-flow-caption{font-size:8px;margin-top:8px}
  .hp-module,.hp-module:last-child{grid-column:auto;height:95px;padding:8px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}
  .hp-module-icon{width:24px;height:24px;border:0;background:transparent}.hp-module-icon svg{width:20px;height:20px}
  .hp-module>span:nth-child(2){flex:none;gap:2px}.hp-module small,.hp-module em,.hp-module>svg{display:none}.hp-module strong{font-size:10px;white-space:nowrap}
  .hp-purchase-grid{gap:9px}
  .hp-buy-card,.hp-receipt{padding:15px;height:auto}
  .hp-field-label{margin:17px 0 8px;font-size:10px}
  .hp-amount-control{height:64px;padding:7px;gap:5px}.hp-amount-control input{font-size:25px}.hp-amount-control>span{font-size:10px}
  .hp-validation{font-size:9px;margin-top:7px}
  .hp-presets{gap:5px;margin-top:12px}.hp-presets button{flex:1;padding:7px 3px;font-size:9px}
  .hp-buy-divider{margin:15px 0 11px}
  .hp-buy-rule{margin:9px 0;gap:8px}.hp-buy-rule>span{width:27px;height:27px}.hp-buy-rule strong{font-size:10px}.hp-buy-rule small{font-size:8px}
  .hp-buy-cta{margin-top:13px;padding:10px}.hp-buy-disclaimer{font-size:8px;margin-top:7px}
  .hp-receipt-total{margin-top:18px}.hp-receipt-total strong{font-size:19px}
  .hp-receipt-track{margin:14px 0 8px;height:7px}
  .hp-receipt-row{padding:10px 0;gap:8px}.hp-receipt-icon{width:25px;height:25px;font-size:8px}.hp-receipt-row b{font-size:10px}
  .hp-receipt-token{margin-top:13px;padding:10px}.hp-receipt-token>div span{font-size:9px;gap:4px}.hp-receipt-token svg{width:13px}
  .hp-receipt-note{font-size:8px;margin-top:9px}
  .hp-flow-layout{gap:9px}
  .hp-flow-diagram,.hp-flow-notes{padding:14px}
  .hp-flow-presets{margin-top:9px}.hp-flow-presets button{flex:1;padding:6px 4px;font-size:9px}
  .hp-flow-source{height:60px;margin-top:17px}.hp-flow-source strong{font-size:17px}.hp-flow-source:after{height:16px;bottom:-16px}
  .hp-branch{gap:12px;margin-top:16px}.hp-branch>div{min-height:103px;padding:7px}.hp-branch>div:before{height:8px;top:-8px}.hp-branch-kicker{font-size:8px}.hp-branch strong{font-size:12px}.hp-branch b{font-size:10px}.hp-branch small{font-size:8px}
  .hp-token-branch{margin-top:19px;margin-left:50%;gap:5px}.hp-token-branch:before{height:19px;top:-19px}.hp-token-branch>div{min-height:76px;padding:5px}.hp-token-branch strong{font-size:9px}.hp-token-branch small{font-size:7px}
  .hp-flow-notes .section-title{margin-bottom:8px}.hp-note-row{padding:10px 0;grid-template-columns:22px 1fr}.hp-note-row b,.hp-note-row span{font-size:10px}.hp-note-row p{font-size:9px}.hp-note-callout{margin-top:8px;padding:9px;font-size:9px}
  .hp-reinvest-grid,.hp-community-grid{gap:9px}
  .hp-reinvest-hero{height:305px;padding:17px}.hp-reinvest-number{font-size:75px;margin-top:46px}.hp-reinvest-number span{font-size:32px}.hp-reinvest-hero h2{font-size:20px}.hp-reinvest-hero p{font-size:10px}.hp-reinvest-bottom{left:17px;right:17px;bottom:15px;padding-top:10px}.hp-reinvest-bottom>span{font-size:8px}.hp-reinvest-emblem{top:45px;right:18px}
  .hp-reinvest-side{grid-template-columns:1fr;gap:9px}.hp-reinvest-card{padding:15px;min-height:120px}.hp-linear-flow{margin-top:18px;justify-content:space-between}.hp-linear-flow span,.hp-linear-flow strong{font-size:9px}.hp-reinvest-card>p{margin-top:12px;font-size:9px}.hp-pending-list{margin-top:10px}.hp-pending-list>div{padding:8px 0;font-size:10px}
  .hp-community-main,.hp-community-side{min-height:0;padding:17px}
  .hp-community-main{height:310px}.hp-community-symbol{width:70px;height:70px;margin-top:31px}.hp-community-symbol svg{width:38px}.hp-coming{margin-top:27px}.hp-community-main h2{font-size:22px}.hp-community-main p{font-size:10px}.hp-community-line{bottom:16px;left:17px;right:17px}
  .hp-community-side{height:251px}.hp-community-side .hp-pending-list{margin-top:9px}.hp-community-side .hp-pending-list>div{padding:10px 0}.hp-community-foot{margin-top:8px;padding-top:9px;font-size:9px}
  .hp-modal-caution{font-size:9px!important}
}
@media(max-width:370px){
  .hp-hero-number{font-size:41px}.hp-hero-number span{font-size:10px}
  .hp-flow-token strong{font-size:8px}
  .hp-module strong{font-size:9px}
  .hp-presets button{font-size:8px}
  .hp-receipt-row b{font-size:9px}
  .hp-linear-flow span,.hp-linear-flow strong{font-size:8px}
}

/* Account and output views */
.hp-balance-card{display:flex;flex-direction:column}
.hp-balance-card .section-title{margin-bottom:0}
.hp-balance-main{margin:33px 0 16px;display:flex;flex-direction:column;gap:6px}
.hp-balance-main strong{font:700 clamp(29px,3.2vw,43px) Manrope,sans-serif;letter-spacing:-1.5px;color:#eaf6e4;white-space:nowrap}
.hp-balance-main>span{font:9px "DM Mono",monospace;color:#84a27c}
.hp-meter{height:7px;background:#344539;overflow:hidden;border-radius:20px}
.hp-meter span{display:block;height:100%;background:linear-gradient(90deg,#a2ca6c,#d3f487);border-radius:20px}
.hp-meter-label{display:flex;justify-content:space-between;gap:10px;margin-top:9px;color:#819482;font:9px "DM Mono",monospace}
.hp-used-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:25px}
.hp-used-grid>div{border:1px solid #354938;background:#1a261c;padding:11px;display:flex;flex-direction:column;gap:7px}
.hp-used-grid small{font-size:9px;color:#819783}.hp-used-grid strong{font:500 13px "DM Mono",monospace;color:#e4eedf}
.hp-balance-note{margin-top:auto;padding-top:12px;color:#819783;font-size:9px;line-height:1.5}
.hp-projection-lead{padding:21px;margin-top:24px;background:linear-gradient(115deg,#273d2a,#1b2a20);border:1px solid #567149;display:flex;flex-direction:column;gap:4px}
.hp-projection-lead small{color:#a3baa0;font-size:10px}
.hp-projection-lead strong{font:700 42px Manrope,sans-serif;color:#e8f6df;letter-spacing:-2px;line-height:1.2}
.hp-projection-lead span{color:#c4e9a4;font:10px "DM Mono",monospace}
.hp-projection-list{margin-top:22px}
.hp-projection-list>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-bottom:1px solid #304233;padding:12px 0}
.hp-projection-list span{color:#8da18f;font-size:10px}
.hp-projection-list strong{color:#e7f1e1;font:500 12px "DM Mono",monospace;white-space:nowrap}
.hp-projection-remain{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:18px;padding:14px;background:#263a28;border:1px solid #58784a}
.hp-projection-remain span{font-size:10px;color:#b6d4aa}
.hp-projection-remain strong{font:600 18px Manrope,sans-serif;color:#e4f8d7;white-space:nowrap}
.hp-output-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:14px;align-items:start;max-width:1200px;margin:0 auto}
.hp-output-balance,.hp-output-history{padding:23px 25px;min-width:0}
.hp-output-primary{margin-top:22px;padding:20px 18px;background:linear-gradient(115deg,#233626,#18251b);border:1px solid #4f6b45;display:flex;flex-direction:column;gap:8px}
.hp-output-primary>span{font-size:11px;color:#bad2b0}
.hp-output-primary strong{font:700 clamp(28px,2.7vw,39px) Manrope,sans-serif;letter-spacing:-1px;color:#edf9e7;white-space:nowrap}
.hp-output-primary small{font-size:10px;color:#91aa8c}
.hp-output-balance .hp-meter{margin-top:22px}
.hp-output-meter-label{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:#8fa78d;font:10px "DM Mono",monospace}
.hp-output-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}
.hp-output-breakdown>div{padding:16px 13px;background:#18251a;border:1px solid #354937;display:flex;flex-direction:column;gap:9px}
.hp-output-breakdown span{color:#8fa58e;font-size:10px}
.hp-output-breakdown strong{color:#dfefd8;font:500 15px "DM Mono",monospace;white-space:nowrap}
.hp-output-rule{margin-top:19px;color:#8fa78d;font-size:10px;line-height:1.55}
.hp-output-history-count{color:#7e9d75!important;font-size:9px!important;letter-spacing:0!important}
.hp-output-filters{display:flex;gap:6px;margin-top:21px;padding:4px;background:#18251a;border:1px solid #354937}
.hp-output-filters button{min-width:72px;border:0;border-radius:2px;background:transparent;color:#8fa58a;padding:8px 11px;font-size:10px}
.hp-output-filters button.active{background:#354b32;color:#e0f5d1}
.hp-output-records{margin-top:12px;border-top:1px solid #304235}
.hp-output-record{padding:14px 0;border-bottom:1px solid #304235;min-width:0}
.hp-record-top,.hp-record-bottom{display:flex;align-items:center;gap:10px;min-width:0}
.hp-record-kind{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:5px 8px;border:1px solid #536d48;background:#273929;color:#cbe8b9;font-size:9px;white-space:nowrap}
.hp-record-kind.dynamic{border-color:#53665b;background:#25332c;color:#add0bd}
.hp-record-top time{color:#80957f;font:9px "DM Mono",monospace;white-space:nowrap}
.hp-record-top strong{margin-left:auto;color:#ebf8e6;font:600 15px "DM Mono",monospace;white-space:nowrap}
.hp-record-bottom{justify-content:space-between;margin-top:9px;color:#849b83;font:10px "DM Mono",monospace}
.hp-record-bottom b{color:#c6dfb8;font-weight:500;white-space:nowrap}
.hp-output-more{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:13px;padding:9px;border:1px solid #456044;background:#1d2b20;color:#c8e5b7;font-size:10px}
.hp-output-more:hover{border-color:#9acb6e;color:#edffd9}
.hp-output-explain{margin-top:17px;color:#92a88f;font-size:10px;line-height:1.6}
.hp-output-disclaimer{max-width:1200px;margin:10px auto 0;color:#718873;font-size:9px;line-height:1.5}
.hp-reinvest-pending .hp-reinvest-number{font-size:91px;color:#a8d17f}
.hp-reinvest-pending .hp-reinvest-number span{font-size:50px}
@media(max-width:820px){
  .hp-output-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .hp-balance-card{height:auto;min-height:230px}
  .hp-balance-main{margin:14px 0 12px;gap:1px}
  .hp-balance-main strong{font-size:29px}
  .hp-meter-label{font-size:8px;margin-top:6px}
  .hp-used-grid{margin-top:13px;gap:6px}
  .hp-used-grid>div{padding:8px;gap:5px}
  .hp-used-grid small{font-size:8px}.hp-used-grid strong{font-size:10px}
  .hp-balance-note{font-size:8px;padding-top:8px}
  .hp-projection-lead{margin-top:13px;padding:13px}.hp-projection-lead strong{font-size:31px}
  .hp-projection-list{margin-top:12px}.hp-projection-list>div{padding:8px 0}
  .hp-projection-remain{margin-top:12px;padding:11px}.hp-projection-remain strong{font-size:16px}
  .hp-output-grid{gap:9px}
  .hp-output-balance,.hp-output-history{padding:12px}
  .hp-output-primary{margin-top:8px;padding:10px;gap:3px}.hp-output-primary strong{font-size:28px}.hp-output-primary>span{font-size:9px}.hp-output-primary small{font-size:8px}
  .hp-output-balance .hp-meter{margin-top:10px}.hp-output-meter-label{font-size:8px;margin-top:5px}
  .hp-output-breakdown{margin-top:10px;gap:6px}.hp-output-breakdown>div{padding:8px;gap:4px}.hp-output-breakdown span{font-size:8px}.hp-output-breakdown strong{font-size:11px}
  .hp-output-rule{display:none}
  .hp-output-history-count{font-size:8px!important}
  .hp-output-filters{margin-top:10px}.hp-output-filters button{flex:1;min-width:0;padding:7px 5px;font-size:9px}
  .hp-output-record{padding:8px 0}.hp-record-top{gap:6px}.hp-record-kind{min-width:56px;padding:4px 5px;font-size:8px}.hp-record-top time{font-size:8px}.hp-record-top strong{font-size:11px}
  .hp-record-bottom{font-size:8px;margin-top:7px}.hp-output-more{margin-top:9px;padding:8px;font-size:9px}.hp-output-explain{font-size:8px;margin-top:12px}.hp-output-disclaimer{font-size:8px}
  .hp-reinvest-pending .hp-reinvest-number{font-size:72px}
}
@media(max-width:370px){
  .hp-balance-main strong{font-size:26px}
  .hp-projection-remain strong{font-size:14px}
  .hp-output-primary strong{font-size:26px}
  .hp-record-top strong{font-size:10px}
}

/* XFI identity and referral module */
.mobile-brand{display:none}
.brand-symbol{width:30px;height:31px;flex:none;margin-top:1px}
.hp-orbit-ring img{width:79px;height:79px;display:block;filter:drop-shadow(0 0 15px #c5f27645)}
.hp-network-line{display:flex;align-items:baseline;gap:8px;border-top:1px solid #344636;margin-top:18px;padding-top:12px}
.hp-network-line span{color:#9bae99;font-size:10px}
.hp-network-line strong{color:#d7e9ca;font:500 17px "DM Mono",monospace}
.hp-network-line small{color:#779174;font-size:8px}
.hp-referral-main{background:radial-gradient(circle at 77% 18%,#2d442d,#151d16 55%);overflow:hidden}
.hp-referral-symbol{position:absolute;right:33px;top:61px;width:105px;height:105px;opacity:.32}
.hp-referral-symbol img{display:block;width:100%;height:100%}
.hp-referral-main .hp-coming{margin-top:56px}
.hp-referral-main h2{font-size:26px}
.hp-referral-main p{max-width:390px}
.hp-ref-label{display:block;color:#a7bba2;font-size:10px;margin-top:24px;margin-bottom:7px}
.hp-ref-wallet,.hp-ref-link-wrap input{display:block;width:100%;height:43px;border:1px solid #466447;border-radius:3px;background:#1d2c20;color:#e8f3e1;padding:0 11px;font:11px "DM Mono",monospace;outline:none}
.hp-ref-wallet:focus{border-color:#c8f47b}
.hp-ref-wallet::placeholder,.hp-ref-link-wrap input::placeholder{color:#6d816f}
.hp-ref-link-wrap{margin-top:13px}
.hp-ref-link-wrap>span{display:block;color:#a7bba2;font-size:10px;margin-bottom:7px}
.hp-ref-link-wrap input{background:#17241a;color:#c3e6ac;overflow:hidden;text-overflow:ellipsis}
.hp-ref-copy{margin-top:15px;min-height:42px}
.hp-ref-status{display:block;margin-top:8px;color:#8ca989;font-size:9px}
.hp-ref-source{border-top:1px solid #38503b;margin-top:13px;padding-top:10px;color:#91aa8f;font-size:10px}
.hp-ref-source strong{color:#c6e8ae;font:10px "DM Mono",monospace;margin-left:7px}
@media(max-width:600px){
  .topbar:before{display:none}
  .mobile-brand{display:flex;align-items:center;gap:6px}
  .mobile-brand img{width:23px;height:23px}
  .mobile-brand strong{color:#eaf0e6;font:800 20px Manrope,sans-serif;letter-spacing:-1.2px}
  .hp-orbit-ring img{width:42px;height:42px}
  .hp-network-line{margin-top:9px;padding-top:8px;gap:6px}
  .hp-network-line span{font-size:9px}.hp-network-line strong{font-size:13px}.hp-network-line small{font-size:7px}
  .hp-referral-main{height:auto;min-height:389px;padding:17px}
  .hp-referral-symbol{right:16px;top:32px;width:70px;height:70px;opacity:.2}
  .hp-referral-main .hp-coming{margin-top:24px}
  .hp-referral-main h2{font-size:20px;margin-top:7px}
  .hp-referral-main p{margin-top:7px}
  .hp-ref-label{margin-top:17px}
  .hp-ref-wallet,.hp-ref-link-wrap input{height:38px;font-size:10px}
  .hp-ref-link-wrap{margin-top:10px}
  .hp-ref-copy{margin-top:12px;min-height:37px;padding:8px;font-size:10px}
  .hp-ref-status{font-size:8px}
}
@media(max-width:370px){
  .hp-network-line strong{font-size:11px}
  .hp-referral-main{min-height:380px}
}

/* Community account summary and direct referrals */
.hp-community-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.hp-community-stats .panel{height:105px;padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between}
.hp-community-stats span{color:#9eaf9b;font-size:11px}
.hp-community-stats strong{color:#e8f4e0;font:700 27px Manrope,sans-serif;letter-spacing:-1px;line-height:1}
.hp-community-stats small{color:#779075;font-size:9px}
.hp-community-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:12px;max-width:1200px}
.hp-referral-card,.hp-direct-card{min-height:445px;padding:21px 22px}
.hp-referral-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.hp-referral-heading img{width:61px;height:61px;flex:none}
.hp-referral-heading p{font-size:10px;line-height:1.55;color:#8da58b;max-width:300px;margin-top:10px}
.hp-wallet-connect{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:49px;margin-top:33px;border:1px solid #658757;border-radius:3px;background:#263b28;color:#d8f2c4;font-size:11px}
.hp-wallet-connect:hover{border-color:#c8f47b}
.hp-wallet-bound{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#253a28;border:1px solid #53724b;padding:14px;margin-top:33px}
.hp-wallet-bound span{font-size:10px;color:#9eb698}
.hp-wallet-bound strong{font:500 12px "DM Mono",monospace;color:#e2f7d1}
.hp-referral-card .hp-ref-link-wrap{margin-top:22px}
.hp-referral-card .hp-ref-copy{margin-top:18px}
.hp-referral-card .hp-ref-source{margin-top:20px}
.hp-wallet-error{color:#e4a997;font-size:10px;margin-top:15px}
.hp-direct-card .section-title{margin-bottom:13px}
.hp-direct-card .section-title h2{font-size:17px}
.hp-direct-count{color:#8eaa85!important;font-size:10px!important;letter-spacing:0!important}
.hp-direct-columns{display:flex;justify-content:space-between;padding:0 0 9px 32px;color:#789378;font:10px "DM Mono",monospace}
.hp-direct-list{border-bottom:1px solid #304336}
.hp-direct-row{display:flex;align-items:center;gap:10px;min-height:43px;border-top:1px solid #304336;padding:8px 0}
.hp-direct-row>span{color:#789576;font:11px "DM Mono",monospace;width:22px;flex:none}
.hp-direct-row code{color:#dcebd5;font:13px "DM Mono",monospace;white-space:nowrap}
.hp-direct-row strong{display:flex;align-items:baseline;gap:5px;margin-left:auto;color:#ddf4cc;font:600 14px "DM Mono",monospace;white-space:nowrap}
.hp-direct-row strong small{color:#8faf89;font:10px "DM Mono",monospace}
.hp-direct-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:17px}
.hp-direct-pagination>span{color:#839a80;font-size:9px}
.hp-direct-pagination>div{display:flex;gap:5px}
.hp-direct-pagination button{border:1px solid #496148;border-radius:3px;color:#c4dfb7;background:#243427;padding:7px 10px;font-size:10px}
.hp-direct-pagination button:disabled{opacity:.38}
.hp-community-disclaimer{color:#748b75;font-size:9px;line-height:1.5;margin-top:11px}
@media(max-width:820px){
  .hp-community-workspace{grid-template-columns:1fr}
  .hp-referral-card,.hp-direct-card{min-height:0}
}
@media(max-width:600px){
  .hp-community-stats{gap:6px;margin-bottom:9px}
  .hp-community-stats .panel{height:83px;padding:9px}
  .hp-community-stats span{font-size:9px}
  .hp-community-stats strong{font-size:20px}
  .hp-community-stats small{font-size:7px}
  .hp-community-workspace{gap:9px}
  .hp-referral-card,.hp-direct-card{padding:14px}
  .hp-referral-heading img{width:43px;height:43px}
  .hp-referral-heading p{font-size:9px;margin-top:6px}
  .hp-wallet-connect,.hp-wallet-bound{margin-top:17px;min-height:39px;font-size:10px}
  .hp-wallet-bound{padding:10px}
  .hp-referral-card .hp-ref-link-wrap{margin-top:13px}
  .hp-referral-card .hp-ref-copy{margin-top:11px}
  .hp-direct-card .section-title{margin-bottom:11px;align-items:flex-start;flex-direction:column;gap:3px}
  .hp-direct-card .section-title h2{font-size:16px}
  .hp-direct-columns{font-size:9px;padding-left:26px;padding-bottom:7px}
  .hp-direct-row{min-height:42px;padding:8px 0;gap:8px}
  .hp-direct-row>span{font-size:10px;width:18px}
  .hp-direct-row code{font-size:13px}
  .hp-direct-row strong{font-size:14px;gap:4px}
  .hp-direct-row strong small{font-size:10px}
  .hp-direct-pagination{margin-top:11px}
  .hp-direct-pagination>span{font-size:9px}
  .hp-direct-pagination button{font-size:10px;padding:6px 7px}
  .hp-community-disclaimer{font-size:8px}
}
@media(max-width:370px){
  .hp-community-stats strong{font-size:17px}
  .hp-direct-count{font-size:9px!important}
  .hp-direct-row code{font-size:12px}
  .hp-direct-row strong{font-size:13px}
  .hp-direct-row strong small{font-size:9px}
}

/* Native language menu, shared by desktop and phone layouts. */
.lang-picker{position:relative;display:flex;align-items:center;flex:none;border:1px solid #435942;border-radius:4px;background:#1d2c20;color:#e6f6d9}
.lang-picker select{appearance:none;-webkit-appearance:none;width:105px;height:36px;border:0;border-radius:4px;background:transparent;color:inherit;padding:0 28px 0 11px;font:700 10px "DM Mono",monospace;cursor:pointer}
.lang-picker select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.lang-picker select option{background:#172219;color:#e6f6d9}
.lang-picker>svg{position:absolute;right:9px;pointer-events:none;color:#bce48e}
@media(max-width:600px){
  .topbar-right{gap:7px}
  .topbar-right .wallet-button{gap:5px;padding:7px 8px;white-space:nowrap}
  .topbar-right .wallet-button svg:first-child{width:15px;height:15px}
  .lang-picker select{width:82px;height:31px;padding-left:8px;padding-right:22px;font-size:9px}
  .lang-picker>svg{right:6px;width:11px;height:11px}
  .lang-en .nav-item>span:nth-child(2){font-size:8px}
  .lang-en .hp-module strong{font-size:9px}
  .lang-en .hp-hero{min-height:275px;height:auto}
  .lang-en .hp-overview-flow{height:auto;min-height:233px}
  .lang-en .hp-community-stats .panel{min-height:83px;height:auto}
  .lang-en .hp-community-stats span{font-size:8px;line-height:1.2}
  .lang-en .hp-community-stats small{font-size:7px;line-height:1.15}
}
@media(max-width:370px){
  .topbar{padding-left:12px;padding-right:12px}
  .topbar-right .wallet-button{font-size:9px;padding:7px 6px}
  .lang-picker select{width:78px;padding-left:6px}
}

/* Readability pass for the complete XFI app. Keep the mobile layout compact,
   but make text, module marks and touch targets comfortable to scan. */
.brand-symbol{width:39px;height:39px}
.brand strong{font-size:29px}
.brand small{font-size:11px}
.nav-item{height:63px}
.nav-item>span:nth-child(2){font-size:15px}
.nav-item small{font-size:11px}
.nav-icon svg{width:22px;height:22px}
.network-status strong,.network-status small{font-size:11px}
.breadcrumb,.demo-label,.gas-pill{font-size:12px}
.wallet-button{min-height:42px;font-size:13px}
.lang-picker select{width:119px;height:40px;font-size:12px}
.page-head{min-height:124px}
.page-head h1{font-size:38px}
.page-head p{font-size:14px;line-height:1.55}
.eyebrow,.label,.small-label{font-size:12px}
.hp-status,.hp-head-note,.hp-step-indicator,.hp-example-tag{font-size:11px!important}
.section-title h2{font-size:19px}
.section-title span,.hp-direct-count,.hp-output-history-count{font-size:11px!important}
.text-link,.outline-button{font-size:12px}
.primary-button,.hp-secondary-button{min-height:44px;font-size:14px}
.app-footer{font-size:11px}

.hp-hero,.hp-overview-flow{height:408px}
.hp-pretitle{font-size:15px}
.hp-hero-body p{font-size:14px}
.hp-network-line span{font-size:13px}
.hp-network-line strong{font-size:20px}
.hp-network-line small{font-size:11px}
.hp-orbit-ring img{width:95px;height:95px}
.hp-balance-main>span,.hp-meter-label,.hp-used-grid small,.hp-balance-note{font-size:12px}
.hp-used-grid strong{font-size:16px}
.hp-balance-main strong{font-size:43px}
.hp-module{height:150px}
.hp-module-icon{width:54px;height:54px}
.hp-module-icon svg{width:28px;height:28px}
.hp-module small{font-size:11px}
.hp-module strong{font-size:18px}
.hp-module em{font-size:12px}
.hp-module>svg{width:20px;height:20px}

.hp-field-label,.hp-validation,.hp-buy-rule small,.hp-buy-disclaimer,
.hp-projection-lead small,.hp-projection-lead span,.hp-projection-list span,
.hp-projection-remain span,.hp-receipt-note{font-size:12px}
.hp-buy-rule strong,.hp-projection-list strong{font-size:14px}
.hp-buy-rule>span{width:42px;height:42px}
.hp-buy-rule>span svg{width:21px;height:21px}
.hp-amount-control>span{font-size:13px}
.hp-presets button,.hp-flow-presets button{min-height:42px;font-size:13px}
.hp-projection-lead strong{font-size:44px}
.hp-projection-remain strong{font-size:21px}

.hp-output-primary>span,.hp-output-primary small,.hp-output-meter-label,
.hp-output-breakdown span,.hp-output-rule,.hp-output-explain,.hp-output-disclaimer{font-size:12px}
.hp-output-breakdown strong{font-size:17px}
.hp-output-filters button,.hp-output-more{font-size:13px;min-height:42px}
.hp-record-kind,.hp-record-top time{font-size:11px}
.hp-record-top strong{font-size:17px}
.hp-record-bottom{font-size:12px}

.hp-reinvest-emblem svg{width:88px;height:88px}
.hp-reinvest-hero h2{font-size:29px}
.hp-reinvest-hero p,.hp-reinvest-bottom>span,.hp-pending-list>div,.hp-pending-list b{font-size:13px}
.hp-linear-flow span,.hp-linear-flow strong,.hp-reinvest-card>p{font-size:12px}

.hp-community-stats span{font-size:13px}
.hp-community-stats strong{font-size:31px}
.hp-community-stats small,.hp-referral-heading p,.hp-ref-link-wrap>span,
.hp-ref-status,.hp-community-disclaimer,.hp-ref-source{font-size:12px}
.hp-referral-heading img{width:72px;height:72px}
.hp-wallet-connect,.hp-wallet-bound span,.hp-wallet-bound strong{font-size:13px}
.hp-wallet-connect{min-height:50px}
.hp-ref-link-wrap input{height:46px;font-size:13px}
.hp-ref-copy{min-height:46px}
.hp-direct-card .section-title h2{font-size:20px}
.hp-direct-columns,.hp-direct-row>span,.hp-direct-pagination>span,
.hp-direct-pagination button{font-size:12px}
.hp-direct-row{min-height:49px}
.hp-direct-row code{font-size:15px}
.hp-direct-row strong{font-size:16px}
.hp-direct-row strong small{font-size:12px}
.hp-direct-pagination button{min-height:38px;padding:8px 12px}
.modal h2{font-size:27px}
.modal p,.modal-detail,.hp-modal-caution{font-size:14px!important}
.modal-kicker,.wallet-options small{font-size:11px}
.wallet-options strong{font-size:14px}
.wallet-options button{min-height:54px}

@media(max-width:1100px){
  .hp-module{height:144px}
  .hp-module-icon{width:49px;height:49px}
}

@media(max-width:600px){
  .topbar{height:64px;min-height:64px;padding:0 13px}
  .mobile-brand{gap:6px}
  .mobile-brand img{width:31px;height:31px}
  .mobile-brand strong{font-size:23px}
  .topbar-right{gap:6px}
  .topbar-right .wallet-button{min-height:40px;padding:7px 8px;font-size:11px}
  .lang-picker select{width:86px;height:39px;font-size:11px;padding-left:8px}
  .sidebar{height:75px;padding:5px 5px max(5px,env(safe-area-inset-bottom))}
  .nav-item{height:62px;gap:4px;padding:4px 1px}
  .nav-icon svg{width:25px;height:25px}
  .nav-item>span:nth-child(2),.lang-en .nav-item>span:nth-child(2){font-size:10px;line-height:1.1;text-align:center;max-width:64px}
  .content{padding:22px 13px 28px}
  .app-footer{padding:0 13px 89px;font-size:10px}
  .page-head{min-height:116px}
  .page-head h1{font-size:30px;line-height:1.25;margin:8px 0 5px}
  .page-head p{font-size:13px;line-height:1.45}
  .eyebrow,.label,.small-label{font-size:11px}
  .section-title h2{font-size:17px}
  .section-title span,.hp-direct-count,.hp-output-history-count{font-size:10px!important}
  .text-link{font-size:11px}
  .primary-button,.hp-secondary-button{min-height:44px;font-size:13px}
  .hp-status{font-size:10px!important}

  .hp-overview-grid{gap:10px}
  .hp-hero{height:310px;padding:16px}
  .hp-hero-top .label{font-size:10px}
  .hp-hero-body{height:198px}
  .hp-pretitle{font-size:13px}
  .hp-hero-number{font-size:47px}
  .hp-hero-number span{font-size:13px}
  .hp-hero-body p{font-size:12px;max-width:270px}
  .hp-orbit{width:125px;height:125px;right:-31px;top:29px}
  .hp-orbit-ring{width:83px;height:83px}
  .hp-orbit-ring img{width:57px;height:57px}
  .hp-network-line{margin-top:13px;padding-top:10px}
  .hp-network-line span{font-size:11px}
  .hp-network-line strong{font-size:16px}
  .hp-network-line small{font-size:9px}
  .hp-hero-actions .primary-button,.hp-secondary-button{font-size:12px}
  .hp-overview-flow,.lang-en .hp-overview-flow{height:auto;min-height:258px;padding:16px}
  .hp-balance-main{margin:19px 0 15px}
  .hp-balance-main strong{font-size:32px}
  .hp-balance-main>span,.hp-meter-label,.hp-used-grid small,.hp-balance-note{font-size:10px}
  .hp-used-grid strong{font-size:13px}
  .hp-module,.hp-module:last-child{height:109px;padding:9px 3px;gap:7px}
  .hp-module-icon{width:39px;height:39px;border:1px solid #42583e;background:#243625}
  .hp-module-icon svg{width:27px;height:27px}
  .hp-module strong,.lang-en .hp-module strong{font-size:12px;line-height:1.15;white-space:normal}

  .hp-buy-card,.hp-receipt{padding:17px}
  .hp-field-label{font-size:13px;margin-top:19px}
  .hp-amount-control{height:70px}
  .hp-amount-control input{font-size:29px}
  .hp-amount-control>span{font-size:12px}
  .hp-validation{font-size:12px;line-height:1.4}
  .hp-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}
  .hp-presets button{min-height:44px;font-size:12px;padding:8px 5px}
  .hp-buy-rule{gap:11px;margin:11px 0}
  .hp-buy-rule>span{width:39px;height:39px}
  .hp-buy-rule>span svg{width:21px;height:21px}
  .hp-buy-rule strong{font-size:13px}
  .hp-buy-rule small{font-size:11px;line-height:1.4}
  .hp-buy-disclaimer{font-size:10px;line-height:1.4}
  .hp-projection-lead small,.hp-projection-lead span,.hp-projection-list span,.hp-projection-remain span,.hp-receipt-note{font-size:11px}
  .hp-projection-lead strong{font-size:34px}
  .hp-projection-list strong{font-size:12px}
  .hp-projection-remain strong{font-size:17px}

  .hp-output-balance,.hp-output-history{padding:16px}
  .hp-output-primary{padding:13px}
  .hp-output-primary>span{font-size:12px}
  .hp-output-primary strong{font-size:31px}
  .hp-output-primary small,.hp-output-meter-label,.hp-output-breakdown span{font-size:10px}
  .hp-output-breakdown>div{padding:11px}
  .hp-output-breakdown strong{font-size:13px}
  .hp-output-filters button{min-height:41px;font-size:12px}
  .hp-output-record{padding:12px 0}
  .hp-record-kind{min-width:66px;padding:5px 6px;font-size:10px}
  .hp-record-top time{font-size:10px}
  .hp-record-top strong{font-size:13px}
  .hp-record-bottom{font-size:10px;line-height:1.35}
  .hp-output-more{min-height:42px;font-size:12px}
  .hp-output-explain,.hp-output-disclaimer{font-size:10px}

  .hp-reinvest-hero{height:330px}
  .hp-reinvest-emblem{top:33px;right:18px}
  .hp-reinvest-emblem svg{width:80px;height:80px}
  .hp-reinvest-hero h2{font-size:24px}
  .hp-reinvest-hero p{font-size:12px;max-width:290px}
  .hp-reinvest-bottom>span{font-size:10px}
  .hp-pending-list>div,.hp-pending-list b{font-size:12px}
  .hp-linear-flow span,.hp-linear-flow strong,.hp-reinvest-card>p{font-size:11px}

  .hp-community-stats .panel,.lang-en .hp-community-stats .panel{height:auto;min-height:96px;padding:11px 9px}
  .hp-community-stats span,.lang-en .hp-community-stats span{font-size:10px;line-height:1.2}
  .hp-community-stats strong{font-size:23px}
  .hp-community-stats small,.lang-en .hp-community-stats small{font-size:9px;line-height:1.2}
  .hp-referral-card,.hp-direct-card{padding:16px}
  .hp-referral-heading img{width:56px;height:56px}
  .hp-referral-heading p{font-size:11px;line-height:1.5}
  .hp-wallet-connect,.hp-wallet-bound{min-height:46px;font-size:12px}
  .hp-wallet-bound span,.hp-wallet-bound strong{font-size:11px}
  .hp-ref-link-wrap>span,.hp-ref-status,.hp-community-disclaimer,.hp-ref-source{font-size:10px;line-height:1.5}
  .hp-ref-link-wrap input{height:44px;font-size:12px}
  .hp-ref-copy{min-height:44px;font-size:12px}
  .hp-direct-card .section-title h2{font-size:18px}
  .hp-direct-count{font-size:10px!important}
  .hp-direct-columns{font-size:10px}
  .hp-direct-row{min-height:48px}
  .hp-direct-row>span{font-size:11px}
  .hp-direct-row code{font-size:14px}
  .hp-direct-row strong{font-size:15px}
  .hp-direct-row strong small{font-size:10px}
  .hp-direct-pagination>span{font-size:10px}
  .hp-direct-pagination button{min-height:38px;font-size:11px;padding:7px 10px}
  .modal{padding:21px}
  .modal h2{font-size:24px}
  .modal p,.modal-detail,.hp-modal-caution{font-size:12px!important}
}

@media(max-width:370px){
  .topbar{padding-left:10px;padding-right:10px}
  .mobile-brand img{width:28px;height:28px}
  .mobile-brand strong{font-size:21px}
  .lang-picker select{width:78px;font-size:10px;padding-left:6px}
  .topbar-right .wallet-button{font-size:10px;padding:6px}
  .hp-hero-number{font-size:42px}
  .hp-network-line strong{font-size:14px}
  .hp-balance-main strong{font-size:29px}
  .hp-output-primary strong{font-size:28px}
  .hp-record-top strong{font-size:12px}
  .hp-direct-row code{font-size:13px}
  .hp-direct-row strong{font-size:14px}
  .hp-direct-pagination button{padding:6px 7px}
}

/* Reinvest identity: one clear circulation arrow around the XFI core. */
.hp-reinvest-emblem{
  display:grid;
  place-items:center;
  width:112px;
  height:112px;
  border:1px solid #65864d;
  border-radius:50%;
  background:radial-gradient(circle,#345031 0%,#223b27 50%,#1a2c1e 100%);
  box-shadow:0 0 0 10px #a9d7790d,0 0 32px #a9d77916;
  color:#bdeb82;
  opacity:1;
  transform:none;
}
.hp-reinvest-emblem svg{width:68px;height:68px;stroke-width:1.5}
@media(max-width:600px){
  .hp-reinvest-emblem{width:92px;height:92px;top:29px;right:19px;box-shadow:0 0 0 7px #a9d7790d}
  .hp-reinvest-emblem svg{width:58px;height:58px}
}

/* Keep network hash rate and token burn visible together on Home. */
.hp-hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:19px}
.hp-hero-metrics .hp-network-line,.hp-burn-line{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;border-top:1px solid #344636;margin:0;padding-top:13px}
.hp-hero-metrics span{color:#9bae99;font-size:12px;white-space:nowrap}
.hp-hero-metrics strong{color:#d7e9ca;font:500 20px "DM Mono",monospace;white-space:nowrap}
.hp-burn-line strong{color:#e1bd8f}
.hp-burn-line em{font:500 12px "DM Mono",monospace;font-style:normal;color:#b89b78}
@media(max-width:600px){
  .hp-hero-metrics{gap:9px;margin-top:15px}
  .hp-hero-metrics .hp-network-line,.hp-burn-line{gap:5px;padding-top:10px}
  .hp-hero-metrics span{font-size:10px}
  .hp-hero-metrics strong{font-size:15px}
  .hp-burn-line em{font-size:10px}
}
@media(max-width:370px){
  .hp-hero-metrics{gap:6px}
  .hp-hero-metrics strong{font-size:14px}
  .hp-burn-line em{font-size:9px}
}

/* Home earnings show XFI and USDT separately from the shared ledger. */
.hp-earned-grid{margin-top:19px}
.hp-earned-grid>div{padding:14px}
.hp-earned-grid small{font-size:12px}
.hp-earned-grid strong{font-size:19px}
.hp-earned-grid strong span{font-size:11px;color:#a7c78e}
.hp-earned-grid b{display:block;margin-top:8px;color:#a7c78e;font:500 13px "DM Mono",monospace;white-space:nowrap}
@media(max-width:600px){
  .hp-earned-grid{margin-top:14px;gap:8px}
  .hp-earned-grid>div{padding:11px}
  .hp-earned-grid small{font-size:11px}
  .hp-earned-grid strong{font-size:17px}
  .hp-earned-grid strong span{font-size:10px}
  .hp-earned-grid b{font-size:11px;margin-top:5px}
}
@media(max-width:370px){
  .hp-earned-grid strong{font-size:15px}
  .hp-earned-grid b{font-size:10px}
}
@media(max-width:600px){body{min-width:0}}

/* Bonus Hash Rate is separate from USDT referral rewards. */
.hp-reward-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}
.hp-reward-duo>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px;border:1px solid #425b43;background:#18291d;padding:13px 14px}
.hp-reward-duo>div>span{color:#abc5a6;font-size:12px}
.hp-reward-duo strong{color:#e6fac3;font:700 29px Manrope,sans-serif;letter-spacing:-1px;white-space:nowrap}
.hp-reward-duo strong small{color:#aacb9a;font-size:12px;letter-spacing:0}
.hp-reward-duo button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#b9df9a;padding:1px 0;font-size:12px}
.hp-reward-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.hp-reward-links button{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:38px;border:1px solid #425b43;background:#203124;color:#d8ead2;padding:8px 10px;font-size:12px;text-align:left}
.hp-reward-links button span{display:inline-flex;align-items:center;gap:3px;color:#a9c699;white-space:nowrap}
.hp-reward-links button:hover,.hp-reward-duo button:hover{color:#e8ffc9;border-color:#b8e77d}
.hp-pool-split{margin-top:16px;padding-top:12px;border-top:1px solid #354a38}
.hp-pool-split>span{color:#bfd5b7;font-size:12px;font-weight:700}
.hp-pool-split>div{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px}
.hp-pool-split strong{display:block;padding:9px 8px;background:#29432b;border:1px solid #52774a;color:#e3f7d5;text-align:center;font-size:13px}
.hp-pool-split strong:last-child{background:#263b30;border-color:#4d715c}
.hp-pool-split small{display:block;margin-top:6px;color:#8ba588;font-size:11px}
@media(max-width:600px){
  .hp-reward-duo{gap:6px;margin-top:10px}
  .hp-reward-duo>div{gap:5px;padding:10px}
  .hp-reward-duo>div>span{font-size:11px}
  .hp-reward-duo strong{font-size:24px}
  .hp-reward-duo strong small{font-size:10px}
  .hp-reward-duo button{font-size:11px}
  .hp-reward-links{gap:6px;margin-top:7px}
  .hp-reward-links button{font-size:11px;padding:7px}
  .hp-pool-split{margin-top:11px;padding-top:9px}
  .hp-pool-split strong{padding:7px 5px;font-size:11px}
}
@media(max-width:370px){
  .hp-reward-duo strong{font-size:21px}
  .hp-reward-duo strong small{font-size:9px}
  .hp-reward-links button{font-size:10px}
  .hp-hero .hp-orbit{opacity:.3;right:-55px}
}

/* Compact community overview and on-demand detail layers */
.hp-community-stats .panel{height:90px;padding:15px 18px}
.hp-community-workspace{grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr)}
.hp-reward-summary{max-width:1200px;margin-bottom:12px;padding:19px 21px;background:linear-gradient(115deg,#203524,#16231a 60%,#151e18)}
.hp-reward-summary-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c8ddbf;font-size:14px;font-weight:600}
.hp-reward-demo{display:inline-block;margin-left:7px;border:1px solid #58714f;border-radius:2px;padding:2px 5px;color:#9eb992;font-size:10px;font-weight:500;vertical-align:middle}
.hp-rule-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:1px solid #58724e;border-radius:3px;background:#25392a;color:#d2efbd;padding:7px 12px;font-size:12px}
.hp-rule-trigger:hover,.hp-summary-link:hover,.hp-direct-entry:hover{border-color:#b8e77d;color:#e6f9d6}
.hp-reward-amount{display:block;margin:6px 0 14px;color:#e6fac3;font:700 39px Manrope,sans-serif;letter-spacing:-1.6px;line-height:1.12}
.hp-reward-amount small{color:#b6d49c;font-size:15px;letter-spacing:0}
.hp-summary-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;border-top:1px solid #3b563f;background:transparent;color:#d6ead0;padding:13px 0 0;text-align:left;font-size:13px}
.hp-summary-link>span:last-child{display:flex;align-items:center;gap:8px;color:#a7c198;font-size:12px}
.hp-referral-card{min-height:0;padding:18px 20px}
.hp-referral-heading img{width:52px;height:52px}
.hp-referral-card .hp-wallet-connect,.hp-referral-card .hp-wallet-bound{margin-top:12px}
.hp-referral-card .hp-ref-link-wrap{margin-top:12px}
.hp-referral-card .hp-ref-copy{margin-top:10px}
.hp-ref-status:empty{display:none}
.hp-referral-card .hp-ref-source{margin-top:11px}
.hp-direct-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:120px;padding:19px 20px;color:#dcead6;text-align:left}
.hp-direct-entry>span{display:flex;flex-direction:column;gap:6px}
.hp-direct-entry strong{font-size:19px}
.hp-direct-entry small{color:#96ae8c;font-size:12px}
.hp-direct-entry>svg{color:#c5f276}
.hp-community-modal{width:min(520px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
.hp-community-modal h2{margin-bottom:16px}
.hp-community-modal p{margin:12px 0;color:#b8cbb2;font-size:13px!important;line-height:1.6}
.hp-rule-list{border-top:1px solid #3c523f}
.hp-rule-row{display:grid;grid-template-columns:1fr auto 92px;align-items:center;gap:15px;min-height:47px;border-bottom:1px solid #3c523f}
.hp-rule-row span{color:#c6d8bd;font-size:13px}
.hp-rule-row strong{color:#e1f9b9;font-size:20px}
.hp-rule-row small{color:#a2bd95;font-size:12px;text-align:right}
.hp-rule-formula{display:flex;flex-direction:column;gap:6px;border:1px solid #476245;background:#25392a;padding:12px 13px}
.hp-rule-formula span,.hp-rule-example>span{color:#a5c091;font-size:12px}
.hp-rule-formula strong{color:#e8f3df;font-size:14px;line-height:1.5}
.hp-rule-example{display:flex;flex-direction:column;gap:7px;background:#26382a;border-left:3px solid #b9eb80;padding:12px 13px}
.hp-rule-example b{color:#e8f3df;font-size:12px;font-weight:600}
.hp-community-modal .hp-rule-foot{margin-bottom:0}
.hp-history-total{display:flex;flex-direction:column;gap:5px;border:1px solid #476245;background:#233528;padding:14px}
.hp-history-total span{color:#a9c29d;font-size:12px}
.hp-history-total strong{color:#e7f9c8;font-size:28px}
.hp-history-list{margin-top:10px}
.hp-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #354a38;padding:13px 0}
.hp-history-row>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.hp-history-row span{color:#dcebd4;font-size:13px}
.hp-history-row time{color:#839b80;font-size:11px}
.hp-history-row>strong{color:#ddf6b7;font-size:15px;white-space:nowrap}
.hp-community-modal .hp-detail-note{margin:10px 0 12px;color:#87a081;font-size:11px!important}
.hp-community-modal .hp-direct-pagination{margin-top:13px}
@media(max-width:820px){
  .hp-community-workspace{grid-template-columns:1fr}
  .hp-direct-entry{min-height:83px}
}
@media(max-width:600px){
  .hp-community-stats .panel,.lang-en .hp-community-stats .panel{height:78px;min-height:78px;padding:10px}
  .hp-community-stats strong{font-size:23px}
  .hp-reward-summary{padding:14px 16px;margin-bottom:9px}
  .hp-reward-summary-top{font-size:13px}
  .hp-rule-trigger{min-height:42px;font-size:11px;padding:7px 10px}
  .hp-reward-amount{font-size:33px;margin:5px 0 10px}
  .hp-reward-amount small{font-size:13px}
  .hp-summary-link{padding-top:10px;font-size:12px}
  .hp-summary-link>span:last-child{font-size:10px}
  .hp-referral-card{padding:14px 16px}
  .hp-referral-heading img{width:48px;height:48px}
  .hp-direct-entry{min-height:72px;padding:14px 16px}
  .hp-direct-entry strong{font-size:17px}
  .hp-direct-entry small{font-size:11px}
  .hp-community-modal{padding:20px 17px}
  .hp-rule-row{grid-template-columns:1fr auto 76px;gap:8px}
  .hp-rule-row span{font-size:12px}
  .hp-rule-row strong{font-size:18px}
  .hp-rule-row small{font-size:11px}
  .hp-rule-formula strong{font-size:12px}
  .hp-history-row span{font-size:12px}
  .hp-history-row>strong{font-size:13px}
}

/* Optional care mode keeps larger copy in normal document flow. */
.care-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid #435942;border-radius:4px;background:#1d2c20;color:#dcebd3;padding:0 12px;white-space:nowrap;cursor:pointer}
.care-toggle span{font:800 17px Manrope,sans-serif;letter-spacing:-1px}
.care-toggle b{font-size:12px;font-weight:650}
.care-toggle small{display:none}
.care-toggle[aria-pressed="true"]{border-color:#a2ce67;background:#345331;color:#f0ffd9}
.care-toggle:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.hp-order-remark{margin:9px 0 0;color:#b4d5a3;font-size:13px;line-height:1.45}
.hp-order-remark+.hp-validation{margin-top:5px}

@media(max-width:600px){
  .care-toggle{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;flex-direction:column;gap:0}
  .care-toggle span{font-size:15px;line-height:17px}
  .care-toggle b{display:none}
  .care-toggle small{display:block;font-size:9px;font-weight:700;line-height:10px}
  .hp-order-remark{font-size:12px}
}
@media(max-width:370px){
  .topbar-right .wallet-button span,.topbar-right .wallet-button svg:last-child{display:none}
  .topbar-right .wallet-button{width:40px;min-width:40px;justify-content:center;padding:0}
}

.care-mode .page-head{min-height:0;margin-bottom:22px}
.care-mode .page-head p{font-size:16px;line-height:1.5}
.care-mode .eyebrow,.care-mode .label,.care-mode .small-label{font-size:13px}
.care-mode .section-title{flex-wrap:wrap;row-gap:7px}
.care-mode .section-title h2{font-size:20px;white-space:normal}
.care-mode .primary-button,.care-mode .hp-secondary-button{font-size:16px;min-height:48px}
.care-mode .text-link{font-size:14px}
.care-mode .hp-hero,.care-mode .hp-overview-flow{height:auto;min-height:0}
.care-mode .hp-hero-body{height:auto;min-height:0;padding-bottom:18px}
.care-mode .hp-hero-actions{margin-top:8px}
.care-mode .hp-module{height:auto;min-height:145px}
.care-mode .hp-reinvest-hero{height:auto;min-height:380px;padding-bottom:95px}
.care-mode .hp-community-stats .panel,.care-mode.lang-en .hp-community-stats .panel{height:auto;min-height:105px}
.care-mode .modal{max-height:calc(100dvh - 24px);overflow-y:auto}

.care-mode :is(.hp-pretitle,.hp-hero-body p,.hp-hero-metrics span,.hp-burn-line em,
  .hp-balance-main>span,.hp-meter-label,.hp-earned-grid small,.hp-earned-grid b,.hp-balance-note,
  .hp-module small,.hp-module em,.hp-field-label,.hp-order-remark,.hp-validation,
  .hp-buy-rule small,.hp-buy-disclaimer,.hp-projection-lead small,.hp-projection-lead span,
  .hp-projection-list span,.hp-projection-remain span,.hp-receipt-note,
  .hp-output-primary>span,.hp-output-primary small,.hp-output-meter-label,
  .hp-output-breakdown span,.hp-output-rule,.hp-output-explain,.hp-output-disclaimer,
  .hp-record-bottom,.hp-record-top time,.hp-pool-split>span,.hp-pool-split small,
  .hp-reinvest-hero p,.hp-reinvest-bottom>span,.hp-pending-list>div,.hp-pending-list b,
  .hp-community-stats span,.hp-reward-duo>div>span,.hp-reward-duo strong small,
  .hp-direct-entry small,.hp-ref-status,.hp-community-disclaimer,.hp-rule-row span,
  .hp-rule-row small,.hp-history-row span,.hp-history-row time){font-size:15px!important;line-height:1.45}
.care-mode :is(.hp-buy-rule strong,.hp-projection-list strong,.hp-output-breakdown strong,
  .hp-reward-links button,.hp-reward-duo button,.hp-wallet-connect,.hp-pool-split strong,
  .hp-output-filters button,.hp-output-more){font-size:16px!important;line-height:1.35}
.care-mode .hp-record-kind{font-size:13px}
.care-mode .hp-record-top,.care-mode .hp-record-bottom{flex-wrap:wrap}
.care-mode .hp-record-top strong{font-size:17px}
.care-mode .hp-rule-row{grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:9px 0}
.care-mode .hp-rule-row small{grid-column:1 / -1;text-align:left}
.care-mode .hp-hero-metrics span,.care-mode .hp-hero-metrics strong{white-space:normal;overflow-wrap:anywhere}
.care-mode .hp-reward-duo strong{white-space:normal;overflow-wrap:anywhere}

@media(max-width:600px){
  .care-mode .nav-item{height:72px;min-height:72px}
  .care-mode .sidebar{height:calc(85px + env(safe-area-inset-bottom))}
  .care-mode .nav-item>span:nth-child(2),.care-mode.lang-en .nav-item>span:nth-child(2){font-size:11px;line-height:1.2;white-space:normal}
  .care-mode .app-footer{padding-bottom:calc(98px + env(safe-area-inset-bottom))}
  .care-mode .hp-hero{padding:16px}
  .care-mode .hp-hero-body p{max-width:260px}
  .care-mode .hp-module{min-height:124px}
  .care-mode .hp-module strong,.care-mode.lang-en .hp-module strong{font-size:15px}
  .care-mode .hp-community-stats .panel,.care-mode.lang-en .hp-community-stats .panel{min-height:112px}
  .care-mode .hp-community-stats strong{font-size:23px}
  .care-mode .hp-reward-duo>div{padding:10px}
  .care-mode .hp-reward-links button{min-height:48px}
  .care-mode .hp-output-primary strong,.care-mode .hp-balance-main strong{font-size:30px}
  .care-mode .hp-earned-grid strong{font-size:18px}
  .care-mode .hp-amount-control input{font-size:29px}
  .care-mode .hp-amount-control>span{font-size:14px}
  .care-mode .hp-buy-divider{margin-top:16px}
  .care-mode .modal p,.care-mode .modal-detail{font-size:15px!important}
}
@media(max-width:370px){
  .care-mode .hp-reward-duo,.care-mode .hp-reward-links{grid-template-columns:1fr}
  .care-mode .hp-hero-actions{flex-wrap:wrap}
  .care-mode .hp-hero-actions>*{width:100%}
  .care-mode .hp-community-stats span{font-size:13px!important}
}