.theme-switch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid var(--line);background:var(--surface);border-radius:8px;color:var(--ink);font-size:10px;white-space:nowrap}.theme-switch svg{width:16px;height:16px}.theme-switch:hover{border-color:#819973}.public-controls{display:flex!important;align-items:center;gap:14px!important}.appearance-panel{margin-bottom:24px}.appearance-panel p{margin:8px 0 20px}.theme-choices{display:flex;gap:10px}.theme-choice{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:11px 15px;background:var(--surface);font-size:11px;color:var(--ink)}.theme-choice[aria-pressed=true]{background:#edf4e5;border-color:#99b187;color:#36512c}.theme-choice svg{width:17px;height:17px}.page-loader{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:var(--bg);color:var(--ink);opacity:1;transition:opacity .18s ease;overflow:hidden}.page-loader[hidden]{display:none!important}.page-loader.is-complete{opacity:0;pointer-events:none}.loader-inner{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.loader-mark{position:relative;width:100px;height:100px;display:grid;place-items:center;margin-bottom:26px}.loader-mark img{width:56px;height:56px;border-radius:16px;box-shadow:0 12px 35px #24413016}.loader-ring{position:absolute;inset:0;border:1px solid var(--line);border-radius:50%}.loader-ring:before{content:'';position:absolute;inset:-1px;border:2px solid transparent;border-top-color:#8ca875;border-radius:50%;animation:loader-orbit 1.2s linear infinite}.loader-brand{font:500 30px Outfit,sans-serif;letter-spacing:-1px}.loader-message{color:var(--muted);font-size:12px;margin-top:12px;min-height:20px}.loader-line{width:136px;height:3px;border-radius:3px;background:var(--line);overflow:hidden;margin-top:24px}.loader-line:after{content:'';display:block;height:100%;width:40%;border-radius:3px;background:#8ca875;animation:loader-line 1.2s ease-in-out infinite}.loader-caption{position:absolute;bottom:35px;font-size:10px;color:var(--muted)}.loader-orbits{position:absolute;width:650px;height:650px;border-radius:50%;border:1px solid var(--line);opacity:.38;pointer-events:none;transform:scaleX(.8) rotate(-20deg)}.loader-orbits:before,.loader-orbits:after{content:'';position:absolute;inset:50px;border:1px solid var(--line);border-radius:50%}.loader-orbits:after{inset:100px}@keyframes loader-orbit{to{transform:rotate(360deg)}}@keyframes loader-line{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}
html[data-theme=dark]{--ink:#e3eae7;--muted:#9baaa7;--green:#b6cfa2;--sage:#b7cca6;--line:#2d3b40;--surface:#18242b;--bg:#10191f;color-scheme:dark}
html[data-theme=dark] :is(.sidebar,.panel,.metric,.vault-card,.wallet-button,dialog,.search-input,select,.field input,.secondary,.public-open,.preview-body){background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(.topbar){background:#10191fe8;border-color:var(--line)}
html[data-theme=dark] :is(.workspace,.account,.top-divider,.nav-separator,.vault-detail,th,td,.key-row,.settings-row,.detail-list>div,.article section,.article details,.insight,footer,.public-vault,.public-faq,.public-faq details,.market-sources){border-color:var(--line)}
html[data-theme=dark] :is(.nav-separator,.top-divider){background:var(--line)}
html[data-theme=dark] :is(.workspace-icon,.help-card,.avatar,.transaction-icon,.vault-symbol,.period-tabs button.active,.chip,.demo-chip,.notice,.max-button,.status,.wallet-address,.secret,.theme-choice[aria-pressed=true]){background:#25392f;border-color:#374d3d;color:#b5cba2}
html[data-theme=dark] :is(.nav-link.active){background:#293e30;color:#c6deb1}
html[data-theme=dark] .nav-link.active:after{background:#b1cc96}
html[data-theme=dark] :is(.nav-link:hover,.icon-button:hover,.public-open:hover){background:#26362f;color:#d0e1bd}
html[data-theme=dark] :is(.nav-link,.support-link,.breadcrumb,.breadcrumb strong,.metric-label,.vault-card>p,.vault-detail,.subtle,.metric-sub,.page-heading p,.date-label,.public-nav>div,.public-caption,.public-footer p,.public-footer>div,.hero-actions>a:last-child,.public-hero>p,.public-section-heading p,.public-vault-text,.public-vault-name p,.public-trust p,.public-faq details p,.market-attribution,.asset-class,.quote-source small){color:#a2b1ab}
html[data-theme=dark] :is(.nav-label,th,.period-tabs button,.metric-value .currency,.vault-rate span,.chart-legend,.transaction-name small,.article p,.article li,.insight p,.settings-row p,.disclosure,footer){color:#98aaa5}
html[data-theme=dark] :is(.help-card p,.welcome-banner p,.process-list p,.result-box p,.protocol-card p,.market-sources span,.feed-subtitle,#feed-updated){color:#a6b6a0}
html[data-theme=dark] :is(.help-card strong,.help-card a,.account,.public-vault-name h3){color:var(--ink)}
html[data-theme=dark] :is(.text-link,.metric-sub b,.vault-detail b,.banner-link,.hero-kicker,.preview-heading span,.preview-heading>a,.process-intro a,.public-trust a,.market-attribution a,.quote-source a,.market-sources strong,.market-currency,.brand-period){color:#b1c69d}
html[data-theme=dark] :is(.welcome-banner,.public-process,.public-final,.preview-chrome,.market-live-strip,.result-box){background:#223329;border-color:#344a36;color:#d0ddc5}
html[data-theme=dark] :is(.welcome-banner h2,.public-final h2,.public-final a,.market-live-strip strong){color:#d1e0c5}
html[data-theme=dark] :is(.protocol-card){background:#1d302b;border-color:#2c463b}
html[data-theme=dark] :is(.protocol-card>svg,.help-symbol,.process-intro .help-symbol){color:#abc397}
html[data-theme=dark] .public-hero h1 em{color:#a6c28e}
html[data-theme=dark] :is(.orbit-art i,.hero-orbits i){border-color:#536649}
html[data-theme=dark] .orbit-art:after{background:#6d855a;box-shadow:141px 180px 0 5px #33482e}
html[data-theme=dark] .hero-orbits:after{background:#839b6c;box-shadow:-64px 459px 0 -5px #547040}
html[data-theme=dark] .preview-window{border-color:#334739;box-shadow:0 24px 70px -35px #0008}
html[data-theme=dark] .preview-chrome{color:#afc49e;border-color:#344a36}
html[data-theme=dark] .preview-dots{color:#7b9767}
html[data-theme=dark] .public-vault:hover{background:#1b2c24}
html[data-theme=dark] :is(.public-vault button,.vault-action,.table-button,.market-currency strong){background:#273b2d;border-color:#3c5340;color:#c0d8a9}
html[data-theme=dark] :is(.vault-card.balance .vault-action,.vault-symbol.balance,.risk.balance){background:#273842;border-color:#3b505d;color:#b4ccd8}
html[data-theme=dark] :is(.vault-card.frontier .vault-action,.vault-symbol.frontier,.risk.frontier){background:#3b372a;border-color:#534d3a;color:#d0c59a}
html[data-theme=dark] .risk{background:#26382a;border-color:#3b4f34;color:#b7cca4}
html[data-theme=dark] :is(.primary,.start-exploring){background:#bed1ac;color:#172419}
html[data-theme=dark] .primary:hover,html[data-theme=dark] .start-exploring:hover{background:#cbdcbb}
html[data-theme=dark] .secondary:hover{background:#25363d}
html[data-theme=dark] .donut:after{background:var(--surface)}
html[data-theme=dark] .donut{outline:1px solid var(--line)}
html[data-theme=dark] .chart text{fill:#a1b2aa}
html[data-theme=dark] .chart line{stroke:#34453f}
html[data-theme=dark] #chartFill stop:first-child{stop-color:#4e7044;stop-opacity:.4}
html[data-theme=dark] #chartFill stop:last-child{stop-color:#18242b;stop-opacity:.05}
html[data-theme=dark] .chart circle{stroke:#18242b;fill:#b3d397}
html[data-theme=dark] .chart path[stroke="#819a62"]{stroke:#a7c58b}
html[data-theme=dark] .chart path[stroke="#c9d3d0"]{stroke:#668275}
html[data-theme=dark] .chart-legend i{background:#a7c58b}
html[data-theme=dark] .chart-legend span:last-child i{background:#668275}
html[data-theme=dark] .article code{background:#263a31;color:#c2d9b4}
html[data-theme=dark] :is(.field input::placeholder,.search-input::placeholder){color:#93a19c}
html[data-theme=dark] :is(.period-tabs,.wallet-option){border-color:var(--line);background:var(--surface);color:var(--ink)}
html[data-theme=dark] .switch,html[data-theme=dark] .field input[type=range]{accent-color:#adca91}
html[data-theme=dark] .error{color:#edaaa0}
html[data-theme=dark] .key-row button{color:#e0a29a}
html[data-theme=dark] #toast{background:#c1d4b0;color:#19251b;box-shadow:0 10px 40px #0004}
html[data-theme=dark] dialog{box-shadow:0 30px 100px #0008}
html[data-theme=dark] dialog::backdrop{background:#050b10ad}
html[data-theme=dark] .skeleton{background:linear-gradient(90deg,#1c2b32,#293c38,#1c2b32);background-size:200% 100%}
html[data-theme=dark] .skip{background:var(--surface);color:var(--ink)}
html[data-theme=dark] .quote-status{background:#29373c;color:#b3c1c3}
html[data-theme=dark] .quote-status.live{background:#2a412d;color:#b3d698}
html[data-theme=dark] :is(.quote-status.stale,.quote-status.cached){background:#403b29;color:#d9c998}
html[data-theme=dark] .quote-status.closed{background:#2a3741;color:#b2c4d1}
html[data-theme=dark] .quote-change.positive{color:#b0d293}
html[data-theme=dark] .quote-change.negative{color:#eca495}
html[data-theme=dark] .feed-indicator.active{background:#accd8c;box-shadow:0 0 0 4px #90be6417}
html[data-theme=dark] .market-table tbody tr{border-color:var(--line)}
html[data-theme=dark] .tick-up{animation:dark-price-up .9s ease-out}
html[data-theme=dark] .tick-down{animation:dark-price-down .9s ease-out}
@keyframes dark-price-up{0%{background:#446837;color:#e6f6dc}100%{background:transparent;color:inherit}}
@keyframes dark-price-down{0%{background:#6c3e34;color:#ffe2d9}100%{background:transparent;color:inherit}}
@media(max-width:700px){.top-actions{gap:7px}.top-actions .theme-switch{width:32px;padding:7px}.top-actions .theme-switch span{display:none}.public-controls{gap:8px!important}.public-controls .theme-switch{width:33px;padding:8px}.public-controls .theme-switch span{display:none}.public-open{gap:9px;font-size:9px;padding:11px}.public-nav .brand{font-size:29px}.theme-choices{flex-wrap:wrap}.page-loader .loader-orbits{width:460px;height:460px}.appearance-panel{padding:20px}.loader-brand{font-size:28px}}
@media(prefers-reduced-motion:reduce){.page-loader{transition:none}.loader-ring:before,.loader-line:after,.tick-up,.tick-down{animation:none!important}.loader-line:after{width:100%}}
html[data-theme=dark] .allocation-row strong{color:#b5c4bd}