:root{--reading-body:1.125rem;--reading-note:1rem;--reading-label:.9375rem;--reading-secondary:#4c6145}
#home-view p,#app-view p:where(:not(.eyebrow)),.docs-body section p,.docs-body li,dialog>p,.wallet-options>p,.wallet-welcome>p{font-size:var(--reading-body);line-height:1.6;text-wrap:pretty}
#home-view .rate-caption,#home-view .asset-label>div>span,#home-view .rate-disclaimer,#home-view .mini-account>p,#home-view .control-intro p,#home-view .security-copy p,#home-view .calculator>div>p,#home-view .calc-note,#home-view .calc-result>span,#home-view .calc-result p,#home-view .calc-input-row label,#home-view .faq>div>p,#home-view .faq-list details p,.footer-top>p,.footer-bottom>p,.docs-lead,.docs-body section p,.docs-body li,.wallet-choice small{color:var(--reading-secondary)}
#home-view .hero-inner{padding-bottom:32px}
#home-view .hero-description{max-width:400px;line-height:1.55}
#home-view .hero-facts{margin-top:18px}
#home-view .section-heading p{font-size:var(--reading-body)}
#home-view .simple-copy p{max-width:500px}
#home-view .control-intro p{max-width:470px}
#home-view .security-copy p{max-width:540px}
#home-view .security-copy p+p,#home-view .rate-disclaimer,#home-view .mini-account>p{font-size:var(--reading-note);line-height:1.6}
#home-view .rate-caption,#home-view .asset-label>div>span{font-size:var(--reading-label);line-height:1.5}
#home-view .asset-label b{font-size:1.0625rem}
#home-view .mini-account-row{font-size:var(--reading-label);line-height:1.5}
#home-view .small-inner p{max-width:440px}
#home-view .small-inner li{font-size:var(--reading-body);line-height:1.5;align-items:flex-start}
#home-view .small-inner li .icon{margin-top:2px}
#home-view .calculator>div>p{max-width:470px}
#home-view .calc-note,#home-view .calc-result p{font-size:var(--reading-note);line-height:1.6}
#home-view .calc-result>span,#home-view .calc-panel>label,#home-view .calc-input-row label{font-size:var(--reading-label);line-height:1.5}
#home-view .faq-list summary{font-size:var(--reading-body);line-height:1.5}
#home-view .faq-list details p{font-size:var(--reading-body);line-height:1.65}
.footer-top>p{font-size:var(--reading-note);line-height:1.6}
.footer-bottom>p{font-size:var(--reading-note);line-height:1.6;max-width:650px}
#app-view .sidebar-help p{font-size:1.25rem;line-height:1.25}
#app-view .app-banner{align-items:flex-start;gap:14px}
#app-view .app-banner .status-dot{margin-top:7px}
#app-view .app-banner b{font-size:var(--reading-note);line-height:1.5}
#app-view .app-banner>a{font-size:var(--reading-label);margin-top:3px}
#app-view .balance-note{font-size:var(--reading-body);max-width:430px;line-height:1.6}
#app-view .muted,#app-view .account-stats span{font-size:var(--reading-label);line-height:1.5}
#app-view .account-stats small{font-size:var(--reading-note);line-height:1.6}
#app-view .empty-state p{max-width:570px;margin-inline:auto}
#app-view .empty-state .button{font-size:var(--reading-label)}
#app-view .account-explainer{align-items:flex-start;flex-wrap:wrap;gap:12px}
#app-view .account-explainer p{flex:1;min-width:220px;font-size:var(--reading-note);line-height:1.6}
#app-view .account-explainer a{font-size:var(--reading-label);margin-top:2px}
#app-view .strategy-card-top>div>span{font-size:var(--reading-label);line-height:1.5}
#app-view .data-note,#app-view .yield-planner>.plan-note,#app-view .plan-result>p,#app-view .position-row p,#app-view .activity-row p{font-size:var(--reading-note);line-height:1.6}
#app-view .strategy-details p{font-size:var(--reading-body);line-height:1.65}
#app-view .strategy-details summary{font-size:var(--reading-note);line-height:1.5;min-height:36px}
#app-view .strategy-details .text-link{font-size:var(--reading-label)}
#app-view .yield-planner>label,#app-view .plan-result>span{font-size:var(--reading-label);line-height:1.5}
#app-view .plan-period button{font-size:var(--reading-label);min-height:42px}
#app-view .activity-toolbar .panel-intro{min-width:0;flex-basis:100%}
#app-view .activity-filter{font-size:var(--reading-label)}
#app-view .setting-row p{max-width:650px}
#app-view .inline-error{font-size:var(--reading-note);line-height:1.6}
.docs-lead{font-size:1.25rem;line-height:1.65;max-width:65ch}
.docs-body section p,.docs-body li{font-size:var(--reading-body);line-height:1.75;max-width:70ch}
.docs-status{font-size:var(--reading-note);line-height:1.6;align-items:flex-start}
.docs-status .status-dot{margin-top:8px}
.docs-body .text-link{font-size:var(--reading-note)}
dialog:not(.wallet-dialog){max-height:calc(100dvh - 32px);overflow-y:auto}
.wallet-options>p{font-size:var(--reading-body);line-height:1.5}
.wallet-welcome>p{font-size:var(--reading-body);line-height:1.6}
#wallet-dialog-status{font-size:var(--reading-note);line-height:1.6}
#wallet-error-details{font-size:var(--reading-label);line-height:1.55}
.wallet-install{font-size:var(--reading-label);line-height:1.5}
.wallet-choice small{font-size:var(--reading-label);line-height:1.5}
.transaction-note,#dialog-status,#available-amount{font-size:var(--reading-note);line-height:1.6}
#amount-field>label{font-size:var(--reading-label)}
@media(max-width:760px){
 :root{--reading-body:1rem;--reading-note:.9375rem;--reading-label:.875rem}
 #home-view .hero-inner{padding-bottom:250px}
 #home-view .hero-description{max-width:310px}
 #home-view .hero-character{width:365px;right:-95px;bottom:-135px}
 #home-view .small-inner p{max-width:340px}
 #home-view .small-inner li{font-size:var(--reading-body)}
 #home-view .calc-input-row{gap:12px}
 #app-view .balance-content{min-height:225px}
 #app-view .balance-content>div{width:100%}
 #app-view .balance-note{max-width:62%;min-width:165px}
 #app-view .dashboard-character{width:150px;right:-40px;bottom:-55px}
 #app-view .app-banner{flex-wrap:wrap}
 #app-view .app-banner>div{flex:1;min-width:200px}
 #app-view .app-banner>a{margin-left:21px}
 #app-view .account-explainer p{min-width:75%}
 #app-view .account-explainer a{margin-left:33px}
 .docs-lead{font-size:1.125rem}
 .footer-bottom>p{max-width:none}
 .wallet-options{padding-bottom:18px}
}

#app-view .strategy-start{padding:24px 28px;margin-bottom:24px;background:white;border:1px solid #e1e9d8;border-radius:24px}
#app-view .strategy-start-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
#app-view .strategy-start h2{font-size:24px;line-height:1.2;font-weight:550;letter-spacing:-.6px}
#app-view .strategy-start-heading .text-link{font-size:var(--reading-label);flex-shrink:0}
#app-view .strategy-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0;padding:0}
#app-view .strategy-steps li{display:flex;gap:10px;align-items:flex-start;min-width:0}
#app-view .step-number{width:30px;height:30px;border-radius:50%;background:#e8f4df;display:grid;place-items:center;flex-shrink:0;font-size:14px}
#app-view .strategy-steps b{display:block;font-size:var(--reading-note);line-height:1.5;font-weight:550}
#app-view .strategy-steps div>span{display:block;font-size:var(--reading-label);line-height:1.5;color:var(--reading-secondary);margin-top:3px;overflow-wrap:anywhere}
#app-view #workflow-message{font-size:var(--reading-note);line-height:1.6;max-width:80ch;color:var(--reading-secondary)}
#app-view .strategy-actions{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;margin-top:18px}
#app-view .strategy-actions .text-link{font-size:var(--reading-label)}
#app-view #plan-deposit{margin-top:20px;width:100%}
#app-view .balance-action-help{font-size:var(--reading-note);line-height:1.6;margin-top:16px;max-width:670px;position:relative;z-index:2;color:var(--reading-secondary)}
@media(max-width:760px){
 #app-view .strategy-start{padding:22px 20px}
 #app-view .strategy-start-heading{align-items:flex-start;flex-direction:column;gap:10px}
 #app-view .strategy-steps{grid-template-columns:1fr;gap:15px;margin:20px 0}
 #app-view .strategy-steps b{font-size:var(--reading-note)}
 #app-view .strategy-actions .button{flex:1;min-width:120px}
}

#home-view .hero-character{width:540px;right:0;bottom:-20px}
#home-view .mini-account{z-index:2}
#home-view .simple-visual>img{width:260px;right:-20px;bottom:-85px}
#home-view .small-character{width:390px;right:10px;bottom:-15px}
#home-view .closing img{width:260px;right:20px;bottom:-16px}
#app-view .dashboard-character{width:200px;right:-8px;bottom:-20px;opacity:1}
#app-view .onboarding-mascot{width:210px;bottom:-8px}
@media(min-width:761px) and (max-width:1100px){
 #home-view .hero-character{width:360px;right:-20px;bottom:-10px}
 #home-view .hero-description{max-width:340px}
 #home-view .small-character{width:350px;right:-20px;bottom:-12px}
 #home-view .simple-visual>img{width:220px;right:-20px;bottom:-75px}
}
@media(max-width:760px){
 #home-view .hero-inner{padding-bottom:280px}
 #home-view .hero-character{width:280px;right:-8px;bottom:-12px}
 #home-view .small-inner{min-height:0;padding-bottom:270px}
 #home-view .small-character{width:280px;right:-8px;bottom:-12px}
 #home-view .simple-visual>img{width:230px;right:-25px;bottom:-85px}
 #home-view .closing img{width:190px;right:-10px;bottom:-20px}
 #app-view .dashboard-character{width:140px;right:-24px;bottom:-8px}
 #app-view .onboarding-mascot{width:155px;bottom:-10px}
}

#home-view .hero{position:relative;isolation:isolate}
#home-view .hero-inner{z-index:1}
#home-view .hero-garden{position:absolute;inset:auto 0 -1px;width:100%;height:150px;max-width:none;z-index:0;pointer-events:none;user-select:none}
#home-view .hero-character{bottom:6px}
#home-view .tuck-comment{position:absolute;left:47%;top:55%;z-index:3;width:160px;padding:20px 16px 22px;background:#fff2cf;border:3px solid #193e24;border-radius:48% 43% 46% 42%;font:600 23px/1.08 var(--display);letter-spacing:-.5px;text-align:center;transform:rotate(-7deg);pointer-events:none}
#home-view .tuck-comment:after{content:"";position:absolute;right:-11px;bottom:10px;width:25px;height:21px;background:#fff2cf;border-right:3px solid #193e24;border-bottom:3px solid #193e24;transform:rotate(-18deg) skewX(23deg);border-bottom-right-radius:3px;z-index:-1}
#home-view .hero-loose-acorn{position:absolute;left:48%;bottom:30px;width:40px;height:auto;transform:rotate(28deg);pointer-events:none;z-index:0}
#home-view .hero-character .pouch-acorn{position:absolute;width:28px;height:auto;left:61%;top:51%;opacity:0;animation:stash-one-more 12s ease-in infinite;transform-origin:50% 50%;pointer-events:none}
@keyframes stash-one-more{0%,72%{opacity:0;transform:translate(0,-6px) rotate(-20deg)}75%{opacity:1;transform:translate(0,-6px) rotate(-20deg)}87%{opacity:1;transform:translate(-30px,62px) rotate(55deg)}91%,100%{opacity:0;transform:translate(-38px,100px) rotate(85deg)}}
.app-idle #home-view .pouch-acorn{animation-play-state:paused}
@media(min-width:761px) and (max-width:1100px){
 #home-view .tuck-comment{display:none}
 #home-view .hero-character{bottom:2px}
 #home-view .hero-garden{height:115px}
 #home-view .hero-character .pouch-acorn{width:20px;animation:none;opacity:0}
 #home-view .hero-loose-acorn{width:30px;left:51%;bottom:21px}
}
@media(max-width:760px){
 #home-view .hero-garden{height:110px;width:160%;left:-28%;right:auto}
 #home-view .tuck-comment,#home-view .hero-loose-acorn{display:none}
 #home-view .hero-character{bottom:0}
 #home-view .hero-character .pouch-acorn{display:none}
}
@media(prefers-reduced-motion:reduce){#home-view .hero-character .pouch-acorn{animation:none;display:none}}