:root{--ink:#162d33;--muted:#819093;--green:#147b65;--lime:#d4ed93;--gold:#c8a561;--line:#e4e9e6;--bg:#f3f5f2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 'DM Sans','Noto Sans KR',sans-serif}header{height:94px;max-width:1408px;margin:auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe6e1}.brand{display:flex;gap:14px;align-items:center;color:var(--ink);text-decoration:none}.brand-mark{display:flex;align-items:center;justify-content:center;background:#183c35;color:#d4ed93;width:44px;height:44px;border-radius:12px;font-size:17px;font-weight:700;letter-spacing:-3px;padding-right:3px}.brand-mark span{color:white}.brand b{font-size:21px;line-height:1.2;letter-spacing:1px}.brand b span{display:block;font-size:8px;letter-spacing:2.3px;margin-top:6px;color:#7b8c86}.header-tag{font-size:12px;color:#657b71;display:flex;align-items:center;gap:8px}.header-tag i,.status-dot{width:6px;height:6px;border-radius:50%;background:#69a587;display:inline-block}main{max-width:1408px;margin:auto;padding:42px 40px 0}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 28px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#7e9587}.intro h1{font-size:34px;line-height:1.4;letter-spacing:-1.4px;margin:8px 0}.intro p{margin:0;color:#85928b;font-size:13px}.source-info{text-align:right;max-width:330px;font-size:11px;color:#75877e}.source-info small{display:block;color:#98a39c;margin-top:4px}.source-info .status-dot{margin-right:5px}.overview{display:grid;grid-template-columns:1.24fr 1fr 1fr;gap:18px}.total-card,.asset-card{border-radius:20px;min-width:0;padding:27px 28px;min-height:236px}.total-card{background:radial-gradient(ellipse at 100% 100%,#285b4d 0%,transparent 65%),#14382f;color:white;box-shadow:0 12px 30px #173c3610;position:relative;overflow:hidden}.card-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500}.total-card .card-heading{color:#b9d5c2}.unit{font-size:9px;letter-spacing:1.5px;color:#87ad98}.large-value{font-size:43px;line-height:1.2;font-weight:600;letter-spacing:-1.8px;margin-top:21px;font-variant-numeric:tabular-nums}.krw{font-size:13px;color:#84948b;margin:4px 0;min-height:21px;font-variant-numeric:tabular-nums}.hero-krw{color:#c5dcab;font-size:16px}.total-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px;color:#91b39e;margin-top:16px;font-size:10px}.total-bottom svg{width:145px;height:35px}.asset-card{border:1px solid #e1e8e1;background:white;box-shadow:0 5px 14px #223e3603}.asset-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;vertical-align:middle}.equity-dot{background:#1b7860}.pool-dot{background:var(--gold)}.card-symbol{font-size:21px;color:#acb9ae;font-weight:400}.amount{font-size:34px;font-weight:600;line-height:1.3;letter-spacing:-1px;margin-top:19px;font-variant-numeric:tabular-nums}.asset-caption{font-size:11px;color:#87988b;margin:20px 0 9px}.mini-bar{height:4px;border-radius:3px;background:#eff3ed;overflow:hidden}.mini-bar span{display:block;height:100%;background:#217f63;border-radius:3px;width:0}.pool-bar span{background:var(--gold)}.stats{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;margin-top:20px;background:#e9eee8;border:1px solid #e2e8df;border-radius:16px;padding:21px 0}.stat{padding:0 27px;border-right:1px solid #d8e1d6}.stat:last-child{border:0}.stat small{font-size:10px;color:#7a8d7c}.stat strong{display:block;font-size:21px;font-weight:600;letter-spacing:-.4px}.stat .krw{font-size:11px;margin:0}.stat .positive{color:#187951}.stat .negative{color:#b4674d}.stat-value-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.return-tag{font-size:11px;background:#d9e8d6;border-radius:5px;padding:2px 7px;color:#337844}.fx-row{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#8b998c;margin:15px 2px 27px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:20px}.panel{background:white;border:1px solid #e0e7df;border-radius:20px;padding:27px}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:19px;letter-spacing:-.6px;margin:5px 0 0;font-weight:600}.periods{display:flex;padding:3px;background:#f3f5f0;border-radius:8px;gap:2px}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:2px solid #1b8066;outline-offset:3px}.periods button{font-size:10px;background:transparent;padding:6px 10px;color:#829080;border-radius:6px}.periods .active{background:white;color:#214b3b;box-shadow:0 1px 3px #0000000e}.chart-tabs{display:flex;gap:20px;border-bottom:1px solid #e8ede6;margin-top:26px}.chart-tabs button{color:#8b998c;background:none;font-size:11px;padding:0 0 12px;border-bottom:2px solid transparent}.chart-tabs .selected{color:#22684c;border-color:#22684c;font-weight:700}.chart-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:20px 0 8px}.legend{display:flex;gap:13px;flex-wrap:wrap;font-size:10px;color:#8a978b}.legend i{display:inline-block;vertical-align:middle;margin-right:5px;width:13px;height:2px}#chartNote{font-size:9px;color:#a2ada0}#chart{width:100%;display:block;margin-top:4px;touch-action:pan-y}.chart-detail{font-size:10px;color:#7b8d7a;padding-top:14px;border-top:1px solid #eff2ec;min-height:38px}.allocation-panel h2{margin-top:5px}.donut-wrap{position:relative;width:180px;height:180px;margin:24px auto 15px}.donut-wrap svg{width:100%;height:100%}.donut-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut-label small{font-size:10px;color:#8b998b}.donut-label strong{font-size:27px;letter-spacing:-1px}.allocation-key{display:flex;justify-content:space-between;font-size:11px;padding:9px 0;color:#81927e}.allocation-key strong{color:#405b45;font-weight:500}.band-status{border-top:1px solid #e9eee5;margin-top:20px;padding-top:19px}.band-status small{color:#94a18c;font-size:10px}.band-status strong{display:block;font-size:15px;margin:5px 0;color:#8c7553}.band-status p{margin:0;color:#8b9981;font-size:11px;line-height:1.8}.value-panel{margin-top:20px;display:flex;gap:36px;align-items:center}.value-heading{min-width:190px}.value-heading>span{font-size:10px;display:block;color:#93a18c;margin-top:8px}.value-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.value-grid small{font-size:10px;color:#82957e}.value-grid strong{display:block;font-size:19px;font-weight:500;margin-top:7px;letter-spacing:-.6px}.value-grid .krw{font-size:10px}footer{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #dce5d9;margin-top:34px;padding:25px 0 30px;color:#98a591;font-size:9px}footer b{font-size:10px;letter-spacing:1.5px;color:#768c6d}footer p{margin:3px 0}@media(min-width:1500px){main{padding-top:48px}}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 245px}.panel{padding:22px}.overview{gap:12px}.total-card,.asset-card{padding:22px}.large-value{font-size:36px}.amount{font-size:29px}.chart-meta{display:block}#chartNote{display:block;margin-top:8px}.value-panel{display:block}.value-grid{margin-top:22px}.value-heading>span{margin-top:5px}}@media(max-width:760px){header{height:76px;padding:0 20px}main{padding:28px 20px 0}.intro{display:block}.intro h1{font-size:29px}.source-info{text-align:left;margin-top:18px;max-width:100%}.overview{grid-template-columns:1fr 1fr}.total-card{grid-column:1/-1;min-height:218px}.asset-card{min-height:210px;padding:20px}.large-value{font-size:44px}.amount{font-size:27px}.stats{grid-template-columns:1fr 1fr;padding:18px 0;row-gap:20px}.stat:nth-child(2){border:0}.stat{padding:0 20px}.fx-row{display:block;font-size:9px;line-height:1.9}.fx-row>span{display:block}.workspace{grid-template-columns:1fr}.allocation-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.allocation-panel>.eyebrow,.allocation-panel>h2{grid-column:1/-1}.donut-wrap{grid-row:3/6;grid-column:1;margin:16px auto 0;width:140px;height:140px}.allocation-key{grid-column:2;align-self:center}.band-status{grid-column:2;margin-top:0;padding-top:10px}.panel{padding:22px 18px}.chart-tabs{gap:17px}.chart-tabs button{font-size:10px}.periods button{padding:5px 7px}.panel-top h2{font-size:17px}.value-grid{grid-template-columns:1fr 1fr}.value-grid strong{font-size:21px}footer{display:block;font-size:9px}footer>div+div{margin-top:15px}}@media(prefers-reduced-motion:no-preference){.total-card,.asset-card,.panel{animation:rise .45s ease both}@keyframes rise{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}}
.language-picker{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;font-size:.8rem}.language-picker select{font:inherit;color:inherit;background:#fff;border:1px solid #c4d2c2;border-radius:.55rem;padding:.38rem .48rem}.language-picker select:focus-visible{outline:2px solid #20775d;outline-offset:2px}@media(max-width:520px){header .header-tag{display:none}}

/* Market terminal theme */
:root{color-scheme:dark;--ink:#edf4ff;--muted:#a2b2c9;--green:#63e4bd;--gold:#f4c27e;--line:#26354a;--bg:#090f1c;--surface:#111c2d;--font-mono:ui-monospace,"Cascadia Mono",Consolas,monospace}
body{background:radial-gradient(ellipse at 48% -12%,#193553 0,transparent 55%),var(--bg)}
header{height:76px;gap:20px;border-color:var(--line)}.brand-mark{background:#122d3d;border:1px solid #315668;color:var(--green);border-radius:10px}.brand b span,.header-tag{color:var(--muted)}.header-tag{margin-left:auto}.status-dot,.header-tag i{background:var(--green);box-shadow:0 0 10px #63e4bd88}
.language-picker{color:var(--muted)}.language-picker select{background:#101a2a;color:var(--ink);border-color:#394a63}
main{padding-top:38px}.intro{gap:20px;margin-bottom:30px}.intro h1{font-size:clamp(28px,4vw,49px);line-height:1.16;font-weight:800;margin:9px 0 12px;letter-spacing:-.045em}.intro p,.source-info small{color:var(--muted)}.source-info{color:#d4e3f8;background:#101b2a;border:1px solid var(--line);border-radius:10px;padding:10px 14px;flex:none}.eyebrow{color:var(--green);font-size:11px;letter-spacing:.14em}
.overview{grid-template-columns:1.35fr 1fr 1fr}.total-card,.asset-card,.panel{border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 32px #0003}
.total-card{background:linear-gradient(110deg,#102b3b,#112537 62%,#153e45);border-color:#32576a;isolation:isolate}.total-card::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 23px,#9cd9ee12 24px),repeating-linear-gradient(90deg,transparent 0 23px,#9cd9ee12 24px);mask-image:linear-gradient(90deg,transparent,#000)}
.total-card .card-heading,.unit,.total-bottom{color:#b7cadc}.unit{border:1px solid #456479;padding:2px 7px;border-radius:4px}.large-value,.amount,.stat strong,.value-grid strong,.donut-label strong{font-family:var(--font-mono);font-weight:600;letter-spacing:-.045em}.large-value{font-size:clamp(30px,4vw,52px)}.amount{font-size:clamp(25px,3vw,39px)}.hero-krw{color:var(--green)}.asset-card,.panel{background:linear-gradient(155deg,#152238,var(--surface) 55%)}.asset-card{border-top:2px solid #428d87}.asset-card:last-child{border-top-color:#a98252}.card-symbol{color:#9db3ce}.equity-dot,.mini-bar span{background:var(--green)}.pool-dot,.pool-bar span{background:var(--gold)}.mini-bar{background:#26354b}.asset-caption,.krw{color:var(--muted)}
.stats{background:#101a2a;border-color:var(--line);border-radius:10px}.stat{border-color:var(--line)}.stat small,.fx-row{color:var(--muted);font-size:11px}.stat .positive{color:var(--green)}.stat .negative{color:#ff9ca1}.return-tag{background:#23334a;color:#dce9fb}
.workspace{grid-template-columns:minmax(0,1fr) minmax(245px,285px)}.panel-top h2,h2{font-size:22px;font-weight:700}.periods{background:#0b1423;border:1px solid var(--line);flex:none}.periods button,.chart-tabs button,.legend,#chartNote,.chart-detail{color:var(--muted);font-size:11px}.periods .active{background:#263952;color:#fff}.chart-tabs{border-color:var(--line);flex-wrap:wrap;gap:8px 20px}.chart-tabs .selected{color:var(--green);border-color:var(--green)}.chart-detail{border-color:var(--line)}#chart{background:#0c1727;border:1px solid #223149;border-radius:10px}.legend i{height:3px}
.donut-label small,.allocation-key,.band-status small,.band-status p,.value-grid small,.value-heading>span,footer{color:var(--muted)}.allocation-key{border-bottom:1px solid var(--line)}.allocation-key strong{color:var(--ink);font-family:var(--font-mono)}.band-status{background:#0c1727;border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:16px}.band-status strong{color:var(--gold)}.value-grid{gap:10px}.value-grid>div{background:#0c1727;border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-width:0}.value-grid strong{overflow-wrap:anywhere}.value-grid .krw{overflow-wrap:anywhere}footer{border-color:var(--line)}footer b{color:#cfdaeb}
button:focus-visible,a:focus-visible,.language-picker select:focus-visible{outline-color:var(--green)}
@media(max-width:760px){header{gap:10px}.overview{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:1fr}.source-info{display:inline-block}.panel-top h2{font-size:18px}.allocation-panel{display:block}.donut-wrap{margin:18px auto}.amount{font-size:clamp(20px,5.8vw,32px)}}
@media(max-width:420px){header,main{padding-left:14px;padding-right:14px}.asset-card{padding:14px}.panel-top{align-items:flex-start;flex-wrap:wrap}.total-bottom svg{width:110px}.value-grid strong{font-size:17px}}

/* Readable system typography across all dashboard languages */
:root{--reading-font:system-ui,sans-serif}
html:lang(ko){--reading-font:"Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif}
html:lang(ja){--reading-font:"Yu Gothic","Hiragino Sans",system-ui,sans-serif}
html:lang(zh-Hans){--reading-font:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
body{font-family:var(--reading-font)}
.large-value,.amount,.stat strong,.value-grid strong,.donut-label strong,.allocation-key strong{font-family:system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.intro p,.card-heading{font-size:14px}
.asset-caption,.chart-detail,.legend,.periods button,.chart-tabs button,.value-grid small,.band-status p{font-size:12px}
/* Midnight headline */
.intro h1{width:fit-content;max-width:100%;font-weight:900;font-size:clamp(30px,5vw,66px);line-height:1.23;letter-spacing:-.055em;overflow-wrap:anywhere;color:#f1c28b;padding-bottom:.13em}
@supports (background-clip:text){
  .intro h1{background:linear-gradient(176deg,#fff0d2 8%,#f7c586 46%,#f19778 70%,#ed797a 96%);background-clip:text;color:transparent;filter:drop-shadow(0 5px 14px #d367613d)}
}
.intro .eyebrow{display:flex;align-items:center;gap:9px;color:#e6a996}
.intro .eyebrow::before{content:"";width:18px;height:2px;background:#ec8276;box-shadow:0 0 10px #f0786880}
.intro p{color:#d0b9b8}
@media(forced-colors:active){.intro h1{background:none;color:CanvasText;filter:none}}

.intro h1{position:relative;margin-bottom:20px;overflow-wrap:normal}
.intro h1 .molten-word{position:relative;display:inline-block;background:linear-gradient(#fff0c7 8%,#f9bd78 50%,#e36761 94%);background-clip:text;-webkit-text-fill-color:transparent}
.intro h1 .molten-word::after{content:"";position:absolute;left:2%;right:1%;top:77%;height:.43em;pointer-events:none;background:linear-gradient(#de7b64,#923547);clip-path:polygon(4% 0,8% 0,8% 42%,9% 55%,9% 76%,7% 87%,5% 76%,5% 55%,4% 46%,4% 0,24% 0,29% 0,29% 27%,27% 42%,27% 68%,25% 80%,23% 68%,23% 48%,24% 30%,24% 0,53% 0,58% 0,58% 34%,59% 50%,59% 89%,57% 100%,55% 89%,55% 57%,53% 42%,53% 0,78% 0,82% 0,82% 38%,83% 54%,81% 65%,79% 54%,78% 38%,78% 0)}
.intro h1 .chip-word{background:repeating-linear-gradient(118deg,#fff0ce 0 9px,#eea967 9px 14px,#963947 14px 17px,#ffcb8b 17px 28px);background-clip:text;-webkit-text-fill-color:transparent}
@media(max-width:760px){.intro h1{font-size:clamp(28px,7vw,52px)}}
@media(forced-colors:active){.intro h1 .molten-word,.intro h1 .chip-word{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.intro h1 .molten-word::after{display:none}}
@media not (forced-colors:active){
  html:lang(ko) .intro h1{width:min(780px,100%);aspect-ratio:2167/726;background:url("midnight-brush.png") left center/contain no-repeat;color:transparent;filter:none}
  html:lang(ko) .intro h1 span{background:none;color:transparent}
  html:lang(ko) .intro h1 .molten-word::after{display:none}
}
.intro>div:first-of-type{flex:1;min-width:0}
@media not (forced-colors:active){
  html:lang(ko) .intro h1:has(.chip-word){display:flex;align-items:center;gap:clamp(7px,1vw,14px);width:min(790px,100%);aspect-ratio:auto;background:none;font-size:0}
  html:lang(ko) .intro h1 .molten-word{flex:1;aspect-ratio:1105/726;background:url("midnight-brush.png") left center/196.1% 100% no-repeat}
  html:lang(ko) .intro h1 .chip-word{display:block;flex:1;aspect-ratio:2172/724;background:url("midnight-steel.png") center/contain no-repeat}
}
@media not (forced-colors:active){
  html:lang(ko) .intro h1 .chip-word{
    filter:grayscale(85%) brightness(2.05) contrast(.91) drop-shadow(0 0 2px #c8e1ff7a);
  }
}
.translated-title-art{display:block;width:min(790px,100%);height:auto;aspect-ratio:3}
.intro h1:has(.translated-title-art){width:min(790px,100%);background:none;filter:none}
@media(forced-colors:active){.translated-title-art{forced-color-adjust:none}}
.intro h1.title-art-pending{width:min(790px,100%);aspect-ratio:3;background:none;color:transparent;-webkit-text-fill-color:transparent;filter:none}
.intro h1.title-art-pending .molten-word::after{display:none}
.intro h1.title-art-pending{visibility:hidden}
.intro .intro-goal{color:#f1e4ce;font-size:clamp(16px,2.25vw,26px);font-weight:750;line-height:1.45;margin:0 0 8px}
.overview .total-card{grid-column:1;grid-row:1/span 2}
.overview .equity-card{grid-column:2;grid-row:1}
.overview .cash-card{grid-column:2;grid-row:2;border-top-color:#a98252}
.overview .principal-card{grid-column:3;grid-row:1/span 2;border-top-color:#6888b9}
.principal-dot{background:#9abaf0}
.overview .equity-card,.overview .cash-card{min-height:0;padding-block:14px}
.overview .equity-card .amount,.overview .cash-card .amount{margin-top:6px;font-size:clamp(20px,2.4vw,29px)}
.overview .equity-card .asset-caption,.overview .cash-card .asset-caption{margin-top:5px}
@media(max-width:760px){
  .overview .total-card{grid-column:1/-1;grid-row:1}
  .overview .equity-card{grid-column:1;grid-row:2}
  .overview .cash-card{grid-column:1;grid-row:3}
  .overview .principal-card{grid-column:2;grid-row:2/span 2}
}
.goal-card{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}
.goal-heading,.goal-legend{display:flex;align-items:center;justify-content:space-between;gap:6px 10px;flex-wrap:wrap}
.goal-heading{font-size:12px;color:#d3e3fb}.goal-heading strong{font-size:17px;color:#70ddfc}.goal-remaining,.goal-legend{font-size:10px;color:var(--muted)}
#goalChart{display:block;width:100%;height:auto;margin:6px 0 2px}
.goal-legend span::before{content:"";display:inline-block;width:12px;margin-right:5px;border-top:2px solid #70ddfc;vertical-align:middle}.goal-legend span+span::before{border-top:2px dashed #92a4c0}
.goal-legend span:nth-child(3)::before{border-top-color:#f7b66e}.goal-trend{display:flex;justify-content:space-between;gap:5px 10px;flex-wrap:wrap;margin-top:9px;color:#f7b66e;font-size:11px}.goal-trend strong{font-variant-numeric:tabular-nums}
.gain-card{margin-top:14px;padding-top:12px;border-top:1px solid #668ca351;display:grid;gap:2px;color:#d5e3f0}
.gain-card>strong{font-size:clamp(20px,3vw,34px);line-height:1.2;font-variant-numeric:tabular-nums;color:#78efd0}
.gain-card[data-result="loss"]>strong{color:#ffadae}
.gain-card .krw{min-height:0;margin:0;color:#adc3d9}
.gain-card>small{font-size:10px;color:#abc0d7}
.gain-example{display:flex;align-items:center;gap:10px;margin:5px 0;font-size:12px}
.gain-example[hidden]{display:none}
#gainArt{font-size:32px;line-height:1.2}
.gain-card{grid-template-columns:minmax(0,1fr) minmax(84px,43%);column-gap:8px}
.gain-card>span,.gain-card>strong{grid-column:1}
.gain-card>small{grid-column:1/-1;margin-top:8px}
.gain-example{grid-column:2;grid-row:1/span 3;display:flex;flex-direction:column;justify-content:center;gap:0;margin:0;min-width:0}
#gainArt{display:block;text-align:center;width:min(100%,126px);font-size:clamp(34px,5vw,62px);line-height:1.12}
#gainArt[data-item="gainLaptop"]{aspect-ratio:168/126;background:url("gain-laptop.svg") center/contain no-repeat}
#gainItem{display:block;text-align:center;border-radius:14px;background:#deeffb;color:#203b56;padding:4px 8px;font-weight:750;line-height:1.25}
@media(prefers-reduced-motion:no-preference){
  .gain-in-view #gainArt{animation:gain-pop .72s cubic-bezier(.2,.65,.38,1) both}
  @keyframes gain-pop{0%{transform:translateY(8px) scale(.8,.87)}42%{transform:translateY(-9px) scale(1.09,.96)}68%{transform:translateY(1px) scale(.97,1.05)}100%{transform:none}}
}
.gain-example{appearance:none;border:0;padding:0;background:none;color:inherit;cursor:pointer;align-self:center}
#gainArt[data-item="gainLaptop"]{aspect-ratio:160/116;background-image:url("gain-mascot.svg")}
#gainItem{position:relative;background:#f2dff9;color:#422c58;padding:5px 10px;transform:rotate(-4deg);box-shadow:0 3px 0 #a387c1;font-family:"Comic Sans MS","Apple SD Gothic Neo",system-ui,sans-serif}
#gainItem::before{content:"";position:absolute;top:-5px;left:18px;width:10px;height:10px;background:inherit;transform:rotate(45deg);z-index:-1}
.gain-example:is(:hover,:focus-visible) #gainItem{background:#fff0fd;color:#4b2c61}
.overview{grid-template-rows:minmax(min-content,1.12fr) minmax(min-content,.88fr)}
.overview .equity-card{padding-bottom:18px}
.overview .cash-card{padding-block:12px}
.combined-bar{display:flex;height:7px}
.combined-bar span{flex-shrink:0;border-radius:0}
.combined-bar #poolBar{background:var(--gold)}
@media(max-width:760px){.overview{grid-template-rows:auto auto auto}}
@media(prefers-reduced-motion:no-preference){
  .gain-in-view #gainArt[data-item="gainLaptop"]{animation:gain-pop .72s cubic-bezier(.2,.65,.38,1) both,laptop-nudge 3s 1.1s ease-in-out infinite}
  @keyframes laptop-nudge{
    0%,72%,100%{transform:translateY(0) rotate(0)}
    80%{transform:translateY(-5px) rotate(-3deg)}
    89%{transform:translateY(-2px) rotate(2deg)}
  }
}