/* AVERA / HOME M1 — 21st.dev financial bento + Uiverse hover microinteractions */
:root{--bg:#090b0b;--side:#0b0d0e;--card:#131616;--card2:#191d1c;--stroke:#262c29;--ink:#f3f5ee;--muted:#858b86;--good:#cafa4d;--bad:#f29ba7;--accent:#d3ff50;--av-lime:#d3ff50}
html{scroll-behavior:smooth}body{background:#0a0b0c;color:var(--ink);font-family:Manrope,"DM Sans",sans-serif}button{ -webkit-tap-highlight-color:transparent }
button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
aside{background:#0c0e0f;border-color:#202322;padding:34px 17px}
.brand{margin:0 10px 56px;gap:13px}.brand .logo{width:40px;height:40px;border-radius:14px;color:#101510;background:var(--av-lime);border:0;box-shadow:0 4px 24px #cafa4d23;font-size:26px}.brand strong{font-size:27px;color:#f2f5ef;letter-spacing:-.075em}.brand small{font-size:8px;color:#879285}
#navSide{display:flex;flex-direction:column;gap:4px}
#navSide button{margin:0;border-radius:12px;color:#818b84;font-weight:600;padding:15px;font-size:21px;transition:background .22s,transform .22s,color .22s}
#navSide button.active{background:#222a20;color:#d1ff50}
#navSide button:hover{background:#1b211d;color:#e9f5dd;transform:translateX(3px)}
#navSide button span{font-size:13px}
aside .bottom{margin:0 0 12px;color:#929b94;letter-spacing:.02em;font-size:11px;padding:15px 12px;border:1px solid #2e3630;background:#181d19;border-radius:12px}
main{max-width:1580px;padding:36px clamp(24px,3.3vw,55px) 24px}
main>header{margin-bottom:22px;align-items:center}
main>header h1{font-size:25px;letter-spacing:-.05em}
#marketStatus{color:#b9c0b4;border-color:#343c32;background:#181e17}
main>.banner{padding:9px 14px;color:#8b968c;background:#111613;border-color:#263026;font-size:11px;margin-bottom:25px;border-radius:12px}
main>footer{color:#555e58;font-size:10px;margin-top:14px}
.premium-dashboard{display:flex;flex-direction:column;gap:19px;padding-bottom:5px}
.premium-dashboard *{box-sizing:border-box}
.av-dash-head{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 2px;gap:14px}
.av-overline{display:block;color:#a0a9a0;font-size:9px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}
.av-dash-head h2{font-size:25px;font-weight:800;letter-spacing:-.075em;margin:6px 0 4px}
.av-dot{color:var(--av-lime)}
.av-dash-head p{font:500 11px "DM Sans",sans-serif;color:#9da49c;margin:0;line-height:1.7}
.av-dash-head p span{padding:0 6px}
.av-refresher{display:flex;align-items:center;gap:9px;border:1px solid #2c342e;background:#151b17;border-radius:12px;color:#d4dfd0;padding:11px 14px;font-size:11px;transition:.25s}
.av-refresher:hover{border-color:var(--av-lime);background:#222d19;color:#dfff85;transform:translateY(-2px)}
.av-hero{position:relative;display:flex;min-height:245px;background:radial-gradient(ellipse at 85% 50%,#2d381b 0,transparent 46%),linear-gradient(126deg,#171b18,#101312 60%,#141917);border:1px solid #2c3329;border-radius:24px;overflow:hidden;isolation:isolate}
.av-hero:before{content:"";position:absolute;inset:0;opacity:.2;z-index:-1;background-image:linear-gradient(to right,transparent 98%,#a4bf8338 100%),linear-gradient(to bottom,transparent 98%,#a4bf8338 100%);background-size:33px 33px;mask-image:linear-gradient(90deg,transparent,#000)}
.av-hero-text{z-index:2;max-width:70%;padding:27px 36px}
.av-hero-kicker{display:flex;align-items:center;gap:9px;letter-spacing:.15em;font-size:9px;font-weight:800;color:#d1eaa5}
.av-beta{padding:4px 8px;border:1px solid #607c41;border-radius:100px;font-size:8px;letter-spacing:.07em;color:#d4f6a0}
.av-pulse{width:6px;height:6px;background:var(--av-lime);border-radius:50%;box-shadow:0 0 0 6px #caff4d1d;animation:av-breathe 2.5s infinite}
.av-hero-label{display:none}.av-hero h2{font-size:clamp(30px,3.5vw,48px);font-weight:800;letter-spacing:-.09em;line-height:1.08;margin:18px 0 12px}
.av-hero h2 em{color:var(--av-lime);font-style:normal}
.av-hero-description{max-width:370px;font-size:11.5px;line-height:1.8;color:#aeb9a9;margin:0 0 17px}
.av-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.av-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:11px;background:var(--av-lime);color:#141a08;padding:12px 14px;font:800 11px Manrope,sans-serif;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,filter .2s}
.av-btn-primary:before{content:"";position:absolute;inset:0;transform:translateX(-110%) skewX(-15deg);background:linear-gradient(90deg,transparent,#ffffff77,transparent);transition:transform .5s}
.av-btn-primary:hover:before{transform:translateX(110%) skewX(-15deg)}
.av-btn-primary:hover{transform:translateY(-2px);box-shadow:0 7px 28px #cafa4d36}
.av-btn-primary:active{transform:scale(.98)}
.av-btn-primary span{display:inline-flex;margin-left:12px}
.av-btn-quiet{display:inline-flex;align-items:center;gap:7px;color:#e4e9db;background:#ffffff0b;border:1px solid #475345;border-radius:11px;padding:12px 14px;font:700 11px Manrope;transition:.22s}
.av-btn-quiet:hover{background:#ffffff19;border-color:#a0b585;transform:translateY(-2px)}
.av-hero-orbit{position:absolute;right:5.6%;top:50%;transform:translateY(-50%);width:min(31vw,275px);aspect-ratio:1;display:grid;place-items:center}
.av-orbit{position:absolute;border:1px solid #a8d44f32;border-radius:50%;animation:av-orbit 20s linear infinite}
.av-orbit-a{inset:0;border-top-color:#cafa4d9e;box-shadow:0 0 45px #d3ff5009}
.av-orbit-b{inset:14%;animation-duration:16s;animation-direction:reverse;border-right-color:#cafa4d9e}
.av-orbit-c{inset:30%;animation-duration:11s;border-bottom-color:#cafa4dba}
.av-orbit-core{width:60px;height:60px;border-radius:21px;background:#cafa4d;color:#161b0c;display:grid;place-items:center;font-weight:800;font-size:42px;letter-spacing:-.14em;transform:rotate(-5deg);box-shadow:0 0 55px #bdf74144}
.av-orbit-dot{position:absolute;right:7%;top:26%;width:9px;height:9px;border-radius:50%;background:#dcff7c;box-shadow:0 0 24px #caff48}
.av-stats{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px}
.av-stat{background:linear-gradient(155deg,#171b18,#121513);border:1px solid #292f2a;border-radius:19px;padding:22px;display:flex;flex-direction:column;min-height:177px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}
.av-stat:hover{transform:translateY(-3px);border-color:#596c45;box-shadow:0 14px 34px #0003}
.av-stat-feature{background:radial-gradient(circle at 86% 10%,#2e3e18aa,transparent 44%),linear-gradient(125deg,#1c2519,#141a15 70%);border-color:#4d6035}
.av-stat-top{display:flex;justify-content:space-between;align-items:center;color:#b0baac;font-size:11px;font-weight:600;gap:7px}
.av-stat-icon{width:34px;height:34px;background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;display:grid;place-items:center;color:#d3ff72}
.av-stat strong{display:block;font:800 clamp(23px,2.35vw,37px) Manrope,sans-serif;letter-spacing:-.07em;margin:13px 0 4px;line-height:1.25}
.av-stat p{display:flex;gap:6px;align-items:center;font-size:10px;color:#b2b9aa;margin:0}
.av-green{color:#cafa4d!important}.av-pink{color:#eea6b1!important}
.av-stat-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;gap:10px;color:#848e84;font-size:9.5px}
.av-stat-mini-bars{height:16px;display:flex;align-items:flex-end;gap:3px}
.av-stat-mini-bars i{display:block;background:#cafa4d88;width:3px;height:7px;border-radius:6px}.av-stat-mini-bars i:nth-child(2){height:12px}.av-stat-mini-bars i:nth-child(3){height:8px}.av-stat-mini-bars i:nth-child(4){height:16px}.av-stat-mini-bars i:nth-child(5){height:12px}.av-stat-mini-bars i:nth-child(6){height:15px}
.av-textlink{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:#d5ff5c;font:700 10px Manrope,sans-serif;white-space:nowrap;padding:5px 0;transition:gap .2s,color .2s}
.av-textlink:hover{gap:11px;color:#f1ffba}

.av-main-grid{display:grid;grid-template-columns:1.72fr 1fr;gap:16px;align-items:stretch}
.av-block{min-width:0;background:linear-gradient(165deg,#161a18,#121514);border:1px solid #292e2a;border-radius:20px;padding:24px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}
.av-block:hover{border-color:#445240}
.av-section-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.av-section-top h3{font-size:17px;line-height:1.4;letter-spacing:-.045em;font-weight:800;margin:7px 0 0;color:#f1f3ed}
.av-chart-card{min-height:390px}
.av-range{display:flex;gap:3px;border:1px solid #323930;background:#191e18;padding:4px;border-radius:11px;flex-shrink:0}
.av-range button{padding:6px 9px;border:0;color:#9da79a;background:transparent;font:700 10px Manrope;letter-spacing:-.03em;border-radius:7px;transition:background .2s,color .2s}
.av-range button.selected{background:#cafa4d;color:#1a210c;box-shadow:0 2px 9px #0004}
.av-range button:hover:not(.selected){background:#293226;color:#fff}
.av-chart-mode{display:flex;align-items:center;gap:6px;color:#9da99b;font-size:10px;margin-top:16px}
.av-chart-mode svg{color:#d4ff61}
.av-chart-area{margin:9px -6px 0;min-height:240px;position:relative;display:flex;flex-direction:column;justify-content:end}
.av-chart-svg{width:100%;min-height:170px;height:210px;display:block;overflow:visible;touch-action:pan-y}
.av-chart-line{stroke-dasharray:1600;stroke-dashoffset:1600;animation:av-draw 1.75s .05s ease forwards;filter:drop-shadow(0 0 3px #cbff4a44)}
.av-chart-svg [data-graph-index]{cursor:crosshair}
.av-chart-labels{display:flex;justify-content:space-between;padding:0 10px;font-size:10px;color:#818982}
.av-chart-overlay{padding-left:6px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;min-height:39px}
.av-chart-overlay span{display:block;font-size:10px;color:#8f9c8b}
.av-chart-overlay strong{font-size:19px;letter-spacing:-.055em;display:block;margin-top:4px}
.av-chart-overlay .av-note{font-size:9px;max-width:170px;text-align:right;line-height:1.5}
.av-chart-empty{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;color:#8a958b;font-size:11px;line-height:1.6}
.av-chart-empty strong{color:#d9e2d8;font-size:12px}
.av-chart-empty span{max-width:250px}
.av-empty-draw{width:53px;height:53px;border:1px solid #374232;background:#222a21;border-radius:17px;display:grid;place-items:center;color:#cafa4d;margin-bottom:4px}
.av-chart-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #2b332c;padding-top:14px;margin-top:auto}
.av-chart-foot>span{display:flex;align-items:center;gap:6px;color:#818f80;font-size:9px;line-height:1.5;max-width:73%}
.av-allocation-card{min-height:390px}
.av-cardglyph{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#d4ff73;background:#20291e}
.av-allocation-inner{display:flex;flex-direction:column;align-items:stretch;flex:1}
.av-ring{height:170px;width:170px;border-radius:50%;display:grid;place-items:center;margin:16px auto 14px;position:relative;box-shadow:0 0 24px #cafa4d0b}
.av-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#141816;box-shadow:inset 0 0 0 1px #384038}
.av-ring>div{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:0}
.av-ring span{font-size:9px;letter-spacing:.12em;color:#a5ae9d}
.av-ring strong{font:800 35px Manrope;line-height:1.15}
.av-ring small{font-size:10px;color:#8e998d}
.av-allocation-list{display:grid;gap:11px;margin-top:5px}
.av-alloc-row{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:11px;color:#adb4a8}
.av-alloc-row span{display:flex;align-items:center;gap:9px}
.av-alloc-row i{width:8px;height:8px;border-radius:50%;display:inline-block}
.av-alloc-row strong{color:#eef0ea}
.av-allocation-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;flex:1;justify-content:center}
.av-allocation-empty .av-ring{margin:15px 0;background:conic-gradient(#31392f 0 100%)}
.av-allocation-empty .av-ring>div{color:#acbbaa}
.av-allocation-empty strong{font-size:12px}
.av-allocation-empty small{font-size:10px;color:#929b90}
.av-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #2b332d;margin-top:auto;padding-top:13px;color:#828e7f;font-size:9.5px}
.av-card-footer>span{display:flex;align-items:center;gap:5px;line-height:1.6}
.av-bottom-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;align-items:stretch}
.av-bottom-grid>.av-block{min-height:270px}
.av-market-note{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #374332;background:#1b251b;border-radius:9px;margin:17px 0 2px;color:#bbcbb4;font-size:9px;line-height:1.5}
.av-market-note svg{flex-shrink:0}
.av-op-row{width:100%;background:none;border:0;display:flex;align-items:center;gap:10px;padding:11px 5px;border-bottom:1px solid #2a312a;text-align:left;color:inherit;transition:background .2s,transform .2s;border-radius:5px}
.av-op-row:hover{background:#252c22;transform:translateX(3px)}
.av-op-avatar{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;font:800 11px Manrope;color:#d4ff62;background:#2a3326;border:1px solid #47563d;border-radius:11px}
.av-av-1{background:#212a2b;color:#9ab8a7;border-color:#3b514b}
.av-av-2{background:#2a2620;color:#e1b891;border-color:#524336}
.av-op-title{min-width:0;flex:1}
.av-op-title strong,.av-op-value strong{font-size:11px;display:block}
.av-op-title small,.av-op-value small{font-size:9px;color:#8a9688;display:block;margin-top:4px}
.av-op-value{text-align:right;flex-shrink:0}
.av-op-arrow{color:#8a9880}
.av-count-pill{padding:7px 11px;border:1px solid #455237;background:#25301d;border-radius:50px;font-size:10px;color:#c9f18a}
.av-alert-hit{display:flex;gap:12px;background:#282f1b;border:1px solid #5a7037;padding:13px;border-radius:13px;margin:17px 0}
.av-alert-hit-icon{color:#d5ff64}
.av-alert-hit strong{font-size:12px}
.av-alert-hit p{font-size:10px;color:#becdae;margin:7px 0 0;line-height:1.5}
.av-empty-lite{display:flex;align-items:flex-start;gap:12px;color:#c5f374;background:#1b211c;border:1px solid #30392c;border-radius:13px;padding:16px;margin:15px 0}
.av-empty-lite>svg{flex-shrink:0}
.av-empty-lite strong{display:block;color:#e8eee6;font-size:11px}
.av-empty-lite p{color:#9da69c;font-size:10px;line-height:1.6;margin:5px 0 0}
.av-reminder-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid #2a312a;padding:11px 0}
.av-remind-icon{width:32px;height:32px;flex-shrink:0;border-radius:10px;background:#262c21;color:#d7ff75;display:grid;place-items:center}
.av-reminder-row>div{min-width:0;flex:1}
.av-reminder-row strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.av-reminder-row small{display:block;color:#9ca49a;font-size:10px;margin-top:5px}
.av-icon-btn{background:#202720;border:1px solid #3c4c35;border-radius:9px;color:#e2ffad;width:27px;height:27px;display:grid;place-items:center;transition:.2s}
.av-icon-btn:hover{background:#d3ff50;color:#192111;transform:scale(1.08)}
.av-reminder-editor{margin:14px 0;padding:14px;border:1px solid #394435;background:#1e261b;border-radius:12px}
.av-reminder-editor[hidden]{display:none}
.av-reminder-editor label{display:block;color:#aeb8a9;font-size:10px;margin-bottom:10px}
.av-reminder-editor input{display:block;margin-top:5px;font-size:11px;padding:10px;background:#141b14;border-color:#414d3b}
.av-reminder-editor .av-btn-primary{width:100%}
.av-notify-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;margin-top:13px;margin-bottom:6px;border-radius:9px;background:#1d271d;color:#cafa4d;border:1px solid #3b5130;font-weight:700;font-size:10px}
.av-notify-chip:hover{background:#2a3823}
.av-quick-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 14px;border:1px solid #262c29;border-radius:14px;color:#939b91;background:#121612;font-size:10px}
.av-quick-footer>span{display:flex;align-items:center;gap:9px;line-height:1.5}
.av-quick-footer button{background:none;border:0;color:#e2ffa5;display:flex;align-items:center;gap:5px;flex-shrink:0;font-weight:600;font-size:10px}
.av-modal-overlay{position:fixed;inset:0;background:#000a;z-index:999;display:grid;place-items:center;padding:15px;backdrop-filter:blur(12px)}
.av-dialog{width:min(400px,100%);border:1px solid #48543b;background:linear-gradient(145deg,#20271d,#101411);box-shadow:0 25px 100px #0009;border-radius:22px;padding:25px;position:relative;animation:av-reveal .24s ease both}
.av-dialog h3{font-size:23px;letter-spacing:-.05em;margin:13px 0}
.av-dialog p{font-size:12px;color:#aab5a2;line-height:1.7}
.av-dialog label{display:block;color:#c4cfb9;font-size:12px;margin:22px 0 14px}
.av-dialog input{display:block;margin:7px 0;background:#131b11}
.av-dialog .av-btn-primary{width:100%}
.av-close{position:absolute;top:16px;right:16px;width:31px;height:31px;color:#c0caba;background:#293127;border:0;border-radius:50%;font-size:21px}
.av-snackbar{position:fixed;bottom:calc(32px + env(safe-area-inset-bottom));right:20px;max-width:340px;z-index:1000;padding:13px 18px;border:1px solid #637a3e;border-radius:14px;color:#e7f9c3;background:#243320;box-shadow:0 15px 45px #0009;font-size:12px}
.av-reveal{animation:av-reveal .58s both}.av-delay-1{animation-delay:.08s}.av-delay-2{animation-delay:.16s}.av-delay-3{animation-delay:.22s}.av-delay-4{animation-delay:.3s}
@keyframes av-reveal{from{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:none}}
@keyframes av-breathe{50%{box-shadow:0 0 0 10px #caff4d10;opacity:.78}}
@keyframes av-orbit{to{transform:rotate(360deg)}}@keyframes av-draw{to{stroke-dashoffset:0}}

@media(max-width:1350px){
.av-main-grid{grid-template-columns:1.35fr 1fr}.av-bottom-grid{grid-template-columns:1fr 1fr}
.av-market-card{grid-column:span 2}.av-op-row{max-width:100%}
.av-market-card .av-op-row{display:inline-flex;width:32%;vertical-align:top;border-bottom:0}
.av-market-card .av-market-note{margin-bottom:6px}
}
@media(max-width:1020px){
.av-hero-text{max-width:74%}.av-hero-orbit{right:0;width:210px}
.av-stats{grid-template-columns:1fr 1fr}.av-stat-feature{grid-column:span 2}
.av-main-grid{grid-template-columns:1fr}.av-allocation-card{min-height:300px}
.av-allocation-inner{flex-direction:row;align-items:center;gap:30px}
.av-allocation-inner .av-ring{flex-shrink:0;margin:10px 25px}
.av-allocation-list{flex:1}.av-chart-card{min-height:360px}
}
@media(max-width:720px){
:root{--bg:#090b0b}
body{background:#090b0b}
main{width:100%;padding:calc(18px + env(safe-area-inset-top)) 16px calc(89px + env(safe-area-inset-bottom))}
main>header{margin-bottom:14px}
main>header .kicker{font-size:9px;color:#b0c0a4}
main>header h1{font-size:23px}
main>.banner{font-size:10px;padding:10px 13px;line-height:1.6;margin-bottom:19px}
#marketStatus{font-size:9px}
.av-dash-head{align-items:center}
.av-dash-head h2{font-size:21px}.av-dash-head p{font-size:10px}
.av-dash-head .av-overline{font-size:8px}
.av-refresher{padding:9px}.av-refresher span{display:none}
.premium-dashboard{gap:13px}
.av-hero{min-height:226px;border-radius:20px}
.av-hero-text{max-width:90%;padding:21px 20px}
.av-hero h2{font-size:32px;margin:19px 0 8px}
.av-hero-description{font-size:10.5px;max-width:270px;line-height:1.65;margin-bottom:17px}
.av-hero-kicker{font-size:8px;letter-spacing:.07em}.av-beta{font-size:7px}
.av-hero-orbit{right:-59px;top:54%;width:185px;opacity:.27;filter:blur(.2px)}
.av-hero-actions{gap:8px}
.av-btn-primary,.av-btn-quiet{padding:11px 12px;font-size:10px}
.av-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.av-stat-feature{grid-column:span 2;min-height:170px}
.av-stat{min-height:167px;padding:16px;border-radius:17px}
.av-stat-top{font-size:9.5px;align-items:flex-start}
.av-stat-icon{height:30px;width:30px;flex-shrink:0}
.av-stat strong{font-size:clamp(19px,5vw,30px);margin:17px 0 5px;white-space:nowrap}
.av-stat-feature strong{font-size:33px}
.av-stat p{font-size:9px;align-items:flex-start;line-height:1.5}
.av-stat p svg{flex-shrink:0}
.av-stat-foot{font-size:9px;padding-top:12px;line-height:1.5}
.av-stat-foot button{font-size:9px}
.av-main-grid,.av-bottom-grid{grid-template-columns:1fr;gap:11px}
.av-block{border-radius:19px;padding:18px}
.av-chart-card{min-height:350px}
.av-allocation-card{min-height:345px}
.av-allocation-inner{flex-direction:column;gap:7px}
.av-allocation-inner .av-ring{height:155px;width:155px;margin:16px auto 13px}
.av-allocation-list{width:100%}
.av-range{gap:1px;padding:3px}
.av-range button{font-size:9px;padding:7px 6px}
.av-section-top h3{font-size:16px}
.av-chart-svg{height:175px;min-height:175px}
.av-chart-area{min-height:208px}
.av-chart-foot{align-items:flex-start}
.av-chart-foot>span{font-size:9px;max-width:73%}
.av-chart-overlay .av-note{display:none}
.av-chart-mode{margin-top:13px}
.av-op-row{padding:13px 5px}
.av-market-card{grid-column:span 1}
.av-market-card .av-op-row{width:100%;display:flex;border-bottom:1px solid #2a312a}
.av-market-card .av-op-row:last-of-type{border:0}
.av-bottom-grid>.av-block{min-height:230px}
.av-quick-footer{display:block;padding:12px 14px}
.av-quick-footer>span{font-size:9.5px;margin-bottom:12px}
.av-quick-footer button{margin-left:auto}
.mobile{background:#101311f7;border-color:#35402d;padding:9px 7px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -13px 45px #0008}
.mobile button{font-size:21px;color:#7f8c81;border-radius:13px;gap:3px;padding:8px 2px;transition:.23s}
.mobile button.active{color:#d3ff50;background:#26321d;transform:translateY(-2px)}
.mobile button small{font-size:9px}
.toast{bottom:calc(85px + env(safe-area-inset-bottom))}
.av-snackbar{bottom:calc(90px + env(safe-area-inset-bottom))}
main>footer{padding-bottom:4px}
}
@media(max-width:368px){
.av-stat strong{font-size:19px}.av-stat-feature strong{font-size:29px}
.av-hero h2{font-size:28px}.av-hero-description{font-size:10px}
.av-hero-text{max-width:100%}.av-hero-orbit{opacity:.13}
.av-stat-foot .av-textlink{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
.av-reveal,.av-orbit,.av-pulse,.av-chart-line{animation:none!important}
*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* Refinamento de legibilidade após auditoria visual mobile */
.av-dash-head h2{letter-spacing:-.035em}
.av-hero h2{letter-spacing:-.048em}
.av-stat strong,.av-chart-overlay strong{letter-spacing:-.04em}
.av-section-top h3{letter-spacing:-.022em}
.av-block,.av-stat,.av-op-row,.av-op-title,.av-op-value{min-width:0}
@media(max-width:720px){
.premium-dashboard{min-width:0}
.av-stat strong{font-size:clamp(19px,5.1vw,26px);overflow:hidden;text-overflow:ellipsis}
.av-stat-feature strong{font-size:32px}
.av-hero h2{font-size:clamp(29px,7.9vw,33px)}
.av-section-top{flex-wrap:wrap}
.av-range{max-width:100%}
.av-chart-foot{flex-wrap:wrap}
.av-chart-foot>span{max-width:100%}
.av-card-footer{flex-wrap:wrap}
.av-op-value{max-width:125px}
}