.asset-hero,.asset-atlas,.asset-history,.compare-outcome,.compare-form,.compare-intro{color:var(--ink);border:1px solid var(--line);background:var(--surface-soft,#f8f8f6);border-radius:24px}
.asset-hero{position:relative;overflow:hidden;padding:24px 22px 0;background:linear-gradient(135deg,#e9f1eb 0%,#f7f6ec 58%,#f4e8e5 100%);border-color:#d9e2d9;box-shadow:0 20px 40px #1f382313}
.asset-hero:before{content:"";position:absolute;width:240px;height:240px;border:1px solid #ffffffa6;border-radius:50%;right:-86px;top:-132px;box-shadow:0 0 0 38px #ffffff2d,0 0 0 76px #ffffff1e;pointer-events:none}
.asset-hero-top,.asset-equation,.asset-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.asset-hero-top{font-size:13px;font-weight:650}.asset-hero-top small{font-weight:400;color:var(--muted)}.asset-hero>.num{display:block;margin:18px 0 12px;font:700 clamp(32px,9vw,44px)/1.1 Manrope,sans-serif;letter-spacing:-.055em}.asset-equation{justify-content:flex-start;color:var(--muted);font-size:11px;padding-bottom:24px}.asset-equation-rule{width:22px;height:1px;background:currentColor;opacity:.4}.asset-hero-foot{position:relative;margin:0 -22px;padding:16px 22px;background:#fff9;border-top:1px solid #ffffffc4;font-size:11px}.asset-hero-foot>span{display:grid;gap:4px}.asset-hero-foot b{font:650 15px Manrope,sans-serif;color:var(--ink)}
.asset-atlas,.asset-history,.compare-outcome{padding:22px 18px}.asset-atlas .section,.asset-history .section{padding:0;margin:0 0 18px}.asset-atlas .section>small{font-size:11px;color:var(--muted)}.asset-mosaic{display:flex;gap:4px;height:172px;border-radius:19px;overflow:hidden}.asset-mosaic-cell{flex-basis:0;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:14px 11px;color:#183d37;background:#b9d8c8;position:relative}.asset-mosaic-cell.invest{background:#e6c8a5;color:#593c21}.asset-mosaic-cell.other{background:#c9c7df;color:#383653}.asset-mosaic-cell:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#fff7,transparent 45%,#00000010);pointer-events:none}.asset-mosaic-cell>span:last-child{display:grid;gap:3px;font-size:10px;line-height:1.25;position:relative;z-index:1}.asset-mosaic-cell b{font:700 16px Manrope,sans-serif}.asset-cell-mark{font:400 45px/1 Georgia,serif;opacity:.7}.asset-key{display:grid;gap:0;margin:14px 0}.asset-key>div{display:grid;grid-template-columns:25px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.asset-key b{font:650 12px Manrope,sans-serif}.asset-key-symbol{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:#b9d8c8;color:#254c43}.asset-key-symbol.invest{background:#e6c8a5;color:#593c21}.asset-key-symbol.other{background:#c9c7df;color:#383653}.asset-insight{display:grid;grid-template-columns:1fr 1fr;border-radius:16px;background:#fff8;border:1px solid #fff;overflow:hidden}.asset-insight>div{display:grid;gap:7px;padding:14px 12px}.asset-insight>div+div{border-left:1px solid var(--line)}.asset-insight small{color:var(--muted);font-size:10px}.asset-insight strong{font:700 16px Manrope,sans-serif}.asset-insight .negative,.asset-delta .negative{color:#ad5e57}.asset-atlas>.subtle{margin:12px 0 0}
.asset-history>.subtle{margin:-7px 0 18px}.asset-delta{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:baseline;background:#eef4ed;border-radius:15px;padding:13px 14px;margin-bottom:18px;font-size:11px}.asset-delta strong{font-size:18px}.asset-delta small{grid-column:1/-1;color:var(--muted)}.asset-calendar{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;align-items:end}.asset-calendar-month{display:grid;justify-items:center;gap:7px;font:500 9px Manrope,sans-serif;color:var(--muted)}.asset-calendar-month i{width:100%;height:25px;border-radius:6px;background:#dfe4df;border:1px solid #d7ded7}.asset-calendar-month.has-record i{background:linear-gradient(160deg,#a4d6c0,#5e9e85);border-color:#70ad92;box-shadow:inset 0 1px #fff9}.asset-snapshot-last{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:17px;padding-top:13px;font-size:10px;color:var(--muted)}.asset-snapshot-last b{color:var(--ink);font:650 12px Manrope,sans-serif}.asset-history-empty{font-size:11px;color:var(--muted);line-height:1.6;margin:14px 0 0}.asset-flow-details{border-top:1px solid var(--line);padding:16px 0}.asset-flow-details summary{cursor:pointer;font-size:12px;color:var(--accent-main);font-weight:650}.asset-flow-details .asset-flow{margin-top:14px;min-width:0}.asset-flow-details .asset-flow svg{max-width:100%}
.asset-calendar-month{border:0;background:transparent;padding:2px 0;min-width:0;cursor:pointer}.asset-calendar-month.selected{color:var(--ink);font-weight:700}.asset-calendar-month.selected i{outline:2px solid var(--accent-main,#658d72);outline-offset:2px}.asset-calendar-month:focus-visible{outline:2px solid var(--accent-main,#658d72);outline-offset:3px}.asset-month-detail{display:grid;gap:8px;margin-top:18px;padding:14px 13px;border-radius:14px;background:#ffffffa8;border:1px solid var(--line)}.asset-month-detail>div:first-child{display:grid;gap:4px}.asset-month-detail small{font-size:10px;color:var(--muted)}.asset-month-detail strong{font:700 15px Manrope,sans-serif}.asset-month-detail>div:last-child{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}
.compare-feature{width:100%;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:15px;text-align:left;padding:19px;border:1px solid #8cae9d;background:linear-gradient(120deg,#e5f2e6,#edf1ec 60%,#f8e5d7);border-radius:21px;color:#24453d;box-shadow:0 14px 26px #24483b13}.compare-feature-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid #69917e;border-radius:17px;font:700 17px Manrope,sans-serif;letter-spacing:-.08em;transform:rotate(-7deg)}.compare-feature-mark span{font-size:13px;color:#b17554}.compare-feature>span:nth-child(2){display:grid;gap:2px}.compare-feature small{font-size:10px;color:#617c70}.compare-feature strong{font-size:16px;line-height:1.35}.compare-feature em{font-style:normal;font-size:10px;line-height:1.5;color:#62756d}.compare-feature>b{font-size:22px;font-weight:400;align-self:start}.compare-intro{border:0;background:transparent;padding:0 2px;font-size:12px;line-height:1.7;color:var(--muted)}.compare-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:var(--surface-soft,#ecefec);border:1px solid var(--line);border-radius:14px}.compare-modes button{border:0;border-radius:10px;background:none;color:var(--muted);font-size:11px;padding:10px 4px;min-height:42px}.compare-modes button.active{color:var(--ink);background:#fff;box-shadow:0 4px 12px #1b34231a;font-weight:700}.compare-form{padding:18px}.compare-common{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}.compare-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare-option{min-width:0;margin:0;padding:14px 11px 13px;border:1px solid #c9ddd2;border-radius:16px;background:#eef5ef}.compare-option.option-b{background:#f8f0e9;border-color:#e6d3bf}.compare-option legend{font:700 13px Manrope,sans-serif;padding:0 6px}.compare-option .field{margin-top:9px}.compare-form .field{font-size:10px}.compare-form input{width:100%;min-width:0;font:600 13px Manrope,sans-serif;background:#fffd;border:1px solid #d9e2db;border-radius:9px;padding:10px 8px;min-height:42px}.compare-form input:focus-visible{outline:2px solid #588e73;outline-offset:1px}.compare-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compare-result{display:grid;align-content:start;gap:9px;min-width:0;border-radius:17px;padding:15px 11px;background:#eaf4ec;color:#2f6852}.compare-result.result-b{background:#fbefe2;color:#976242}.compare-result small{font-size:10px}.compare-result strong{font:700 clamp(14px,4.3vw,21px)/1.15 Manrope,sans-serif;letter-spacing:-.03em;overflow-wrap:anywhere}.compare-result span{font-size:10px;line-height:1.5;color:var(--muted)}.compare-map{margin-top:25px}.compare-map h2{font-size:16px}.compare-map .row small{font-size:10px;color:var(--muted)}.compare-map svg{display:block;width:100%;height:auto;margin-top:8px;overflow:visible}.compare-map svg text{font:9px Manrope,sans-serif;fill:var(--muted)}.map-grid{fill:none;stroke:var(--line);stroke-width:1}.map-path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.path-a{stroke:#5c9f7c}.path-b{stroke:#d39264}.map-dot.dot-a{fill:#4f8d70}.map-dot.dot-b{fill:#c57d4c}.compare-milestones{display:grid;gap:0}.compare-milestones>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.compare-milestones b{font:650 11px Manrope,sans-serif;text-align:right}.compare-milestones b:nth-child(2){color:#4f8d70}.compare-milestones b:nth-child(3){color:#c57d4c}.compare-outcome>.subtle{font-size:10px;margin:12px 0 0}
[data-theme=glass] :is(.asset-hero,.asset-atlas,.asset-history,.compare-outcome,.compare-form,.compare-feature){background:linear-gradient(150deg,#ffffffb8,#f4f6f3a3 60%,#ffffff7a);border:1px solid #ffffffd9;box-shadow:inset 0 1px #fff,0 12px 30px #53645b25;backdrop-filter:blur(24px)}[data-theme=glass] .asset-hero-foot{background:#ffffff52}[data-theme=glass] .asset-mosaic-cell{box-shadow:inset 0 1px #fff9}[data-theme=glass] .compare-option{background:#d7eee3a6}[data-theme=glass] .compare-option.option-b{background:#f5dfd1a6}
[data-theme=terracotta] :is(.asset-hero,.asset-atlas,.asset-history,.compare-outcome,.compare-form,.compare-feature){border-radius:3px;background:#fff8ec;border:1px solid #aa8166;box-shadow:none}[data-theme=terracotta] .asset-hero{border-top:5px solid #9b372b}[data-theme=terracotta] .asset-mosaic-cell{border-radius:0}[data-theme=terracotta] .compare-option,[data-theme=terracotta] .compare-result{border-radius:2px}
[data-theme=grid] .asset-mosaic-cell,[data-theme=grid] .asset-hero,[data-theme=grid] .compare-feature{border-radius:3px}[data-theme=orbit] .asset-mosaic{border-radius:32px}[data-theme=orbit] .compare-feature-mark{border-radius:50%}
@media(max-width:365px){.compare-input-grid{gap:6px}.compare-option{padding:10px 7px}.compare-result{padding:12px 8px}.asset-hero>.num{font-size:31px}.asset-hero-foot{font-size:10px}}