.phone{--pw:17.5rem;width:var(--pw);font-size:calc(var(--pw) / 28);color:var(--c-text);flex:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.phone__frame{aspect-ratio:9/18.6;background:linear-gradient(145deg,#4a3a29,#1a120b 40%,#3a2b1c);border-radius:4.2em;padding:.7em;position:relative;box-shadow:0 0 0 1px #e8c16847,0 3em 6em -1em #0009,0 0 8em #e8c16814}.phone__notch{z-index:5;background:#0b0704;border-radius:1em;width:7em;height:2em;margin-left:-3.5em;position:absolute;top:1.35em;left:50%}.phone__screen{background:var(--c-bg);border-radius:3.6em;height:100%;padding:4.4em 1.4em 0;position:relative;overflow:hidden}.ph-head{justify-content:space-between;align-items:center;margin-bottom:1.1em;display:flex}.ph-logo{font-family:var(--font-display);letter-spacing:-.02em;font-size:2.2em;font-weight:800}.ph-icons{color:var(--c-text-2);gap:.9em;display:flex}.ph-icons svg{width:1.9em;height:1.9em}.ph-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:1.3em;margin-bottom:1em;padding:1.2em}.ph-label{color:var(--c-text-2);font-size:1.15em}.ph-big{letter-spacing:-.02em;font-size:2.9em;font-weight:700;line-height:1.1}.ph-pill{border-radius:99em;padding:.25em .7em;font-size:1.1em;font-weight:700;display:inline-block}.ph-gain{color:var(--c-gain);background:#3dd68c24}.ph-loss{color:var(--c-loss);background:#ff6b6b24}.ph-gain-text{color:var(--c-gain)}.ph-loss-text{color:var(--c-loss)}.ph-tabs{border:1px solid var(--c-border);height:4.6em;box-shadow:var(--shadow-card);backdrop-filter:blur(10px);color:var(--c-text-2);background:#241a10e0;border-radius:99em;grid-template-columns:repeat(5,1fr);place-items:center;font-size:.82em;display:grid;position:absolute;bottom:1.4em;left:1.2em;right:1.2em}.ph-tab{justify-items:center;gap:.15em;font-size:1.15em;display:grid}.ph-tab svg{width:2.3em;height:2.3em}.ph-tab[data-active]{color:var(--c-primary)}.ph-row{border-top:1px solid var(--c-border);align-items:center;gap:.9em;padding:.85em 0;font-size:1.2em;display:flex}.ph-row:first-child{border-top:0}.ph-avatar{background:linear-gradient(145deg, var(--c-primary), #7a5428);width:2.6em;height:2.6em;color:var(--c-bg);border-radius:50%;flex:none;place-items:center;font-size:.9em;font-weight:700;display:grid}.ph-grow{flex:1;min-width:0}.ph-name{font-weight:650;line-height:1.2}.ph-sub{color:var(--c-text-2);font-size:.85em}.ph-right{text-align:right;font-weight:650}.ph-pills{gap:.5em;margin-top:.9em;font-size:.95em;display:flex}.ph-pills span{color:var(--c-text-2);border-radius:99em;padding:.35em .7em}.ph-pills span[data-on]{background:var(--c-primary);color:var(--c-bg);font-weight:700}.amount{vertical-align:baseline;font-variant-numeric:tabular-nums;border-radius:.3em;display:inline-grid;position:relative;overflow:hidden}.amount>.amount__real,.amount>.amount__mask{white-space:nowrap;transition:opacity .55s var(--ease-out), filter .55s var(--ease-out);grid-area:1/1}.amount__real{opacity:0;filter:blur(8px)}.amount__mask{letter-spacing:.08em;opacity:1}.amount__mask:after{content:"";animation:amount-shimmer 3.2s var(--ease-out) infinite;pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff47 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}html[data-amounts=shown] .amount__real{opacity:1;filter:blur()}html[data-amounts=shown] .amount__mask{opacity:0;filter:blur(8px)}html[data-amounts=shown] .amount__mask:after{animation:none}@keyframes amount-shimmer{0%,55%{transform:translate(-100%)}to{transform:translate(100%)}}.chart{width:100%;height:auto;overflow:visible}.chart__line{stroke-dasharray:1;stroke-dashoffset:1px}.chart__area,.chart__dot{opacity:0}.chart.is-in .chart__line{animation:chart-draw 2.2s var(--ease-out) forwards}.chart.is-in .chart__area{animation:1.4s .8s forwards chart-fade}.chart.is-in .chart__dot{animation:.6s 2s forwards chart-fade}.chart.is-in .chart__halo{transform-box:fill-box;transform-origin:50%;animation:chart-ping 2.4s 2.4s var(--ease-out) infinite}@keyframes chart-draw{to{stroke-dashoffset:0}}@keyframes chart-fade{to{opacity:1}}@keyframes chart-ping{0%{opacity:.5;transform:scale(.6)}80%,to{opacity:0;transform:scale(1.8)}}@media (scripting:none),(prefers-reduced-motion:reduce){.chart__line{stroke-dashoffset:0}.chart__area,.chart__dot{opacity:1}}