/* Appearance is applied before first paint; the preference is device-local. */
:root {
 --surface:rgba(22,33,47,.94);--surface-soft:rgba(255,255,255,.045);--surface-input:rgba(255,255,255,.065);
 --accent:#eed18d;--glass-core:rgba(23,40,51,.65);--glass-edge:rgba(213,235,243,.34);
 --glass-highlight:rgba(242,253,255,.65);--glass-shadow:rgba(0,8,17,.27);
 --slider-ink:#f5f4ec;--slider-dots:rgba(223,236,242,.4);
}
:root[data-theme="light"] {
 --bg:#f5f4ef;--panel:rgba(255,255,255,.85);--panel2:rgba(72,95,116,.065);--line:rgba(52,76,98,.18);
 --text:#223744;--muted:#596c7b;--green:#08784f;--red:#c52d49;--gold:#95641a;--blue:#236ba1;
 --surface:rgba(252,252,249,.96);--surface-soft:rgba(85,113,131,.05);--surface-input:rgba(255,255,255,.7);
 --accent:#885d20;--glass-core:rgba(230,240,241,.55);--glass-edge:rgba(255,255,255,.9);
 --glass-highlight:rgba(255,255,255,.98);--glass-shadow:rgba(64,92,105,.14);
 --slider-ink:#365768;--slider-dots:rgba(54,87,104,.35);
 color-scheme:light;
}
:root[data-theme="dark"] {color-scheme:dark}
html,body,.app {background:var(--bg)}
#dao-account-layer.dao-page,#dao-social-layer.dao-page {background:var(--bg)}
#dao-account-layer.dao-page>.picker-sheet,#dao-social-layer.dao-page>.picker-sheet {background:var(--bg)}
#dao-account-layer.dao-page #dao-account-header,#dao-social-layer .social-header {background:var(--bg)}
.dao-bottom-nav {background:color-mix(in srgb,var(--bg) 90%,transparent);color:var(--text)}
.dao-bottom-nav button {color:var(--muted)}
.dao-bottom-nav button.active {color:var(--accent)}
.dao-note,.dao-performance-total,.dao-performance-grid span,.dao-eyebrow {color:var(--muted)}
.dao-text-button,.dao-compound>summary {color:var(--accent)}

#dao-account-scroll {z-index:1}

/* Thick, rounded lens edges; the central content remains undistorted. */
.dao-card-rail {padding-top:10px;padding-bottom:22px}
.dao-card-rail>.dao-swipe-card {
 position:relative;isolation:isolate;overflow:hidden;border-radius:38px;border:1px solid var(--glass-edge);
 background:var(--glass-core);
 -webkit-backdrop-filter:blur(22px) saturate(125%);backdrop-filter:blur(22px) saturate(125%);
 box-shadow:inset 1px 1px 1px var(--glass-highlight),inset -1px -1px 2px rgba(177,214,229,.38),inset 0 0 18px rgba(216,238,243,.11),0 12px 26px -12px var(--glass-shadow),0 3px 7px var(--glass-shadow);
 padding:26px;
}
#dao-account-layer .dao-card-title,.dao-card-rail .dao-growth-heading h3,.dao-card-rail .dao-chain-wallet-head strong {font-weight:550;letter-spacing:.01em}
.dao-card-rail #dao-account-equity,.dao-card-rail #dao-account-annual {font-weight:550;letter-spacing:-.045em}
.dao-card-rail .dao-note {font-size:13px;line-height:1.7}
.dao-performance-grid span,.dao-calculator-fields label {font-size:13px}
.dao-performance-grid b {font-size:15px;overflow-wrap:anywhere}
.dao-compound {background:var(--surface-soft);border-radius:24px;padding-inline:14px}
.dao-compound>summary {font-size:14px;line-height:1.5;align-items:center}
.dao-calculator-fields input {background:var(--surface-input);border:1px solid var(--line);height:46px}
.dao-card-pagination {margin-top:0}
.dao-card-pagination button {background:color-mix(in srgb,var(--muted) 35%,transparent)}
.dao-card-pagination button[aria-current=true] {background:var(--accent)}
.dao-card-pagination span {font-size:12px;color:var(--muted)}
.dao-projections {padding:14px 0 18px}
.dao-projection-heading {display:flex;justify-content:space-between;align-items:baseline;gap:8px;color:var(--muted);font-size:14px}
.dao-projection-heading label {display:block;padding:0;color:inherit;font-size:14px}
.dao-projection-heading output {color:var(--text);font-weight:550;white-space:nowrap}
.dao-projection-result {display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 9px;margin:18px 0 20px;min-width:0}
#dao-project-value {max-width:100%;font-size:clamp(25px,6.8vw,38px);line-height:1.25;font-weight:450;letter-spacing:-.045em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--text)}
.dao-projection-result>span {font-size:13px;color:var(--muted)}
.dao-projection-slider {position:relative;height:44px;margin:0;--thumb:24px}
.dao-slider-line {position:absolute;left:12px;right:12px;top:21px;height:3px;background:radial-gradient(circle,var(--slider-dots) .8px,transparent 1px) 0 50%/6px 3px repeat-x;pointer-events:none}
.dao-slider-line::before {content:"";display:block;width:var(--projection-progress);height:3px;background:var(--slider-ink);border-radius:5px;box-shadow:0 0 5px color-mix(in srgb,var(--slider-ink) 15%,transparent)}
#dao-project-years {position:relative;display:block;width:100%;height:44px;min-height:44px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:6px;box-shadow:none;cursor:ew-resize;touch-action:pan-y;outline-offset:4px}
#dao-project-years::-webkit-slider-runnable-track {height:44px;background:transparent;border:0}
#dao-project-years::-moz-range-track {height:44px;background:transparent;border:0}
#dao-project-years::-webkit-slider-thumb {appearance:none;-webkit-appearance:none;width:24px;height:18px;margin-top:13px;background:var(--slider-ink);border:0;border-radius:4px;clip-path:polygon(0 0,100% 0,50% 100%);cursor:grab}
#dao-project-years::-moz-range-thumb {width:24px;height:18px;background:var(--slider-ink);border:0;border-radius:4px;clip-path:polygon(0 0,100% 0,50% 100%);cursor:grab}
#dao-project-years:active::-webkit-slider-thumb {cursor:grabbing}
#dao-project-years:focus-visible {outline:2px solid var(--accent)}
.dao-projection-scale {display:flex;justify-content:space-between;padding:0 2px;color:var(--muted);font-size:13px;line-height:1.5}

.dao-appearance {margin:0 0 22px;padding:0 0 20px;border:0;border-bottom:1px solid var(--line);min-width:0}
.dao-appearance legend {font-size:16px;font-weight:600;margin-bottom:16px}
.dao-theme-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dao-theme-options label {position:relative;display:block;min-width:0;padding:0;cursor:pointer}
.dao-theme-options input {position:absolute;width:1px;height:1px;min-height:0;opacity:0;inset:auto;box-shadow:none}
.dao-theme-options span {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:17px;background:var(--surface-soft);color:var(--muted);font-size:14px;min-height:90px;padding:10px 4px;line-height:1.5}
.dao-theme-options svg {width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dao-theme-options input:checked+span {border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);box-shadow:inset 0 1px 1px var(--glass-highlight)}
.dao-theme-options input:focus-visible+span {outline:2px solid var(--accent);outline-offset:3px}
#dao-theme-status {margin-top:12px;font-size:13px}

/* Light surfaces across market, social, trading and AI settings. */
:root[data-theme="light"] :is(.card,.picker-sheet,.favorites-sheet,.overlay.error-mode .overlay-panel) {background:var(--surface);border-color:var(--line);box-shadow:0 12px 40px #354f681a,inset 0 1px 0 #fff;color:var(--text)}
:root[data-theme="light"] #hud .pair-card {background:rgba(250,250,246,.85);box-shadow:0 4px 18px #354f6808}
:root[data-theme="light"] #controls .controls-card {background:linear-gradient(145deg,rgba(255,255,252,.92),rgba(228,237,239,.95));box-shadow:0 10px 35px #354f6826}
:root[data-theme="light"] .dao-page>.picker-sheet {box-shadow:none}
:root[data-theme="light"] :is(.picker-layer:not(.dao-page),.favorites-layer) {background:#4a65712b}
:root[data-theme="light"] .overlay {background:#f5f4efc9}
:root[data-theme="light"] .overlay.error-mode {background:#f5f4ef55}
:root[data-theme="light"] .toast {background:var(--surface);border-color:var(--line);box-shadow:0 10px 28px #354f6826}
:root[data-theme="light"] :is(.btn,input,select,textarea,#picker-query,#arena-layer input,#arena-layer textarea,.agent-model-panel select) {color:var(--text);background:var(--surface-input);border-color:var(--line);box-shadow:none}
:root[data-theme="light"] select option {background:#f5f6f3;color:var(--text)}
:root[data-theme="light"] :is(input,textarea)::placeholder {color:#687f8e}
:root[data-theme="light"] :is(label,.asset-selected-meta,.data-notes,.picker-status,.picker-scope,.asset-name,.overlay-text,.rank-name,.rank-market,.rank-note summary,.rank-pair-slash,.dao-divider,.social-time,.social-context,.social-reason,.social-trade small,.social-action,.social-position span,.social-identity,.social-follow.following,.social-search svg,.social-empty,.social-tabs button,.agent-method,.agent-consent,.is-waiting span:last-child,#arena-layer .dao-note) {color:var(--muted)}
:root[data-theme="light"] :is(.rank-status,.social-name,.social-text,.social-empty h3,.social-search-back svg,.social-search-field input,.agent-help-button,.agent-preset,#arena-layer summary,#arena-layer .arena-sheet,.dao-menu-row) {color:var(--text)}
:root[data-theme="light"] :is(.asset-market,.dao-wallet-connect,.arena-badge) {color:var(--blue)}
:root[data-theme="light"] :is(.asset-market.crypto,.asset-market.metal,.social-mention,.agent-text-button,.agent-text-link,.social-search-back,.social-search-submit,.agent-method[aria-pressed=true]) {color:var(--accent)}
:root[data-theme="light"] :is(.btn.primary,.favorite-current-btn.active,#controls .btn.primary,#arena-layer .agent-primary,.social-follow:not(.following)) {background:#eac981;color:#3b2b0f;border-color:#ccaa65}
:root[data-theme="light"] :is(.dao-tabs .active,.dao-trade-targets .active,.rank-chip:has(input:checked),.social-tabs button[aria-selected=true]) {color:var(--accent);border-color:var(--accent);background-color:#b8913912}
:root[data-theme="light"] #controls :is(input,select,.btn) {background:var(--surface-soft)}
:root[data-theme="light"] #controls .panel-actions .market-tool {color:var(--muted);background:transparent}
:root[data-theme="light"] #controls :is(.panel-actions #favorite-current-btn,.panel-actions .market-tool.active,.market-trade-entry .btn) {color:var(--accent)}
:root[data-theme="light"] #controls .btn.primary {background:#eac981;color:#3b2b0f}
:root[data-theme="light"] .controls-toggle-btn {background:#eac981cc;color:#614918;box-shadow:0 5px 18px #4a657129}
:root[data-theme="light"] :is(.market-live-status,.social-icon-button) {color:var(--muted)}
:root[data-theme="light"] :is(.social-composer,.social-trade,.social-portfolio,.social-search-field,.social-icon-button,.rank-pair,.rank-chip,.agent-account,.agent-secret,.agent-methods,.agent-model-result,.agent-preset,.agent-help-button,#arena-help-panel,#arena-layer .arena-sheet) {background:var(--surface-soft);border-color:var(--line)}
:root[data-theme="light"] #arena-layer .arena-sheet {background:var(--surface)}
:root[data-theme="light"] :is(.social-post,.social-tabs,.social-user-row,.social-profile,.social-position,.dao-position,.dao-trade-record,.dao-security,.dao-chain-wallet-asset,.favorite-item,.asset-option,.rank-row,.arena-card,#arena-layer details,#arena-layer .favorites-head) {border-color:var(--line)}
:root[data-theme="light"] .dao-divider::before,:root[data-theme="light"] .dao-divider::after {background:var(--line)}
:root[data-theme="light"] :is(.dao-up) {color:var(--green)!important}
:root[data-theme="light"] :is(.dao-down) {color:var(--red)!important}
:root[data-theme="light"] :is(.dao-trade-tabs .buy.active,.dao-buy,.dao-marker-label,.social-trade strong,.agent-state.is-active,.agent-allowed,.agent-connected-label,.is-complete span:last-child,.rank-pair-bottom) {color:var(--green)}
:root[data-theme="light"] :is(.dao-trade-tabs .sell.active,.dao-sell,.dao-marker.sell .dao-marker-label,.social-trade.sell strong,.agent-state.is-inactive,#arena-layer .agent-error,#arena-layer .agent-danger) {color:var(--red)}
:root[data-theme="light"] .dao-marker-dot {box-shadow:0 0 0 2px var(--bg)}
:root[data-theme="light"] :is(.dao-bubble,.dao-marker-snippet) {background:#fffdf7;color:var(--text);border:1px solid var(--line)}
:root[data-theme="light"] .social-search-field input {caret-color:var(--accent)}
:root[data-theme="light"] .dao-recovery-card code {color:var(--accent)}
:root[data-theme="light"] #dao-open-settings {background:transparent;color:var(--text)}
:root[data-theme="light"] #dao-project-years {background:transparent;border:0;box-shadow:none}
:root[data-theme="light"] :is(button,input,select,textarea,summary):focus-visible {outline-color:var(--accent)}
@media(max-width:380px) {
 .dao-card-rail>.dao-swipe-card {padding:20px;border-radius:32px}
 .dao-calculator-fields {grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-transparency:reduce) {
 .dao-card-rail>.dao-swipe-card {background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 .dao-card-rail>.dao-swipe-card {background:var(--surface)}
}
@media(forced-colors:active) {
 .dao-slider-line {background:GrayText}
 .dao-slider-line::before {background:Highlight}
 #dao-project-years::-webkit-slider-thumb {background:Highlight;forced-color-adjust:none}
 #dao-project-years::-moz-range-thumb {background:Highlight;forced-color-adjust:none}
 .dao-theme-options input:checked+span {outline:2px solid Highlight}
}

/* Shared selected states retain their semantic colors in either appearance. */
:root {--choice-bg:#b58b24;--choice-ink:#211b0c;--choice-line:#c49b38}
:root[data-theme="light"] {--choice-bg:#c2a044;--choice-ink:#30260d;--choice-line:#a7802a}
#dao-trade-layer :is(.dao-trade-targets .btn.active,.dao-percent .btn.active) {background:var(--choice-bg);color:var(--choice-ink);border-color:var(--choice-line);font-weight:700}
#dao-trade-layer :is(.dao-trade-tabs .buy.active,.dao-buy) {background:color-mix(in srgb,var(--green) 20%,var(--surface));border-color:var(--green);color:var(--green)}
#dao-trade-layer :is(.dao-trade-tabs .sell.active,.dao-sell) {background:color-mix(in srgb,var(--red) 20%,var(--surface));border-color:var(--red);color:var(--red)}
.dao-form .dao-checkbox {display:flex;align-items:center;gap:10px;min-height:34px;font-size:14px!important;padding:2px 0;line-height:1.5}
:is(#dao-settings-layer,#dao-trade-layer,#dao-edit-layer) .dao-checkbox input[type=checkbox] {appearance:none;-webkit-appearance:none;flex:0 0 18px;width:18px!important;min-width:18px;max-width:18px;height:18px!important;min-height:18px!important;padding:0;margin:0;border:1px solid var(--muted);border-radius:5px;background:var(--surface-input);box-shadow:none;position:relative;cursor:pointer}
:is(#dao-settings-layer,#dao-trade-layer,#dao-edit-layer) .dao-checkbox input[type=checkbox]:checked {background:var(--choice-bg);border-color:var(--choice-line)}
:is(#dao-settings-layer,#dao-trade-layer,#dao-edit-layer) .dao-checkbox input[type=checkbox]:checked::after {content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff7d8;border-width:0 2px 2px 0;transform:rotate(45deg)}
:is(#dao-settings-layer,#dao-trade-layer,#dao-edit-layer) .dao-checkbox input:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
@media(forced-colors:active){:is(#dao-settings-layer,#dao-trade-layer,#dao-edit-layer) .dao-checkbox input[type=checkbox]{appearance:auto;-webkit-appearance:auto}:is(#dao-settings-layer,#dao-trade-layer,#dao-edit-layer) .dao-checkbox input:checked::after{display:none}}

/* Consistent controls, including iOS select text metrics. */
html body select,html body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]) {box-sizing:border-box;min-height:44px;height:44px;line-height:1.5;padding:8px 12px;font-size:16px;max-width:100%}
html body select {appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='m2 3 5 5 5-5' fill='none' stroke='%23939b9e' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px 10px;white-space:nowrap}
html body #arena-layer select {width:100%;background-color:var(--surface-input);color:var(--text);border:1px solid var(--line);border-radius:10px}
html body #arena-layer input:not([type=checkbox]):not([type=radio]) {height:48px;min-height:48px;padding:10px 12px;line-height:1.5}
html body .agent-consent input[type=checkbox] {width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;padding:0;accent-color:var(--accent)}
html body #arena-layer .agent-method[aria-pressed=true] {color:var(--choice-ink);background:var(--choice-bg);border:1px solid var(--choice-line)}
html body :is(.dao-avatar,.agent-logo,.social-avatar) {color:#fff;-webkit-text-fill-color:#fff}
html body :is(.dao-avatar,.agent-logo,.social-avatar) .dao-avatar-ai {-webkit-text-fill-color:currentColor}
:root[data-theme="light"] #arena-layer :is(.agent-error,.agent-danger,.agent-state.is-inactive) {color:#a83037}
:root[data-theme="light"] #arena-layer :is(.agent-state.is-active,.agent-allowed,.agent-connected-label,.is-complete span:last-child) {color:#167547}
#arena-layer details.agent-preferences {display:block}
.social-creator {display:block;margin-top:5px;font-size:14px;line-height:1.5}
html body,html body * {-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
html body :is(input,textarea,[contenteditable="true"]) {-webkit-user-select:text;user-select:text}
html body img {-webkit-user-drag:none;user-drag:none}