/* The approved Pineapple Grove art direction over the complete native UI. */
@font-face{font-family:Nunito;src:url('/assets/nunito-variable.ttf') format('truetype');font-weight:200 1000;font-display:swap}
@font-face{font-family:Fredoka;src:url('/assets/fredoka-variable.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{--ground:#fff7e7;--surface:#fffdf2;--surface-2:#f1eddc;--line:#80948b;--ink:#233e4d;--muted:#53675e;--faint:#53675e;--accent:#805411;--accent-ink:#233e4d;--pos:#286443;--neg:#aa3931;--display:Fredoka,Nunito,sans-serif;--mono:Nunito,Arial,sans-serif;--shadow:4px 4px 0 #304d5259;--os-accent:#cce4cd}
body{background:#cfe5c5 url('/assets/os-grove.webp') center/cover fixed no-repeat;color:var(--ink);font-family:Nunito,Arial,sans-serif}
html:has(.pineapple-os),body.pineapple-os{height:100%;width:100%;margin:0;overflow:hidden}
.pineapple-os{border:4px solid #233e4d;border-radius:10px;min-height:360px}
body[data-os-palette=lavender]{--os-accent:#ddd4ed}body[data-os-palette=peach]{--os-accent:#f2d1b9}
.pineapple-os button,.pineapple-os input,.pineapple-os select{font-family:Nunito,Arial,sans-serif}
.pineapple-os button:focus-visible,.pineapple-os a:focus-visible,.pineapple-os [tabindex]:focus-visible{outline:3px solid #1757a6;outline-offset:3px}
.pineapple-os>header{position:fixed;z-index:100;top:20px;left:50%;transform:translateX(-50%);width:min(1100px,calc(100% - 40px));height:54px;border:1.5px solid #304d52;border-radius:28px;background:#fff7e7;box-shadow:3px 3px 0 #304d5240;backdrop-filter:none}
.pineapple-os header .topin{height:100%;min-height:0;max-width:none;padding:0 15px;gap:16px;display:flex;flex-wrap:nowrap;align-items:center}
.pineapple-os .brand{gap:5px;white-space:nowrap}.pineapple-os .brand b{font-family:Nunito,sans-serif;font-size:19px;font-weight:950;letter-spacing:-.5px}.pineapple-os .brand .mark{width:35px;height:40px;object-fit:contain;background:none}
.os-desktop-button{background:none;border:0;color:var(--ink);font-weight:800;padding:10px;font-size:12px;border-radius:8px}
.os-desktop-button:hover{background:var(--os-accent)}.os-clock{font-size:11px;white-space:nowrap;font-weight:750}.pineapple-os header .live{margin-left:auto;font-size:11px;color:var(--ink)}
.pineapple-os #logoutBtn{font-family:Nunito,sans-serif;font-size:11px;min-height:32px;padding:5px 10px;border:1px solid var(--line);color:var(--ink);background:transparent}
.pineapple-os header .live[hidden]{display:none}.pineapple-os header .live[hidden]+#logoutBtn{margin-left:auto}
.pineapple-os nav.tabs{position:fixed;top:90px;left:50%;transform:translateX(-50%);width:min(1400px,calc(100vw - 60px));display:grid;grid-template-columns:repeat(4,1fr);row-gap:26px;border:0;background:none;border-radius:0;overflow:visible;padding:0;max-width:none;pointer-events:none}
.pineapple-os nav.tabs>button{pointer-events:auto;justify-self:center;display:flex;align-items:center;flex-direction:column;gap:7px;width:120px;min-height:0;background:transparent;color:var(--ink);border:0;box-shadow:none;padding:7px;font-size:12px;font-weight:900;white-space:normal}
.pineapple-os nav.tabs>button:nth-last-child(2){grid-column:4}.pineapple-os nav.tabs>button:last-child{grid-row:3;grid-column:1}
.pineapple-os nav.tabs>button>span:last-child{background:#fff7e7;border:1px solid #304d52;border-radius:5px;padding:2px 7px}
.os-icon{display:grid;place-items:center;width:61px;height:61px;border:2px solid #304d52;border-radius:17px;box-shadow:3px 3px 0 #304d5280;color:#233e4d;flex-shrink:0;transition:transform .16s}
.os-icon svg{width:35px;height:35px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:#fff7e7}
.os-tone-mint{background:#bfe4c9}.os-tone-lavender{background:#d8c8f1}.os-tone-peach{background:#f6c6ae}.os-tone-blue{background:#b9dcf1}.os-tone-pink{background:#ecc9d9}.os-tone-yellow{background:#ffe2a0}.os-tone-cream{background:#ebead4}
.pineapple-os nav button:hover .os-icon{transform:translateY(-3px)}
.pineapple-os main.wrap{position:fixed;inset:0;width:100%;max-width:none;margin:0;padding:0;pointer-events:none}
.os-pane{position:absolute;pointer-events:auto;top:91px;left:50%;transform:translateX(-50%);width:min(890px,calc(100% - 72px));height:calc(100dvh - 205px);max-height:calc(100dvh - 190px);border:1.5px solid #304d52;border-radius:19px;background:var(--surface);box-shadow:5px 5px 0 #304d5260;display:flex;flex-direction:column;overflow:hidden;outline:none}
.os-pane[hidden]{display:none!important}.os-pane.os-maximized{top:84px!important;left:16px!important;transform:none!important;width:calc(100% - 32px);height:calc(100dvh - 190px)}
.os-pane[data-os-module=guide],.os-pane[data-os-module=settings]{width:min(630px,calc(100% - 72px));height:auto;max-height:calc(100dvh - 205px);top:145px}
.os-titlebar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:43px;height:43px;padding:0 12px 0 16px;background:#e7eada;border-bottom:1px solid #83978b;cursor:grab;touch-action:none;user-select:none}
.os-pane[data-front=true]>.os-titlebar{background:var(--os-accent)}.os-titlebar>span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:850}.os-titlebar .os-icon{width:22px;height:22px;border:0;background:none;box-shadow:none}.os-titlebar .os-icon svg{width:20px;height:20px}
.os-window-controls{display:flex;gap:6px}.os-window-controls button{width:26px;height:26px;min-height:0;display:grid;place-items:center;border:1px solid #83978b;border-radius:7px;padding:0;background:#fffdf2;color:#233e4d;font-size:19px;line-height:1}
.os-window-controls button:last-child{background:#f3bd9f}.os-content{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a1b7a5 #fffdf2;min-height:0;padding:26px 32px 40px}
.os-content>.screen{display:block!important;animation:none}.os-content>.screen:not(.on){content-visibility:auto}.os-content h1.big{font-size:38px}.os-content .lede{font-size:14px}.os-content .eyebrow{font-size:10px;letter-spacing:.16em}.os-content .sec-h{margin-top:26px}
.os-dock{position:fixed;left:50%;top:calc(100dvh - 124px);transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:10px 14px 8px;background:#fff7e7;border:1.5px solid #304d52;border-radius:22px;box-shadow:3px 3px 0 #304d5250;width:max-content;max-width:calc(100vw - 24px)}
.os-dock>button{display:flex;flex-direction:column;align-items:center;gap:6px;width:64px;padding:0 2px 5px;background:none;border:0;border-radius:8px;color:var(--ink);font-size:9px;font-weight:900;position:relative;white-space:nowrap}
.os-dock .os-icon{width:44px;height:44px;border-radius:12px;box-shadow:2px 2px 0 #304d5260}.os-dock .os-icon svg{width:27px;height:27px}.os-dock .is-open::after{content:'';position:absolute;bottom:0;width:4px;height:4px;background:#304d52;border-radius:50%}

.os-local-module .big{margin-bottom:24px}.os-local-module details{border-bottom:1px solid var(--line);padding:16px 0;font-size:14px}.os-local-module summary{cursor:pointer;font-weight:850}.os-local-module p{font-size:14px;line-height:1.7;color:var(--muted)}.os-palettes{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.os-palettes button{padding:14px;border:1.5px solid #304d52;border-radius:10px;background:#cce4cd;color:var(--ink);font-weight:800}.os-palettes [data-palette=lavender]{background:#ddd4ed}.os-palettes [data-palette=peach]{background:#f2d1b9}.os-palettes [aria-pressed=true]{outline:3px solid #1757a6;outline-offset:3px}.os-quiet-option{display:flex;align-items:center;gap:8px;margin:26px 0;font-size:14px}.os-quiet-option input{width:20px;height:20px}
/* Preserve Studio geometry and all native financial states. */
.pineapple-os .panel,.pineapple-os .card{background:var(--surface);border-color:var(--line);box-shadow:none}.pineapple-os .bot{border:1.5px solid #304d52;box-shadow:3px 3px 0 #304d5233}
.pineapple-os .btn{background:#f1eddc;border:1px solid #718a7f;color:var(--ink);font-family:Nunito,sans-serif;font-size:14px;font-weight:850;box-shadow:none;text-shadow:none}.pineapple-os .btn.primary{background:#ffd467;border-color:#304d52;color:#233e4d}.pineapple-os .btn.ghost{background:transparent;color:var(--ink)}
.pineapple-os input,.pineapple-os select,.pineapple-os textarea{background:#fffdf4;color:var(--ink);border-color:#83978b;box-shadow:none}.pineapple-os .pos{color:var(--pos)}.pineapple-os .neg{color:var(--neg)}
.pineapple-os .studio-instrument-well{background:#daecf0;border:1px solid #537d86}.pineapple-os .saved-strategy[data-phase=dip] .studio-instrument-well{background:var(--surface-2);border-color:var(--line)}.pineapple-os .saved-strategy[data-phase=trail] .studio-instrument-well{background:#d6ebd0;border-color:#538965}.pineapple-os .saved-strategy[data-phase=stopped] .studio-instrument-well{background:#f5d1c7;border-color:#aa6656}.pineapple-os .saved-strategy[data-phase=paused] .studio-instrument-well,.pineapple-os .saved-strategy[data-phase=held] .studio-instrument-well,.pineapple-os .saved-strategy[data-phase=unavailable] .studio-instrument-well{background:#eee6d3;border-color:#8d8270}
.pineapple-os .strategy-next{background:#fffdf2;border:1px solid #80948b}.pineapple-os .rail-well{background:#fff7e7;box-shadow:none;border:1px solid #80948b}.pineapple-os .rail-spectrum{background:linear-gradient(90deg,#efa994 0 33%,#f5d678 33% 66%,#96c797 66%);opacity:1}.pineapple-os .strategy-puck{background:#ffd467;box-shadow:2px 2px 0 #304d5240}.pineapple-os .strategy-narrative{font-size:19px}.pineapple-os .strategy-unit{font-size:11px}
.pineapple-os .bot .studio-metrics>div{background:#f6f1df;border-color:#819485}.pineapple-os .bot .studio-metrics .studio-banked,.pineapple-os .bot .studio-metrics .studio-banked[data-has-reserve=true]{background:var(--surface-2);border-color:var(--line)}.pineapple-os .bot .studio-banked .v{color:var(--ink)}.pineapple-os .bot .studio-banked .k{color:var(--muted)}.pineapple-os .bot .studio-metrics .studio-value{background:#dcecd5;border-color:#679370}.pineapple-os .bot .studio-metrics .studio-value.negative{background:#f7dcd3;border-color:#b47b68}.pineapple-os .bot .studio-metrics .studio-value.unknown{background:#eee6d3;border-color:#9a947c}.pineapple-os .studio-progress-tier{background:#ffd467;color:#304d52;border-color:#304d52}
.pineapple-os .studio-fleet-select button{font-weight:800}.pineapple-os .studio-fleet-select button[aria-pressed=true]{background:var(--os-accent);color:var(--ink);border-color:#304d52}.pineapple-os .studio-panels,.pineapple-os .studio-action-menu,.pineapple-os .studio-comparison{background:#fffdf2}.pineapple-os .studio-banked .vsub,.pineapple-os .performance-note{font-size:12px}
.pineapple-os .studio-dips{background:#fff0c6;border-color:#a28b4d}.pineapple-os .studio-profit,.pineapple-os .aitog:has(#aiStrat:checked),.pineapple-os #walletCards .chainbal.has{background:#e0efdb;border-color:#738e69}.pineapple-os .armbox,.pineapple-os .studio-advanced,.pineapple-os .emode,.pineapple-os .budget-in,.pineapple-os .addr,.pineapple-os .nextbar{background:#f4efdf;color:var(--ink)}.pineapple-os .note,.pineapple-os .fund-steps{background:#f6edcd;color:#65542c}.pineapple-os .err,.pineapple-os .studio-validation{background:#f7dcd3;color:#92372e;border-color:#aa6656}
.pineapple-os .history-performance{border:0;padding:0}.pineapple-os .history-performance-heading h3{font-size:25px}.pineapple-os .history-performance-state{border:1px solid #647e69;border-radius:16px;padding:4px 10px;background:#e0efdb;color:#315b38;font-size:11px}.pineapple-os [data-performance-state=partial] .history-performance-state,.pineapple-os [data-performance-state=stale] .history-performance-state,.pineapple-os [data-performance-state=unavailable] .history-performance-state{background:#f6e7c2;color:#65542c}
.pineapple-os .history-performance-cards{gap:15px;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));margin:18px 0}.pineapple-os .history-performance-cards article{padding:22px;border:1.5px solid #304d52;border-radius:18px;background:#dcecd5;box-shadow:3px 3px 0 #304d5233}.pineapple-os .history-performance-cards article:nth-child(2){background:#e8def1}.pineapple-os .history-performance-cards article:nth-child(3){background:#fff0bf}.pineapple-os .history-performance h4{font:500 23px Fredoka,sans-serif}.pineapple-os .history-performance dl>div{padding:10px 0;border-bottom:1px solid #304d5230}.pineapple-os .history-performance dt{font-size:12px;font-weight:750}.pineapple-os .history-performance dd{font-size:23px;font-weight:900;line-height:1.35}.pineapple-os .history-performance p{color:#465d52}.pineapple-os .history-performance article[data-result-sign=negative]{background:#f7dcd3}.pineapple-os .history-performance .os-result-export{margin-top:12px;width:100%}
.pineapple-os .sharebox,.pineapple-os dialog,.pineapple-os .stepup-dialog{background:var(--surface);color:var(--ink);border-color:#304d52;box-shadow:5px 5px 0 #304d5277}.pineapple-os .sharetitle{color:var(--ink)}.pineapple-os .sharenote{color:var(--muted)}
.saved-strategy .strategy-tick.consumed .strategy-tick-dot{background:#72878c;border-color:#304d52}
/* Login remains the original Telegram flow in a compact desktop window. */
#loginGate[data-state="checking"] #loginHint{display:none}
#loginGate{background:transparent;backdrop-filter:none}#loginGate>.panel{max-width:430px;border:1.5px solid #304d52;border-radius:20px;background:#fff7e7;color:var(--ink);box-shadow:5px 5px 0 #304d5259;padding:32px}#loginGate .brand-pineapple{width:115px;height:130px;margin:0 auto 15px;object-fit:contain;background:none}#loginGate h1{font-family:Fredoka,sans-serif;font-size:30px;color:var(--ink)}#loginGate .lede{font-size:14px;color:var(--muted)}#loginGate .label,#loginGate .sub{color:var(--muted)}#loginGate .btn.primary{background:#ffd467;color:#233e4d;border:1px solid #304d52;font:800 14px Nunito,sans-serif}#loginGate #loginQrPanel{background:#fffdf2}
@media(max-width:1100px){.pineapple-os header .topin{gap:9px}.os-clock{font-size:10px}.os-pane{width:min(850px,calc(100% - 36px))}.os-content{padding:24px}.os-pane[data-os-module=guide],.os-pane[data-os-module=settings]{width:min(630px,calc(100% - 36px))}}
@media(max-width:767px){
 .pineapple-os{border-width:3px}.pineapple-os>header{top:10px;width:calc(100% - 24px);height:49px}.pineapple-os header .topin{padding:0 9px;gap:6px}.pineapple-os .brand b{font-size:16px}.pineapple-os .brand .mark{width:28px;height:33px}.os-desktop-button{font-size:10px;padding:7px}.os-clock{display:none}.pineapple-os header .live{font-size:10px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pineapple-os #logoutBtn{font-size:10px;padding:4px 7px}
 .pineapple-os nav.tabs{top:63px;width:calc(100vw - 16px);gap:5px;grid-template-columns:repeat(4,1fr)}.pineapple-os nav.tabs>button{width:100%;padding:5px 1px;font-size:10px;gap:5px}.pineapple-os nav.tabs>button:nth-last-child(2),.pineapple-os nav.tabs>button:last-child{grid-column:auto;grid-row:auto}.os-icon{width:45px;height:45px;border-radius:13px;box-shadow:2px 2px 0 #304d5255}.os-icon svg{width:28px;height:28px}.pineapple-os nav.tabs>button>span:last-child{padding:2px 4px;white-space:nowrap}
 .os-pane,.os-pane[data-os-module=guide],.os-pane[data-os-module=settings],.os-pane.os-maximized{top:235px!important;left:9px!important;transform:none!important;width:calc(100% - 18px)!important;height:calc(100dvh - 323px);max-height:calc(100dvh - 323px);border-radius:14px;display:none}.os-pane[data-front=true]:not([hidden]){display:flex}.os-titlebar{min-height:41px;height:41px;padding:0 10px;cursor:default}.os-titlebar>span{font-size:11px}.os-window-controls button{width:26px;height:26px}.os-window-controls button:nth-child(2){display:none}.os-content{padding:20px 12px 28px}.os-content h1.big{font-size:29px}.os-content .lede{font-size:13px}.os-content .bot{padding:18px 13px}.os-content .studio-instrument-well{padding:14px 12px}.pineapple-os .bot .nm{font-size:24px}.pineapple-os .bot .studio-metrics .k{font-size:10px;letter-spacing:.06em}.pineapple-os .bot .studio-metrics .vsub{font-size:11px}.pineapple-os .strategy-current>b{font-size:24px}
 .os-dock{top:calc(100dvh - 94px);max-width:calc(100vw - 18px);gap:3px;padding:9px 7px 6px;border-radius:18px}.os-dock>button{width:43px;font-size:7px;gap:4px;padding:0 0 5px}.os-dock .os-icon{width:35px;height:35px;border-radius:10px}.os-dock .os-icon svg{width:23px;height:23px}.pineapple-os .history-performance-cards{grid-template-columns:1fr}.pineapple-os .history-performance-cards article{padding:18px}.pineapple-os .history-performance dd{font-size:22px}.pineapple-os #new .creation-card{padding:16px!important}.pineapple-os #newResult>.meta{grid-template-columns:repeat(2,minmax(0,1fr))}.pineapple-os .studio-setup .berow{grid-template-columns:repeat(2,minmax(0,1fr))}.pineapple-os #walletCards{grid-template-columns:1fr}
}
@media(max-width:359px){.pineapple-os header .live{display:none}.pineapple-os #logoutBtn{margin-left:auto}.os-dock>button{width:37px;font-size:6.5px}.os-dock{gap:2px;padding-left:5px;padding-right:5px}.pineapple-os nav.tabs>button{font-size:9px}.os-content .bot{padding:16px 10px}.pineapple-os .bot .studio-metrics .v{font-size:16px}.pineapple-os .studio-progress{width:75px;flex-basis:75px}.pineapple-os .studio-progress svg{width:75px}}
/* Login must scroll independently of the OS desktop at every viewport height. */
#loginGate{max-height:100dvh}
#loginGate>.panel{min-height:0;max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}
@media(max-height:650px){.pineapple-os nav.tabs{display:none}.os-pane,.os-pane[data-os-module=guide],.os-pane[data-os-module=settings],.os-pane.os-maximized{top:75px!important;height:calc(100dvh - 165px);max-height:calc(100dvh - 165px)}.os-dock{top:calc(100dvh - 90px)}#loginGate .brand-pineapple{height:65px;width:65px}}
@media(prefers-reduced-motion:reduce){.pineapple-os *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.pineapple-os nav button:hover .os-icon{transform:none}}
.pineapple-os.os-quiet *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.pineapple-os.os-quiet nav button:hover .os-icon{transform:none}
/* Desktop launchers sit behind application windows, outside the top-bar stack. */
.pineapple-os main.wrap{z-index:10}.pineapple-os nav.tabs{top:110px;z-index:2}.os-dock{top:auto;bottom:14px;z-index:100}.pineapple-os nav[hidden]{display:none!important}.pineapple-os nav.tabs [data-s=hyper]{display:none!important}.pineapple-os .brand b{display:block}.pineapple-os header .live{display:inline-flex}
@media(max-width:767px){.pineapple-os nav.tabs{top:73px}.os-dock{top:auto;bottom:11px}.pineapple-os .brand b{font-size:15px}.pineapple-os header .live{display:none}}
@media(max-width:359px){.pineapple-os .bot .studio-metrics .studio-banked .v{font-size:32px}.pineapple-os .bot .studio-metrics .studio-banked .studio-long-amount{font-size:16px}}

/* Same live-fleet selection as the chips; arrow switching preserves card state. */
.pineapple-os .studio-bot-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:672px;margin:0 0 14px}.pineapple-os .studio-bot-switch span{font-size:13px;font-weight:800;text-align:center}.pineapple-os .studio-bot-switch button{width:44px;height:40px;border:1.5px solid #304d52;border-radius:12px;background:var(--os-accent);color:var(--ink);font:800 23px Nunito,sans-serif;cursor:pointer}.pineapple-os .studio-bot-switch button:disabled{opacity:.4;cursor:default}.pineapple-os .studio-bot-switch button:focus-visible{outline:3px solid #527b80;outline-offset:3px}
.pineapple-os .os-recovery-button{border:1px solid #805411;background:#fff0bf;color:#65542c;border-radius:9px;padding:6px;font-size:11px;font-weight:800}.pineapple-os .os-recovery-button[hidden]{display:none}.pineapple-os .fee-protection{background:#f1eddc;color:var(--ink);border-color:#80948b}.pineapple-os .fee-protection dt,.pineapple-os .fee-protection p{color:var(--muted)}.pineapple-os .fee-protection-state{background:#e3decf;color:#53675e}.pineapple-os .fee-protection[data-fee-state=healthy] .fee-protection-state{background:#dcecd5;color:#286443}.pineapple-os .fee-protection[data-fee-state=low] .fee-protection-state,.pineapple-os .fee-protection[data-fee-state=empty] .fee-protection-state{background:#fff0bf;color:#805411}
@media(max-width:420px){.pineapple-os .os-recovery-button{font-size:9px;padding:4px;max-width:60px}}
.os-theme-button{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border:1px solid #80948b;border-radius:50%;background:#e8def1;color:#233e4d;font-size:22px}.os-theme-button[aria-pressed=true]{background:#ffe2a0;color:#233e4d}
/* Dark surfaces retain the same outlines, hierarchy and semantic state colors. */
body[data-os-theme=dark]{color-scheme:dark;--ground:#1c2c35;--surface:#22353e;--surface-2:#2c414a;--line:#7d999b;--ink:#f1f2dc;--muted:#b9c9c4;--faint:#b9c9c4;--accent:#ffd467;--accent-ink:#233e4d;--pos:#a8dbb5;--neg:#ffb8ac;--os-accent:#3f6260;background-color:#203450;background-image:url('/assets/os-grove-night.webp');background-blend-mode:normal}
body[data-os-theme=dark][data-os-palette=lavender]{--os-accent:#565075}body[data-os-theme=dark][data-os-palette=peach]{--os-accent:#70554f}
[data-os-theme=dark] .os-pane,[data-os-theme=dark] .bot{border-color:#90abaa;box-shadow:4px 4px 0 #0b192399}[data-os-theme=dark] header,[data-os-theme=dark] .os-dock,[data-os-theme=dark] nav.tabs>button>span:last-child{background:#22353e;border-color:#90abaa;color:var(--ink)}
[data-os-theme=dark] .os-titlebar{background:#304650;border-color:#7d999b}[data-os-theme=dark] .os-pane[data-front=true]>.os-titlebar{background:var(--os-accent)}[data-os-theme=dark] .os-content{scrollbar-color:#688888 #22353e}[data-os-theme=dark] .os-icon{color:#233e4d}[data-os-theme=dark] .os-window-controls button{background:#344c54;color:#f1f2dc;border-color:#90abaa}[data-os-theme=dark] .os-window-controls button:last-child{background:#805348}
[data-os-theme=dark] .btn{background:#344c54;color:var(--ink);border-color:#8ca5a0}[data-os-theme=dark] .btn.primary{background:#ffd467;color:#233e4d}[data-os-theme=dark] .btn.ghost{background:transparent;color:var(--ink)}[data-os-theme=dark] input,[data-os-theme=dark] select,[data-os-theme=dark] textarea{background:#192c35;color:var(--ink);border-color:#789592}
[data-os-theme=dark] .studio-instrument-well{background:#2c4b59;border-color:#82aaba}[data-os-theme=dark] .saved-strategy[data-phase=dip] .studio-instrument-well{background:var(--surface-2);border-color:var(--line)}[data-os-theme=dark] .saved-strategy[data-phase=trail] .studio-instrument-well{background:#2c513f;border-color:#8cbb9b}[data-os-theme=dark] .saved-strategy[data-phase=stopped] .studio-instrument-well{background:#623f3e;border-color:#cf9990}[data-os-theme=dark] .saved-strategy[data-phase=paused] .studio-instrument-well,[data-os-theme=dark] .saved-strategy[data-phase=held] .studio-instrument-well,[data-os-theme=dark] .saved-strategy[data-phase=unavailable] .studio-instrument-well{background:#3e4847;border-color:#98aba3}
[data-os-theme=dark] .strategy-next,[data-os-theme=dark] .rail-well,[data-os-theme=dark] .studio-panels,[data-os-theme=dark] .studio-action-menu,[data-os-theme=dark] .studio-comparison{background:#233840;color:var(--ink);border-color:#7d999b}[data-os-theme=dark] .strategy-stop,[data-os-theme=dark] .strategy-tick.stop{color:#ffb8ac}[data-os-theme=dark] .strategy-profit,[data-os-theme=dark] .strategy-tick.profit{color:#a8dbb5}
[data-os-theme=dark] .bot .studio-metrics>div{background:#304650;border-color:#7d999b}[data-os-theme=dark] .bot .studio-metrics .studio-banked,[data-os-theme=dark] .bot .studio-metrics .studio-banked[data-has-reserve=true]{background:var(--surface-2);border-color:var(--line)}[data-os-theme=dark] .bot .studio-banked .v{color:var(--ink)}[data-os-theme=dark] .bot .studio-banked .k{color:var(--muted)}[data-os-theme=dark] .bot .studio-metrics .studio-value{background:#2e4b3e;border-color:#7ba78c}[data-os-theme=dark] .bot .studio-metrics .studio-value.negative{background:#563d3e;border-color:#cf9990}[data-os-theme=dark] .bot .studio-metrics .studio-value.unknown{background:#3e4847;border-color:#98aba3}
[data-os-theme=dark] .studio-dips,[data-os-theme=dark] .note,[data-os-theme=dark] .fund-steps,[data-os-theme=dark] .os-recovery-button{background:#50472e;color:#ffe1a0;border-color:#bca365}[data-os-theme=dark] .studio-profit,[data-os-theme=dark] .aitog:has(#aiStrat:checked),[data-os-theme=dark] #walletCards .chainbal.has{background:#2e4b3e;border-color:#7ba78c}[data-os-theme=dark] .armbox,[data-os-theme=dark] .studio-advanced,[data-os-theme=dark] .emode,[data-os-theme=dark] .budget-in,[data-os-theme=dark] .addr,[data-os-theme=dark] .nextbar{background:#304650;color:var(--ink)}[data-os-theme=dark] .err,[data-os-theme=dark] .studio-validation{background:#563d3e;color:#ffb8ac;border-color:#cf9990}
[data-os-theme=dark] .history-performance-state{background:#2e4b3e;color:#b4e2be;border-color:#7ba78c}[data-os-theme=dark] :is([data-performance-state=partial],[data-performance-state=stale],[data-performance-state=unavailable]) .history-performance-state{background:#50472e;color:#ffe1a0;border-color:#bca365}[data-os-theme=dark] .history-performance-cards article{background:#2e4b3e;border-color:#8ca5a0;box-shadow:3px 3px 0 #0b192399}[data-os-theme=dark] .history-performance-cards article:nth-child(2){background:#48425e}[data-os-theme=dark] .history-performance-cards article:nth-child(3){background:#50472e}[data-os-theme=dark] .history-performance article[data-result-sign=negative]{background:#563d3e}[data-os-theme=dark] .history-performance dl>div{border-color:#8ca5a044}[data-os-theme=dark] .history-performance p{color:var(--muted)}
[data-os-theme=dark] .fee-protection{background:#304650;color:var(--ink)}[data-os-theme=dark] .fee-protection-state{background:#3e4847;color:#d5e0d4}[data-os-theme=dark] .fee-protection[data-fee-state=healthy] .fee-protection-state{background:#2e4b3e;color:#b4e2be}[data-os-theme=dark] :is(.fee-protection[data-fee-state=low],.fee-protection[data-fee-state=empty]) .fee-protection-state{background:#50472e;color:#ffe1a0}[data-os-theme=dark] #loginGate>.panel,[data-os-theme=dark] #loginGate #loginQrPanel{background:#22353e;color:var(--ink);border-color:#90abaa}
[data-os-theme=dark] :is(button,a,[tabindex]):focus-visible{outline-color:#91c9fa}[data-os-theme=dark] [data-os-dark][aria-pressed=true]{outline:2px solid #ffd467;outline-offset:2px}
@media(max-width:420px){.os-theme-button{width:27px;height:27px;font-size:19px}.pineapple-os .topin:has(.os-recovery-button:not([hidden])) .os-desktop-button{display:none}}

/* Approved proposal module styles, copied from Website; native controls retain IDs. */
/* Application windows share the desktop's colors and a quieter data hierarchy. */
.os-module-content{padding:25px 30px 30px}.os-module-content h2{font-family:Fredoka,Nunito,sans-serif;font-size:30px;font-weight:500;letter-spacing:-.4px;margin:5px 0 16px;line-height:1.15}.os-module-content h3{margin:0;font-size:16px;font-weight:850}.os-module-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}.os-eyebrow{font-size:9px;font-weight:900;letter-spacing:1.6px;color:#657c6d;margin:8px 0}.os-sample-note{font-size:10px;line-height:1.5;color:#65756b;display:flex;align-items:center;gap:7px;margin:0 0 17px}.os-chain-label{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:750;min-width:155px}.os-module-content select{padding:8px 30px 8px 10px;background:#fffdf4;border:1px solid #aabaad;border-radius:8px;font-size:12px;max-width:100%;min-height:36px}.os-stats{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin:5px 0 18px}.os-stats article{border:1px solid #bdcbb7;background:#f5f2df;border-radius:13px;padding:20px;position:relative;overflow:hidden}.os-stats .os-stat-main{background:var(--tint)}.os-stats article>span{font-size:11px;font-weight:800}.os-stats strong{display:block;font-size:30px;font-weight:900;margin:6px 0;letter-spacing:-1px;overflow-wrap:anywhere}.os-stats strong small{font-size:12px;font-weight:750;margin-left:7px;letter-spacing:0}.os-stats p{font-size:10px;color:#647363;margin:0;position:relative;z-index:1}.os-stat-main>.os-glyph{position:absolute;right:18px;top:20px;width:45px;height:45px;color:#7d9c85;opacity:.3}.os-chart-card{border:1px solid #c9d2c1;border-radius:13px;padding:16px 18px 7px;margin-bottom:20px;background:#fffef8}.os-chart-card>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.os-chart-card h3{font-size:13px}.os-chart-card span{font-size:9px;color:#6a7d71}.os-mini-chart{display:block;width:100%;height:100px;margin-top:13px}.os-section-heading{display:flex;justify-content:space-between;align-items:center;margin:17px 0 10px;gap:10px}.os-section-heading h3{font-size:15px}.os-section-heading h3 span{font-size:10px;border-radius:6px;background:var(--os-accent);padding:3px 6px;margin-left:4px}.os-text-btn{background:none;display:inline-flex;align-items:center;gap:6px;padding:4px 0;font-size:11px;font-weight:850;color:var(--accent-strong)}.os-text-btn .os-glyph{width:17px;height:17px}.os-bot-list{display:grid;gap:9px}.os-bot-row{display:flex;align-items:center;gap:12px;border:1px solid #c9d1c1;border-radius:12px;padding:12px;background:#fffff8}.os-bot-avatar{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid #6f8990;border-radius:11px}.os-bot-avatar .os-glyph{width:28px;height:28px}.os-bot-name{min-width:0;flex:1}.os-bot-name strong,.os-bot-value strong{font-size:13px;display:block;font-weight:900}.os-bot-name span,.os-bot-value span{font-size:10px;color:#66786b;display:block;line-height:1.4;margin-top:3px}.os-bot-value{text-align:right;margin:0 5px;min-width:90px}.os-status-button{background:#ecebdf;border:1px solid #c3c9b5;border-radius:16px;padding:7px 9px;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:850;min-width:72px;justify-content:center}.os-status-button.running{background:#dcecd5;border-color:#b4caa4;color:#315b38}.os-status-button .os-glyph{width:12px;height:12px}.os-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:39px;background:var(--os-accent);border:1px solid #6b8775;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:850;box-shadow:0 2px 0 #6c877340}.os-btn:hover{filter:brightness(.97)}.os-btn .os-glyph{width:17px;height:17px}.os-filter-row{display:flex;align-items:flex-end;gap:12px;margin:8px 0 18px}.os-filter-row label{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:750}.os-info{display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:10px;background:#f7e7c4;border:1px solid #d2bd8b;font-size:12px;line-height:1.5;margin-bottom:15px}.os-info .os-glyph{flex-shrink:0}.os-tip{display:flex;gap:14px;margin:22px 0 5px;padding:17px;border:1px dashed #a6b7a0;border-radius:12px;background:#f4f3e5}.os-tip>.os-glyph{width:30px;height:30px;flex-shrink:0}.os-tip strong{font-size:13px}.os-tip p{font-size:12px;line-height:1.6;margin:5px 0 0;color:#5c7167}.os-empty{text-align:center;padding:35px 15px}.os-empty>.os-glyph{width:65px;height:65px;margin:0 auto 15px;background:#ddd0ee;padding:12px;border-radius:17px}.os-empty p{font-size:13px}.os-draft{padding:20px;background:#f5f1e4;border:1px solid #c6cdb6;border-radius:13px;margin-bottom:15px}.os-draft label{display:grid;gap:5px;font-size:11px;font-weight:800;margin:15px 0 5px}.os-draft input{padding:10px 12px;border:1px solid #9cac9a;border-radius:8px;background:#fffef6;font-size:14px;width:100%}.os-draft p{font-size:11px;line-height:1.5;color:#6b756a}.os-wallet-feature{display:flex;align-items:center;gap:25px;padding:27px;background:#f6e5d2;border:1px solid #d8bea0;border-radius:15px;margin:10px 0 20px}.os-wallet-art{display:grid;place-items:center;width:86px;height:86px;flex-shrink:0;border:1.5px solid #735e53;background:#f7bd98;border-radius:23px;transform:rotate(-6deg);box-shadow:4px 5px 0 #dcb391}.os-wallet-art>.os-glyph{width:51px;height:51px}.os-wallet-feature span{font-size:10px}.os-wallet-feature h3{font-size:16px;margin:4px 0 9px}.os-wallet-feature strong{font-size:25px;font-weight:900;overflow-wrap:anywhere}.os-wallet-feature p{font-size:10px;color:#756851;margin:7px 0 0}.os-wallet-ledger{margin:0}.os-wallet-ledger>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #d6dbc9;padding:15px 1px}.os-wallet-ledger dt{font-size:12px}.os-wallet-ledger dd{font-size:13px;font-weight:850;margin:0;text-align:right}.os-wallet-ledger>div:last-child{color:#38604a;font-weight:850}.os-event-filter{font-size:11px;display:flex;gap:10px;align-items:center;margin-bottom:18px}.os-history-list{display:grid}.os-history-list article{display:flex;align-items:center;gap:12px;padding:17px 0;border-top:1px solid #d0d8c8}.os-event-icon{border-radius:10px;padding:9px;border:1px solid #9caaa2}.os-event-icon .os-glyph{width:22px;height:22px}.os-history-list article>div:nth-child(2){flex:1;min-width:0}.os-history-list article>div:last-child{text-align:right}.os-history-list strong{font-size:12px;display:block}.os-history-list article span:not(.os-event-icon){font-size:10px;line-height:1.4;display:block;margin-top:5px;color:#667366}.os-empty-message{padding:30px;font-size:13px;text-align:center}.os-guide-intro{font-size:13px;color:#667c6b}.os-faq{border-bottom:1px solid #cbd5c0;padding:15px 0}.os-faq summary{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:14px;font-weight:850;cursor:pointer;list-style:none}.os-faq summary::-webkit-details-marker{display:none}.os-faq summary svg{width:17px;height:17px;flex-shrink:0}.os-faq[open] summary svg{transform:rotate(45deg)}.os-faq p{font-size:12px;line-height:1.75;color:#566e61;margin:12px 26px 0 0}.os-reference-links{display:grid;gap:12px;margin-top:23px}.os-reference-links a{display:flex;align-items:center;gap:8px;font-size:12px;color:#366649;font-weight:800;text-decoration:none}.os-reference-links a:hover{text-decoration:underline}.os-reference-links svg{width:18px;height:18px}.os-setting{border-bottom:1px solid #ccd5c1;padding:18px 0 23px;margin:5px 0 15px}.os-setting p{font-size:12px;color:#647664}.os-palette-options{display:flex;gap:12px;margin-top:18px}.os-palette{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;padding:4px;font-size:11px;font-weight:750}.os-palette>span{width:68px;height:42px;border:1px solid #617668;border-radius:10px;display:grid;place-items:center}.os-palette-meadow>span{background:#cce4cd}.os-palette-berry>span{background:#ddd4ed}.os-palette-peach>span{background:#f2d1b9}.os-palette[aria-pressed=true]>span{outline:2px solid #3a6257;outline-offset:3px}.os-toggle-row,.os-state-picker{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0}.os-toggle-row strong,.os-state-picker strong{display:block;font-size:13px}.os-toggle-row small,.os-state-picker small{display:block;font-size:11px;color:#677b6c;margin-top:6px}.os-toggle-row input{accent-color:#416f52;width:22px;height:22px;flex-shrink:0}.os-state-picker select{max-width:185px}.os-module-content>.os-btn+.os-sample-note{margin-top:20px}
/* Fidelity: geometry and typography from the approved /os/ source. */
.pineapple-os{border-width:5px;--accent-strong:#2e624e;--tint:#eff5e9}.pineapple-os>header{top:22px;width:min(1000px,calc(100% - 54px));height:52px;border-radius:26px}.pineapple-os header .topin{padding:0 16px;gap:18px}.pineapple-os .brand{cursor:pointer}.pineapple-os .brand b{font-size:19px;font-weight:900}.pineapple-os .brand .mark{width:39px;height:39px}.os-brand-suffix{font-size:11px;letter-spacing:.5px;color:#5f756c;font-weight:800}.os-version{font-size:9px;letter-spacing:1px;font-weight:900;border-left:1px solid #b9c4b7;padding-left:16px;white-space:nowrap}.os-guide-button{background:none;border:0;font-size:12px;font-weight:800;padding:7px 9px;color:var(--ink);white-space:nowrap}.os-desktop-button{padding:7px 9px}.pineapple-os header .live{font-size:8px;letter-spacing:.5px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.os-clock{font-size:11px}.os-theme-button{width:26px;height:26px;border:0;background:none;font-size:21px}.os-theme-button[aria-pressed=true]{background:#ffe2a0}
.pineapple-os nav.tabs{top:108px;left:8%;right:8%;transform:none;width:auto;grid-template-columns:repeat(4,1fr);row-gap:24px}.pineapple-os nav.tabs>button{width:106px;padding:7px 4px;gap:7px}.pineapple-os nav.tabs>button[hidden],.os-dock>button[hidden]{display:none!important}.pineapple-os nav.tabs>button>span:last-child{padding:3px 6px;line-height:1.2;font-size:12px}.os-icon{width:62px;height:62px;border-radius:17px;border-color:#234756}.os-icon svg{width:37px;height:37px;fill:none}.os-icon img{width:56px;height:56px;object-fit:contain}.os-dock{bottom:22px;gap:11px;padding:10px 17px 7px;box-shadow:4px 4px 0 #304d5259}.os-dock>button{width:48px;gap:5px;padding:0 0 8px;font-size:8px;font-weight:850}.os-dock .os-icon{width:44px;height:44px}.os-dock .os-icon svg{width:28px;height:28px}.os-dock .os-icon img{width:42px;height:42px}
.os-pane,.os-pane[data-os-module=guide],.os-pane[data-os-module=settings]{top:89px;width:min(820px,calc(100% - 40px));height:auto;max-height:calc(100dvh - 195px);border-color:#294655;border-radius:18px;box-shadow:5px 5px 0 #304d5259}.os-pane.os-maximized{top:86px!important;left:24px!important;width:calc(100% - 48px);max-height:calc(100dvh - 190px);height:calc(100dvh - 190px)}.os-titlebar{padding:0 11px 0 15px;gap:10px;background:#eef0e5;border-color:#acb8a5}.os-titlebar>span{font-weight:800;white-space:nowrap}.os-titlebar .os-icon{width:18px;height:18px}.os-titlebar .os-icon svg,.os-titlebar .os-icon img{width:18px;height:18px}.os-title-grip{margin:0 auto;flex:1;height:5px;border-top:1px solid #28445525;border-bottom:1px solid #28445525;max-width:80px}.os-window-controls{margin-left:auto}.os-window-controls button{width:23px;height:23px;padding:2px;font-size:17px}.os-content{padding:25px 30px 30px}.pineapple-os .os-content h1.big{font-family:Fredoka,Nunito,sans-serif;font-size:30px;font-weight:500;letter-spacing:-.4px;line-height:1.15;margin:5px 0 16px}.os-content .eyebrow{font-size:9px;font-weight:900;letter-spacing:1.6px;color:#657c6d;margin:8px 0}.os-content .lede{font-size:13px;line-height:1.5;margin-bottom:18px}.os-content .big+.lede{max-width:none}.os-local-module .big{margin-bottom:16px}.os-local-module p{font-size:12px}.os-local-module summary{font-size:14px}.os-content .studio-fleet-select{margin-bottom:18px}.os-content .studio-bot-switch{margin-bottom:12px}.os-module-tools{display:flex;justify-content:flex-end;gap:12px;margin:0 0 18px}.os-module-tools button{background:var(--os-accent);border:1px solid #6b8775;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:850;color:var(--ink)}
.os-pane[data-os-module=welcome]{width:360px;top:max(150px,calc((100dvh - 380px)/2));max-height:calc(100dvh - 210px)}.os-pane[data-os-module=welcome]>.os-content{padding:0}.os-entry{text-align:center;padding:21px 20px 24px;background:#fff7e7}.os-entry-tag{display:block;font-size:8px;font-weight:900;letter-spacing:1.6px;color:#617269;margin-bottom:10px}.os-entry img{object-fit:contain;display:block;margin:0 auto;width:155px;height:155px}.os-entry h1{font-family:Fredoka,Nunito,sans-serif;font-weight:550;font-size:32px;line-height:1.2;letter-spacing:-1px;margin:5px 0 7px}.os-entry h1 span{font-family:Nunito,sans-serif;font-weight:800;font-size:12px;letter-spacing:1px}.os-entry p{font-size:13px;margin:0;color:#5d6a64}.os-entry-action{padding:17px 22px;width:100%;background:var(--os-accent);display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-top:1px solid #a6bba2;font-weight:850;font-size:13px;color:var(--ink)}
.os-palettes{gap:12px;margin:18px 0}.os-palettes button{border:0;background:none!important;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;font-weight:750;padding:4px;color:var(--ink)}.os-palette-swatch{width:68px;height:42px;border:1px solid #617668;border-radius:10px;background:#cce4cd}.os-palettes [data-palette=lavender] span{background:#ddd4ed}.os-palettes [data-palette=peach] span{background:#f2d1b9}.os-palettes [aria-pressed=true]{outline:none}.os-palettes [aria-pressed=true] span{outline:2px solid #3a6257;outline-offset:3px}
#os-overview #summary{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin:5px 0 18px}#os-overview .stat{padding:20px;border:1px solid #bdcbb7;border-radius:13px;background:#f5f2df}#os-overview .stat:first-child{background:var(--tint)}#os-overview .stat .k{font-size:11px;letter-spacing:0;text-transform:none;font-weight:800}#os-overview .stat .v{font-family:Nunito,sans-serif;font-size:30px;font-weight:900;margin:6px 0;letter-spacing:-1px}#os-overview .stat .vsub{font-size:10px}#os-overview .os-section-heading h2{font-size:15px;font-family:Nunito,sans-serif;font-weight:850}#os-overview .os-section-heading button{background:none;border:0;font-size:11px;font-weight:850;color:var(--accent-strong)}.os-bot-row .os-icon{width:42px;height:42px;border-width:1px;box-shadow:none;border-radius:11px}.os-bot-row .os-icon svg{width:28px;height:28px}
@media(min-width:1700px){.pineapple-os nav.tabs{top:124px;row-gap:28px}.os-icon{width:69px;height:69px;border-radius:19px}.os-icon svg{width:41px;height:41px}.os-icon img{width:62px;height:62px}.os-dock .os-icon{width:47px;height:47px;border-radius:13px}}
@media(max-width:1100px){.os-version{display:none}.pineapple-os header .topin{gap:12px}.pineapple-os nav.tabs{left:4%;right:4%}.pineapple-os header .live{display:none}.pineapple-os #logoutBtn{margin-left:auto}}
@media(max-width:767px){.pineapple-os{border-width:3px;border-radius:8px;background-position:72% center}.pineapple-os>header{top:13px;left:15px;right:15px;transform:none;width:auto;height:49px;border-radius:18px}.pineapple-os header .topin{padding:0 9px;gap:5px}.pineapple-os .brand b{font-size:17px}.pineapple-os .brand .mark{width:30px;height:34px}.os-brand-suffix{font-size:9px}.os-guide-button{display:none}.os-desktop-button{font-size:10px;padding:8px 6px}.pineapple-os nav.tabs{left:9px;right:9px;top:77px;row-gap:5px}.pineapple-os nav.tabs>button{width:100%;padding:5px 2px;gap:7px}.pineapple-os nav.tabs>button>span:last-child{font-size:10px}.os-icon{width:48px;height:48px;border-radius:14px}.os-icon svg{width:28px;height:28px}.os-icon img{width:44px;height:44px}.os-pane,.os-pane[data-os-module=guide],.os-pane[data-os-module=settings],.os-pane.os-maximized{left:13px!important;right:13px!important;top:255px!important;width:calc(100% - 26px)!important;height:auto;max-height:calc(100dvh - 346px)}.os-pane[data-os-module=welcome]{left:50%!important;transform:translateX(-50%)!important;right:auto!important;width:min(320px,calc(100% - 36px))!important;top:261px!important;max-height:calc(100dvh - 350px)}.os-content{padding:18px 16px 22px}.pineapple-os .os-content h1.big{font-size:26px;margin-bottom:13px}.os-title-grip{display:none}.os-titlebar{padding-left:12px}.os-window-controls button{width:25px;height:25px}.os-entry{padding:16px 12px 18px}.os-entry-tag{font-size:7px;letter-spacing:1.3px}.os-entry img{height:115px;width:115px}.os-entry h1{font-size:29px;margin:0 0 5px}.os-entry p{font-size:12px}.os-entry-action{padding:14px 17px;font-size:12px}.os-dock{bottom:13px;gap:4px;padding:9px 9px 5px;max-width:calc(100% - 18px)}.os-dock>button{width:39px;gap:4px;font-size:6.8px}.os-dock .os-icon{width:35px;height:35px;border-width:1.5px}.os-dock .os-icon svg{width:23px;height:23px}.os-dock .os-icon img{width:33px;height:33px}#os-overview #summary{grid-template-columns:1fr}.os-bot-row{gap:8px;flex-wrap:wrap}.os-bot-name{flex:1;min-width:100px}.os-palettes{justify-content:space-between;gap:9px}.os-palettes button{font-size:9px;padding:3px}.os-palette-swatch{width:55px;height:38px}.os-module-tools{justify-content:space-between}.os-module-tools button{font-size:10px;padding:9px 11px}}
@media(max-width:359px){.os-dock{gap:2px;padding-left:5px;padding-right:5px}.os-dock>button{width:37px}.os-entry{padding-top:12px;padding-bottom:12px}.os-entry img{width:100px;height:100px}.os-entry h1{font-size:25px}.os-entry-tag{font-size:6.5px}.os-pane[data-os-module=welcome]{top:252px!important;max-height:calc(100dvh - 338px)}}
@media(max-height:650px){.pineapple-os nav.tabs{display:none}.os-pane,.os-pane[data-os-module=guide],.os-pane[data-os-module=settings],.os-pane[data-os-module=welcome],.os-pane.os-maximized{top:75px!important;max-height:calc(100dvh - 165px)}}
[data-os-theme=dark] .os-entry{background:var(--surface)}[data-os-theme=dark] .os-entry p,[data-os-theme=dark] .os-entry-tag,[data-os-theme=dark] .os-brand-suffix,[data-os-theme=dark] .os-content .eyebrow{color:var(--muted)}[data-os-theme=dark] .os-titlebar{background:#304650}[data-os-theme=dark] .os-pane[data-front=true]>.os-titlebar{background:var(--os-accent)}[data-os-theme=dark] #os-overview .stat,[data-os-theme=dark] .os-bot-row{background:#304650;border-color:#7d999b}[data-os-theme=dark] #os-overview .stat:first-child{background:#2e4b3e}[data-os-theme=dark] .os-bot-name span,[data-os-theme=dark] #os-overview .stat .vsub{color:var(--muted)}[data-os-theme=dark]{--accent-strong:#b4e2be}[data-os-theme=dark] .os-btn{color:var(--ink)}
.pineapple-os{background-attachment:scroll;background-origin:padding-box;background-clip:padding-box}.pineapple-os header .live{font-family:Nunito,Arial,sans-serif;white-space:nowrap}.os-entry-action>span:last-child{font-size:20px;line-height:20px}
#os-overview .stat .v:has(.native-amount){font-size:20px;letter-spacing:-.4px}
@media(min-width:768px){#dash{position:relative}#dash>.os-module-tools{position:absolute;right:0;top:24px;margin:0}}

/* User-arranged launchers replace the old fixed, duplicated icon grid. */
.os-personalized nav.tabs{display:none!important}
.os-shortcuts{position:fixed;inset:0;z-index:2;pointer-events:none}
.os-shortcut{position:absolute;display:flex;flex-direction:column;align-items:center;gap:7px;width:96px;height:108px;padding:4px;border:0;background:transparent;color:var(--ink);font:850 12px Nunito,sans-serif;pointer-events:auto;touch-action:none;user-select:none;cursor:grab}
.os-shortcut:active{cursor:grabbing}.os-shortcut[hidden],.os-dock>button[hidden]{display:none!important}
.os-shortcut-label{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:2px 5px;white-space:nowrap}
.os-shortcuts .os-icon img{width:50px;height:54px;object-fit:contain;pointer-events:none}
.os-dock>button[data-launcher]{touch-action:none;user-select:none}
.os-dock>.os-arrange-button{align-self:stretch;justify-content:center;border-left:1px solid var(--line);border-radius:0;min-width:46px;width:46px;padding:4px 0 4px 8px;font-size:10px}
.os-drag-ghost{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-50%);opacity:.9}.os-drag-ghost img{width:50px;height:54px;object-fit:contain}
.os-arranging .os-shortcuts::before{content:'';position:absolute;inset:84px 10px 115px;border:2px dashed var(--line);border-radius:20px;background:#cce4cd22}
.os-desktop-status{position:fixed;left:50%;bottom:110px;transform:translateX(-50%);z-index:110;max-width:calc(100% - 30px);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:9px 14px;font-size:12px;pointer-events:none;box-shadow:2px 2px 0 #304d5230}
.os-desktop-status:empty{display:none}
body:not(.os-ready) .os-shortcuts,body:not(.os-ready) .os-desktop-status{display:none}
.os-placement-list{display:grid;gap:8px;margin:16px 0 28px}.os-placement-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}
.os-placement-list button{background:var(--os-accent);color:var(--ink);border:1px solid var(--line);border-radius:8px;min-height:36px;padding:7px 12px;font:800 12px Nunito,sans-serif}
.os-wallpaper-picker fieldset{border:0;padding:0;margin:20px 0 24px;min-width:0}.os-wallpaper-picker legend{font-size:13px;font-weight:850;margin-bottom:10px}
.os-wallpaper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.os-wallpaper-grid button{border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:4px 4px 8px;min-width:0;overflow:hidden;font:800 12px Nunito,sans-serif;display:grid;gap:6px}
.os-wallpaper-grid img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;display:block}.os-wallpaper-grid [aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--os-accent)}
.os-personalized .os-pane[data-os-module=settings] .os-content{padding-bottom:30px}
@media(max-width:767px){
 .pineapple-os[data-os-wallpaper=pattern],.pineapple-os[data-os-wallpaper=clouds]{background-position:left center}
 .os-shortcut{width:72px;height:86px;font-size:10px;gap:5px}.os-shortcuts .os-icon img{width:36px;height:41px}
 .os-personalized .os-pane:not([data-os-module=welcome]),.os-personalized .os-pane.os-maximized{top:74px!important;height:calc(100dvh - 174px)!important;max-height:calc(100dvh - 174px)!important}
 .os-personalized .os-pane[data-os-module=welcome]{top:50%!important;transform:translate(-50%,-50%)!important;max-height:calc(100dvh - 174px)!important}
 .os-dock{gap:3px;max-width:calc(100vw - 18px);padding:8px 7px}.os-dock>button[data-launcher]{width:39px;min-width:30px;flex:0 1 39px;font-size:7px}.os-dock>.os-arrange-button{min-width:39px;width:39px;padding-left:5px;font-size:8px}
 .os-desktop-status{bottom:94px;font-size:11px}.os-arranging .os-shortcuts::before{inset:72px 8px 94px}.os-wallpaper-grid{gap:8px}
}

/* My bots is a standalone Studio card with floating desktop controls. */
.pineapple-os .os-bot-deck:focus-visible{outline:none}
.pineapple-os .os-bot-deck{top:128px;width:min(672px,calc(100% - 192px));height:calc(100dvh - 248px);max-height:calc(100dvh - 248px);border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;outline:none}
.pineapple-os .os-bot-deck.os-maximized{top:128px!important;left:50%!important;transform:translateX(-50%)!important;width:min(900px,calc(100% - 192px));height:calc(100dvh - 248px)}
.pineapple-os .os-bot-deck>.os-content{padding:0 4px 4px 0;border-radius:22px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.pineapple-os .os-bot-deck #dash{position:static}
.pineapple-os .os-bot-deck #dash>.eyebrow,.pineapple-os .os-bot-deck #dash>h1,.pineapple-os .os-bot-deck #dash>.lede{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pineapple-os .os-bot-deck #fleet{position:static;margin:0;gap:12px;grid-template-columns:minmax(0,1fr)}
.pineapple-os .os-bot-deck .panel.bot{max-width:none;margin:0}
.pineapple-os .os-bot-deck #fleet>.note,.pineapple-os .os-bot-deck #fleet>.fleet-pages{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.pineapple-os .os-bot-deck>.os-titlebar{position:absolute;right:-64px;top:0;width:48px;height:auto;min-height:0;padding:6px;display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:3px 3px 0 #304d5233}
.os-bot-deck>.os-titlebar>span:first-child{display:none}.os-bot-deck .os-window-controls{flex-direction:column;gap:8px}.os-bot-deck .os-title-grip{display:block;flex:none;width:24px;height:18px;border:0;margin:0;text-align:center;line-height:18px}.os-bot-deck .os-title-grip::before{content:'⠿';font-size:22px}
.pineapple-os .os-bot-deck #dash>.os-module-tools{position:absolute;left:-86px;right:auto;top:0;width:72px;display:flex;flex-direction:column;gap:8px;margin:0}
.os-bot-deck .os-module-tools button{font-size:10px;white-space:normal;padding:10px 6px;min-height:40px;border-radius:12px;box-shadow:2px 2px 0 #304d5233}
.pineapple-os .os-bot-deck .studio-bot-switch{position:absolute;inset:0;max-width:none;margin:0;pointer-events:none}
.os-bot-deck .studio-bot-switch button{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;box-shadow:3px 3px 0 #304d5233}
.os-bot-deck .studio-bot-switch button:first-child{left:-64px}.os-bot-deck .studio-bot-switch button:last-child{right:-64px}
.pineapple-os .os-bot-deck .studio-bot-switch>span{position:absolute;top:calc(50% + 29px);left:calc(100% + 8px);width:68px;padding:5px 3px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:10px}
.pineapple-os .os-bot-deck .studio-fleet-select{position:absolute;top:-42px;left:0;right:0;display:flex;flex-wrap:nowrap;gap:6px;max-width:100%;overflow-x:auto;scrollbar-width:none;margin:0;padding:3px 2px 5px;min-height:38px}
.os-bot-deck .studio-fleet-select button{flex:none;white-space:nowrap;background:var(--surface);font-size:11px;padding:5px 10px}.os-bot-deck .studio-fleet-select button span{font-size:10px}
@media(max-width:767px){
 .pineapple-os.os-personalized .os-bot-deck:not([data-os-module=welcome]),.pineapple-os .os-bot-deck.os-maximized{top:148px!important;left:13px!important;right:13px!important;transform:none!important;width:calc(100% - 26px)!important;height:calc(100dvh - 248px)!important;max-height:calc(100dvh - 248px)!important}
 .pineapple-os .os-bot-deck>.os-titlebar{top:-70px;right:0;width:auto;flex-direction:row;padding:5px 7px;border-radius:12px}.os-bot-deck .os-title-grip{display:none}.os-bot-deck .os-window-controls{flex-direction:row;gap:5px}
 .pineapple-os .os-bot-deck #dash>.os-module-tools{top:-70px;left:0;width:auto;flex-direction:row;gap:6px}.os-bot-deck .os-module-tools button{font-size:9px;min-height:36px;padding:7px}
 .os-bot-deck .studio-bot-switch button{top:-33px;transform:none;width:32px;height:29px;font-size:20px;border-radius:10px}.os-bot-deck .studio-bot-switch button:first-child{left:0}.os-bot-deck .studio-bot-switch button:last-child{right:0}
 .pineapple-os .os-bot-deck .studio-fleet-select{top:-36px;left:40px;right:40px;min-height:34px;padding:2px;gap:4px}.os-bot-deck .studio-fleet-select button{font-size:10px;padding:4px 8px}
 .pineapple-os .os-bot-deck .studio-bot-switch>span{position:absolute;top:-31px;left:40px;width:calc(100% - 80px);padding:3px;font-size:10px;z-index:-1}
 .os-bot-deck:has(.studio-fleet-select) .studio-bot-switch>span{clip-path:inset(50%);width:1px!important;height:1px;overflow:hidden}
}
@media(min-width:768px) and (max-height:650px){.pineapple-os .os-bot-deck,.pineapple-os .os-bot-deck.os-maximized{top:116px!important;height:calc(100dvh - 218px)!important;max-height:calc(100dvh - 218px)!important}.os-bot-deck>.os-titlebar .os-title-grip{display:none}}

/* Compact bot summary: clear hierarchy, readable figures, details on demand. */
.pineapple-os .os-bot-deck .panel.bot{padding:16px}
.os-bot-deck .bot .row1{gap:10px;margin-bottom:10px;align-items:center}.pineapple-os .os-bot-deck .bot .nm{font-size:22px;line-height:1.1}.os-bot-deck .bot .studio-name-row{gap:3px 8px}.os-bot-deck .bot .studio-name-row .sub{font-size:11px}.os-bot-deck .studio-chain{font-size:10px}
.os-bot-deck .bot .pfp,.os-bot-deck .bot .token-avatar{width:40px;height:40px;border-radius:10px}.os-bot-deck .bot .dexlink{font-size:10px;margin-top:3px}.os-bot-deck .bot .cardtop{gap:5px}.os-bot-deck .bot .sharebtn{min-height:30px;font-size:11px;padding:0 9px}.os-bot-deck .bot .status{font-size:10px;padding:3px 9px}
.os-bot-deck .studio-phase{font-size:10px;letter-spacing:.13em;margin-bottom:6px}.pineapple-os .os-bot-deck .studio-instrument-well{padding:12px;border-radius:14px}.os-bot-deck .strategy-current>b{font-size:24px}.os-bot-deck .strategy-current>.label{font-size:9px;letter-spacing:.1em}.os-bot-deck .strategy-stop,.os-bot-deck .strategy-target{font-size:10px;letter-spacing:.08em}.os-bot-deck .strategy-tick-label{font-size:10px}.os-bot-deck .strategy-puck{width:24px;height:24px;top:10px;box-shadow:0 2px 5px #0003}
.os-bot-deck .strategy-narrative{font-family:Nunito,sans-serif;font-size:13px;font-weight:800;line-height:1.35;margin:6px 0 0;text-wrap:initial}.os-bot-deck .strategy-next{font-size:11px;line-height:1.35;padding:7px 9px;margin-top:7px;border-radius:9px}.os-bot-deck .bot .studio-price-note{font-size:10px;line-height:1.35;margin:7px 0 0}
.os-bot-deck .bot .statgrid.four.studio-metrics{margin-top:10px;gap:7px}.os-bot-deck .bot .studio-metrics>div{padding:9px;border-radius:10px}.pineapple-os .os-bot-deck .bot .studio-metrics .k{font-size:9px;letter-spacing:.08em;font-weight:800}.pineapple-os .os-bot-deck .bot .studio-metrics .v{font-size:18px;margin-top:3px;line-height:1.15}.os-bot-deck .bot .studio-metrics .vsub{font-size:10px;line-height:1.3;margin-top:3px}
.pineapple-os .os-bot-deck .bot .studio-metrics .studio-banked{padding:10px 12px;gap:10px;min-height:76px}.pineapple-os .os-bot-deck .bot .studio-banked .v{font-size:32px;line-height:1;margin-top:2px}.pineapple-os .os-bot-deck .bot .studio-banked .studio-long-amount{font-size:22px}.os-bot-deck .bot .studio-banked .vsub{font-size:10px;margin-top:5px}.pineapple-os .os-bot-deck .studio-progress{width:54px;height:54px;flex-basis:54px}.pineapple-os .os-bot-deck .studio-progress svg{width:54px;height:54px}.os-bot-deck .studio-progress-tier{font-size:8px}.os-bot-deck .studio-progress[data-target-progress='']{height:auto;font-size:9px}
.os-bot-deck .studio-panels{margin-top:9px;border-radius:10px}.os-bot-deck .studio-panel-buttons button{height:32px;font:800 12px Nunito,sans-serif}.os-bot-deck .bot .ctl.studio-primary-actions{margin-top:9px;gap:7px}.os-bot-deck .studio-primary-actions>.btn,.os-bot-deck .studio-more>button{height:36px;min-height:36px;font-size:12px;padding:0 6px}.os-bot-deck .studio-icon{width:16px;height:16px}.os-bot-deck .studio-action-label{gap:5px}
@media(max-width:767px){
 .pineapple-os .os-bot-deck .panel.bot{padding:12px}.pineapple-os .os-bot-deck .bot .nm{font-size:18px}.os-bot-deck .bot .row1{gap:8px;margin-bottom:9px}.os-bot-deck .bot .pfp,.os-bot-deck .bot .token-avatar{width:34px;height:34px}.os-bot-deck .bot .cardtop{max-width:26%}.os-bot-deck .bot .sharebtn{font-size:10px;padding:0 7px}.os-bot-deck .sharebtn .studio-icon{width:12px;height:12px}
 .pineapple-os .os-bot-deck .studio-instrument-well{padding:10px}.os-bot-deck .strategy-current>b{font-size:22px}.os-bot-deck .strategy-narrative{font-size:12px}.os-bot-deck .strategy-next{font-size:10px}.os-bot-deck .strategy-tick-label{font-size:9px}
 .os-bot-deck .bot .studio-metrics>div{padding:7px}.pineapple-os .os-bot-deck .bot .studio-metrics .v{font-size:15px}.pineapple-os .os-bot-deck .bot .studio-banked .v{font-size:29px}.os-bot-deck .bot .studio-metrics .vsub{font-size:9px}.pineapple-os .os-bot-deck .bot .studio-metrics .k{font-size:8px;letter-spacing:.04em}.os-bot-deck .bot .studio-metrics .studio-banked .vsub{font-size:10px}
}
.os-bot-deck .studio-metrics .studio-banked>div:first-child{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center;min-width:0;flex:1}.os-bot-deck .studio-banked>div:first-child>.vsub{grid-column:1/-1}.pineapple-os .os-bot-deck .bot .studio-banked .v{margin:0}
@media(max-width:767px){
 .pineapple-os.os-personalized .os-bot-deck:not([data-os-module=welcome]),.pineapple-os .os-bot-deck.os-maximized{top:142px!important;height:calc(100dvh - 242px)!important;max-height:calc(100dvh - 242px)!important}
 .pineapple-os .os-bot-deck .panel.bot{padding:10px}.os-bot-deck .bot .row1{margin-bottom:7px}.os-bot-deck .studio-phase{margin-bottom:4px}.pineapple-os .os-bot-deck .studio-instrument-well{padding:9px}.os-bot-deck .strategy-instrument-top{margin-bottom:0}.os-bot-deck .strategy-rail{margin-bottom:-8px}.os-bot-deck .strategy-next{padding:6px 8px}.os-bot-deck .bot .studio-metrics>div{padding:6px}
 .pineapple-os .os-bot-deck .bot .studio-metrics .studio-banked{min-height:68px;padding:8px 10px}.pineapple-os .os-bot-deck .studio-progress{width:44px;height:44px;flex-basis:44px}.pineapple-os .os-bot-deck .studio-progress svg{width:44px;height:44px}
}
.os-bot-deck .os-fleet-navigation{position:absolute;top:148px;right:-84px;width:72px;z-index:5;font:800 11px Nunito,sans-serif}
.os-bot-deck .os-fleet-navigation>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:2px 2px 0 #304d5233}.os-fleet-navigation>summary::after{content:'⌄'}.os-fleet-navigation[open]>summary::after{transform:rotate(180deg)}.os-fleet-navigation>summary::-webkit-details-marker{display:none}.os-fleet-navigation>summary:focus-visible{outline:3px solid #1757a6;outline-offset:3px}
.os-bot-deck .os-fleet-navigation>[data-fleet-pages]{position:absolute;right:0;top:44px;width:280px;max-height:320px;overflow:auto;display:flex;padding:14px;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:4px 4px 0 #304d5259;font:12px/1.4 Nunito,sans-serif}.os-bot-deck .os-fleet-navigation [data-fleet-pages] .btn{font-size:12px;min-height:36px;padding:7px 9px}
@media(max-width:767px){.os-bot-deck .os-fleet-navigation{top:-70px;left:154px;right:auto;width:64px;font-size:9px}.os-bot-deck .os-fleet-navigation>[data-fleet-pages]{position:fixed;left:16px;right:16px;top:112px;width:auto;max-height:calc(100dvh - 230px)}}
@media(max-width:359px){.pineapple-os .os-bot-deck .bot .nm{font-size:16px}.os-bot-deck .bot .studio-name-row .sub,.os-bot-deck .studio-chain{font-size:9px}.os-bot-deck .bot .pfp,.os-bot-deck .bot .token-avatar{width:28px;height:28px}.os-bot-deck .bot .row1{gap:6px}.os-bot-deck .strategy-narrative{font-size:11px}.os-bot-deck .strategy-next{font-size:9px}.os-bot-deck .bot .studio-metrics>div{padding:5px}.os-bot-deck .studio-panel-buttons button{height:30px}.os-bot-deck .bot .ctl.studio-primary-actions{margin-top:7px}.os-bot-deck .studio-panels{margin-top:7px}}
/* A complete outlined pineapple, with a readable funded-target percentage. */
.pineapple-os .studio-progress-fruit>b{position:absolute;right:-3px;bottom:-3px;width:auto;height:auto;overflow:visible;clip-path:none;padding:2px 4px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font:900 9px/1.1 Nunito,sans-serif;white-space:nowrap}
/* Keep identity readable while expanded details scroll; menus sit above it. */
.os-bot-deck .bot .row1{position:sticky;top:0;z-index:4;background:var(--surface);isolation:isolate}
.os-bot-deck .bot .row1::before{content:'';position:absolute;inset:-16px -16px -6px;z-index:-1;background:var(--surface)}
.os-bot-deck .sharebtn .studio-tooltip{top:calc(100% + 8px);bottom:auto;right:0;left:auto;transform:none;max-width:min(256px,calc(100vw - 64px));white-space:normal;text-wrap:pretty}
.os-bot-deck .os-fleet-navigation{z-index:30}
@media(max-width:767px){.os-bot-deck .bot .row1::before{inset:-10px -10px -6px}}
.pineapple-os .os-bot-deck .studio-progress[data-target-progress='']{width:auto;max-width:84px;flex-basis:84px;overflow-wrap:normal}

/* Desktop companions occupy free slots beneath app windows, never their content. */
.os-companions{position:fixed;inset:0;z-index:3;pointer-events:none}
.os-companions[hidden],.os-buddy[hidden],.os-companion-pager[hidden]{display:none!important}
.os-buddy{--buddy-color:#f6d584;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:8px 15px;border:0;background:transparent;color:var(--ink);pointer-events:auto;cursor:pointer;touch-action:manipulation;isolation:isolate}
.os-buddy[data-color='1']{--buddy-color:#aad6c2}.os-buddy[data-color='2']{--buddy-color:#cdc0e8}.os-buddy[data-color='3']{--buddy-color:#f3ba9c}
.os-buddy-return{display:block;max-width:100%;flex:none;padding:3px 9px;border:1.5px solid var(--ink);border-radius:11px;background:var(--surface);color:var(--ink);font:600 17px/1.25 Fredoka,Nunito,sans-serif;box-shadow:2px 2px 0 #304d5233;white-space:nowrap;position:relative;z-index:1}
.os-buddy-return::after{content:'';position:absolute;bottom:-4px;left:calc(50% - 3px);width:6px;height:6px;transform:rotate(45deg);background:inherit;border-bottom:1.5px solid var(--ink);border-right:1.5px solid var(--ink)}
.os-buddy[data-result=gain] .os-buddy-return{background:#e4f2d5;color:#285841}.os-buddy[data-result=loss] .os-buddy-return{background:#ffe0d8;color:#893f37}.os-buddy[data-result=unknown] .os-buddy-return{font-size:10px;white-space:normal;text-align:center}
.os-buddy-art{display:block;width:126px;height:138px;max-height:calc(100% - 45px);flex:0 1 auto;overflow:visible;pointer-events:none}
.os-buddy-name{font:800 10px/1.4 Nunito,sans-serif;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:1px 7px;flex:none}
.os-buddy:focus-visible{outline:2px dashed var(--ink);outline-offset:-3px;border-radius:22px}.os-buddy:hover .os-buddy-return{box-shadow:3px 3px 0 #304d5266}
.os-companion-pager{position:absolute;display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:36px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);pointer-events:auto;font:800 9px/1.2 Nunito,sans-serif;text-align:center}
.os-companion-pager button{width:27px;min-width:27px;height:28px;border:1px solid var(--line);border-radius:8px;background:var(--os-accent);color:var(--ink);font-size:16px}.os-companion-pager button:disabled{opacity:.4}
@media(max-width:767px){.os-buddy{padding:5px 8px}.os-buddy-return{font-size:15px;padding:3px 7px}.os-buddy-art{width:94px;height:112px}.os-buddy-name{font-size:9px}}

.os-overview-token{display:flex;flex:none}.os-overview-token .token-avatar{width:44px;height:44px;border:1.5px solid var(--ink);border-radius:12px;overflow:hidden}
.os-companion-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.os-buddy{z-index:1}.os-companion-pager{z-index:2}
.os-companions[data-graphics=unavailable] .os-buddy-art{display:grid;place-items:center;font:800 10px/1.3 Nunito,sans-serif;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;height:50px;width:70px;text-align:center;margin:12px 0}

/* Keep a newly opened chart below the sticky identity, including narrow cards. */
.os-bot-deck .botchart{scroll-margin-top:78px;max-width:100%;overflow-wrap:anywhere}
.os-bot-deck .saved-chart-levels{font-size:12px;line-height:1.5}
.os-bot-deck .strategy-tick-label{font-size:11px}
.pineapple-os .saved-chart>small,.pineapple-os .saved-chart-levels .consumed{color:var(--muted)}
.pineapple-os .saved-chart-levels{color:var(--ink)}
/* This shared review is mounted outside OS windows and has legacy inline colors.
   Keep its confirmation handlers intact; theme and size it at its own boundary. */
.pineapple-os #pbTradeReview{padding:16px!important;background:rgba(21,39,44,.58)!important}
.pineapple-os #pbTradeReview>section{width:min(100%,520px)!important;max-height:calc(100dvh - 32px);overflow:auto;padding:clamp(20px,4vw,28px)!important;border:1.5px solid var(--line)!important;border-radius:20px!important;background:var(--surface)!important;color:var(--ink)!important;box-shadow:var(--shadow)!important;overflow-wrap:anywhere}
.pineapple-os #pbTradeReview h2{font-family:var(--display);font-size:clamp(23px,5vw,30px);font-weight:500;line-height:1.2;color:var(--ink)}
.pineapple-os #pbTradeReview p,.pineapple-os #pbTradeReview small{color:var(--muted)!important}
.pineapple-os #pbTradeReview input{min-width:0;max-width:100%;border-color:var(--line)!important;background:var(--surface-2)!important;color:var(--ink)!important}
.pineapple-os #pbTradeReview>section>div{flex-wrap:wrap}
.pineapple-os #pbTradeReview button{flex:1 1 140px;min-height:44px;padding:11px 16px!important;border:1.5px solid var(--line)!important;border-radius:12px!important;background:var(--surface-2);color:var(--ink);font:800 14px Nunito,Arial,sans-serif;white-space:normal;cursor:pointer}
.pineapple-os #pbTradeReview button:last-child{background:#ffd467!important;color:#233e4d!important}
/* Native reviews/notices live outside application windows but share the OS theme. */
.pineapple-os{--os-overlay:rgba(21,39,44,.58);--os-action-bg:#ffd467;--warn:var(--accent)}
.pineapple-os :is(#pbTradeReview,#pbBuyReview),.pineapple-os .sharemodal{background:var(--os-overlay)!important}
.pineapple-os .stepup-dialog::backdrop{background:var(--os-overlay)}
.pineapple-os :is(#pbTradeReview,#pbBuyReview)>section{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:var(--shadow)!important}
.pineapple-os #pbBuyReview>section{max-height:calc(100dvh - 32px)!important;padding:clamp(16px,4vw,28px)!important;border-radius:20px!important;overflow-wrap:anywhere}
.pineapple-os #pbBuyReview h2{font:500 clamp(23px,5vw,30px)/1.2 var(--display);color:var(--ink)}
.pineapple-os #pbBuyReview h3{color:var(--ink)}
.pineapple-os #pbBuyReview :is(p,dt){color:var(--muted)!important}
.pineapple-os #pbBuyReview dl>div{border-color:var(--line)!important}
.pineapple-os #pbBuyReview button{min-height:44px;flex:1 1 140px;white-space:normal;border-radius:12px}
.pineapple-os #pbBuyReview button:not(.ghost),.pineapple-os #pbTradeReview button:last-child{background:var(--os-action-bg)!important;color:var(--accent-ink)!important}
.pineapple-os #pbTradeNotice{right:16px!important;bottom:16px!important;max-width:min(420px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px);overflow:auto;overflow-wrap:anywhere;box-sizing:border-box;background:var(--surface)!important;color:var(--ink)!important;box-shadow:var(--shadow)!important}
.pineapple-os #pbTradeNotice p{color:var(--muted)}
.pineapple-os :is(.sharebox,dialog,.stepup-dialog){border-color:var(--line);box-shadow:var(--shadow)}
.pineapple-os .sharechoices option{background:var(--surface);color:var(--ink)}
/* QR codes retain a white quiet zone; their caption needs dark ink in both themes. */
.pineapple-os .preference-qr figcaption{color:#233e4d}
.pineapple-os .fee-protection{background:var(--surface-2);color:var(--ink);border-color:var(--line)}
.pineapple-os .fee-protection :is(dt,p){color:var(--muted)}
.pineapple-os .fee-protection-state{background:var(--surface);color:var(--ink)}
.pineapple-os .fee-protection[data-fee-state=healthy] .fee-protection-state{background:color-mix(in srgb,var(--pos) 12%,var(--surface));color:var(--pos)}
.pineapple-os :is(.fee-protection[data-fee-state=low],.fee-protection[data-fee-state=empty]) .fee-protection-state{background:color-mix(in srgb,var(--warn) 12%,var(--surface));color:var(--warn)}
.pineapple-os .m-warn :is(.mvi,.mvbadge){color:var(--warn)}
.pineapple-os .m-warn{border-color:color-mix(in srgb,var(--warn) 45%,var(--line));background:color-mix(in srgb,var(--warn) 8%,var(--ground))}
.pineapple-os .m-warn .mvbadge{border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}

/* Approved Quiet referral shortcut: one unframed, account-bound copy target. */
.pineapple-os .os-referral-copy{appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;gap:7px;height:34px;min-height:0;min-width:126px;padding:0 6px;border:1px solid transparent;border-radius:9px;background:transparent;box-shadow:none;color:var(--ink);font:850 12px/1 Nunito,Arial,sans-serif;letter-spacing:.02em;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:background .15s}
.pineapple-os .os-referral-copy[hidden]{display:none}
.pineapple-os .os-referral-copy::after{content:"";position:absolute;inset:-5px 0}
.pineapple-os .os-referral-copy:hover{background:#e8eddf}
.pineapple-os[data-os-theme=dark] .os-referral-copy:hover{background:#34494f}
.pineapple-os .os-referral-copy:focus-visible{outline:3px solid #6c52a2;outline-offset:4px}
.pineapple-os[data-os-theme=dark] .os-referral-copy:focus-visible{outline-color:#dfc7ff}
.os-referral-icon{display:grid;place-items:center;width:16px;height:18px;flex:none}
.os-referral-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.os-referral-status{position:fixed;z-index:1200;bottom:110px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:9px 14px;border-radius:12px;background:var(--ink);color:var(--surface);font:800 13px Nunito,Arial,sans-serif;pointer-events:none}
.os-referral-status:empty{padding:0}
.os-referral-manual{box-sizing:border-box;max-width:calc(100vw - 32px);width:430px;padding:24px;border:1.5px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);font-family:Nunito,Arial,sans-serif}
.os-referral-manual::backdrop{background:var(--os-overlay)}
.os-referral-manual h2{margin:0 0 12px;font:600 24px Fredoka,Nunito,sans-serif}
.os-referral-manual input{box-sizing:border-box;width:100%;min-width:0;margin:6px 0 16px;padding:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;color:var(--ink)}
.os-referral-manual button{min-height:44px;padding:8px 18px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink);font-weight:800}
@media(prefers-reduced-motion:reduce){.pineapple-os .os-referral-copy{transition:none}}
@media(min-width:768px){.pineapple-os>header{width:min(1180px,calc(100% - 40px))}}
@media(max-width:1200px){.pineapple-os header .os-version,.pineapple-os header .os-clock{display:none}.pineapple-os header .topin{gap:10px}}
@media(max-width:900px){.pineapple-os header .os-guide-button{display:none}}
@media(max-width:600px){.pineapple-os header .topin{gap:5px}}
@media(max-width:480px){.pineapple-os .os-referral-copy{min-width:113px;padding:0 3px;font-size:11px}}
@media(max-width:480px){.pineapple-os header .brand b{display:none}}
@media(max-width:360px){.pineapple-os header .topin{padding:0 5px;gap:3px}.pineapple-os .os-desktop-button{padding-inline:3px}}

/* Phone cards prioritize readable current state; funding history stays in More info. */
.studio-retry-action{margin:10px 0 14px}.studio-retry-action .btn{min-height:44px}
@media(max-width:767px){
 .pineapple-os .os-bot-deck .panel.bot{padding:16px}
 .os-bot-deck .bot .row1{gap:10px;margin-bottom:16px}
 .os-bot-deck .bot .row1::before{inset:-16px -16px -8px}
 .pineapple-os .os-bot-deck .bot .nm{font-size:20px;line-height:1.2}
 .os-bot-deck .bot .studio-name-row .sub,.os-bot-deck .studio-chain{font-size:11px}
 .os-bot-deck .bot .statgrid.four.studio-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
 .os-bot-deck .bot .studio-metrics>.studio-starting{display:none}
 .os-bot-deck .bot .studio-metrics>div{padding:12px}
 .pineapple-os .os-bot-deck .bot .studio-metrics .k{font-size:11px;line-height:1.4;letter-spacing:.03em}
 .pineapple-os .os-bot-deck .bot .studio-metrics .v{font-size:20px;line-height:1.3;margin-top:6px;overflow-wrap:normal}
 .os-bot-deck .bot .studio-metrics .vsub{font-size:12px;line-height:1.5;margin-top:6px}
 .os-bot-deck .bot .studio-status .vsub>.dim{display:block}
 .pineapple-os .os-bot-deck .bot .studio-metrics .studio-banked{padding:12px;gap:12px}
 .pineapple-os .os-bot-deck .bot .studio-banked .v{font-size:30px;line-height:1.2}
 .os-bot-deck .bot .studio-metrics .studio-banked .vsub{font-size:12px;line-height:1.5}
 .pineapple-os .os-bot-deck .studio-progress,.pineapple-os .os-bot-deck .studio-progress svg{width:54px;height:54px;flex-basis:54px}
 .os-bot-deck .studio-panels{margin-top:16px}
 .os-bot-deck .studio-panel-buttons button{height:44px;font-size:14px}
 .os-bot-deck .bot .ctl.studio-primary-actions{margin-top:12px;gap:10px}
 .os-bot-deck .studio-primary-actions>.btn,.os-bot-deck .studio-more>button{height:44px;min-height:44px;font-size:14px}
 .os-bot-deck .studio-action-menu .btn{min-height:44px;font-size:14px}
 .os-bot-deck .bot>.note{padding:12px;margin:12px 0;font-size:13px;line-height:1.5}
 .os-bot-deck .studio-retry-action .btn{width:100%;min-height:44px;font-size:14px}
}

@media(max-width:767px){
 .os-bot-deck .bot .row1{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;column-gap:10px;row-gap:6px}
 .os-bot-deck .bot .row1>.studio-identity{grid-column:2;grid-row:1;min-width:0}
 .os-bot-deck .bot .cardtop{display:contents}
 .os-bot-deck .bot .cardtop>.sharebtn{grid-column:3;grid-row:1;min-height:44px}
 .os-bot-deck .bot .cardtop>.status{grid-column:2/-1;grid-row:2;justify-self:start;max-width:100%;font-size:11px;line-height:1.4;overflow-wrap:normal}
 /* Exact stop, dip and profit levels remain in the native More info panel. */
 .os-bot-deck .strategy-rail{display:block}
 .os-bot-deck .strategy-instrument-top{padding-bottom:4px}
}

/* Identity, balances and utilities remain visible in a deliberate reading order. */
.os-account-balances{display:flex;align-items:center;gap:16px;margin-inline:auto;font-variant-numeric:tabular-nums}
.os-account-balances[hidden]{display:none}
.os-account-balances>div{display:flex;flex-direction:column;gap:2px;white-space:nowrap;font-size:14px;font-weight:900}
.os-account-balances>div+div{border-left:1px solid var(--line);padding-left:16px}
.os-account-balances .os-balance-label{font-size:10px;font-weight:750;color:var(--muted)}
.pineapple-os header:has(.os-account-balances:not([hidden])){width:min(1040px,calc(100% - 40px))}
.pineapple-os header:has(.os-account-balances:not([hidden])) .topin{gap:12px}
.pineapple-os header:has(.os-account-balances:not([hidden])) .os-version{display:none}
.pineapple-os header:has(.os-account-balances:not([hidden])) .live{display:inline-flex;gap:6px;flex:0 1 170px;min-width:0;max-width:170px;margin:0;font-size:12px;letter-spacing:0}
.pineapple-os header .os-theme-button{color:#233e4d}
.pineapple-os header #acctLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pineapple-os header:has(.os-account-balances:not([hidden])) .os-clock{display:block;flex:none;font-size:11px}
.pineapple-os header:has(.os-account-balances:not([hidden])) #logoutBtn{margin:0;flex:none}
@media(min-width:1101px) and (max-width:1400px){
 .pineapple-os header:has(.os-account-balances:not([hidden])) .os-guide-button{display:none}
 .pineapple-os header:has(.os-account-balances:not([hidden])) .brand b{display:none}
}
@media(max-width:1100px){
 .pineapple-os header:has(.os-account-balances:not([hidden])){height:132px;border-radius:20px}
 .pineapple-os header:has(.os-account-balances:not([hidden])) .topin{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto 30px 58px;grid-template-rows:34px 44px 30px;gap:4px 8px;align-content:center;padding:6px 12px}
 .pineapple-os header:has(.os-account-balances:not([hidden])) .brand{grid-row:1;grid-column:1}
 .pineapple-os header:has(.os-account-balances:not([hidden])) .brand b{display:none}
 .pineapple-os header:has(.os-account-balances:not([hidden])) .live{grid-row:1;grid-column:2/5;max-width:none}
 .pineapple-os header:has(.os-account-balances:not([hidden])) .os-theme-button{grid-row:1;grid-column:5}
 .pineapple-os header:has(.os-account-balances:not([hidden])) #logoutBtn{grid-row:1;grid-column:6;font-size:10px;padding:4px 6px}
 .os-account-balances{grid-row:2;grid-column:1/-1;justify-content:center;gap:24px;margin:0;border-block:1px solid color-mix(in srgb,var(--line) 35%,transparent);height:100%}
 .os-account-balances>div{font-size:15px}
 .os-account-balances>div+div{padding-left:24px}
 .os-account-balances .os-balance-label{font-size:10px}
 .pineapple-os header:has(.os-account-balances:not([hidden])) .os-desktop-button,.pineapple-os header:has(.os-account-balances:not([hidden])) .os-recovery-button{grid-row:3;grid-column:1/3;justify-self:start;font-size:11px;padding:4px 0;max-width:none}
 .pineapple-os header:has(.os-account-balances:not([hidden])) .os-desktop-button{display:block}
 .pineapple-os header .topin:has(.os-recovery-button:not([hidden])) .os-desktop-button{display:none}
 .pineapple-os header:has(.os-account-balances:not([hidden])) .os-guide-button{display:none}
 .pineapple-os header:has(.os-account-balances:not([hidden])) .os-referral-copy{grid-row:3;grid-column:3/5;min-width:0;padding:0;gap:5px;font-size:11px;height:30px}
 .pineapple-os header:has(.os-account-balances:not([hidden])) .os-clock{grid-row:3;grid-column:5/7;justify-self:end;font-size:10px}
 .pineapple-os.os-ready nav.tabs{top:167px}
 .pineapple-os.os-ready.os-personalized .os-pane:not([data-os-module=welcome]){top:168px!important;max-height:calc(100dvh - 276px)!important}
}
@media(max-width:767px){
 .pineapple-os header:has(.os-account-balances:not([hidden])){width:auto}
}
@media(max-width:360px){
 .pineapple-os header:has(.os-account-balances:not([hidden])) .topin{padding-inline:8px;column-gap:5px}
 .os-account-balances{gap:16px}
 .os-account-balances>div+div{padding-left:16px}
}

/* Native and Studio components inherit OS roles, including their specific states.
   Artwork and the QR quiet zone deliberately retain their own colours. */
.pineapple-os{
 --os-focus:#1757a6;--os-on-positive:#fffdf2;--os-notice:#f6edcd;
 --os-notice-ink:#65542c;--os-error:#f7dcd3;--os-error-ink:#92372e;
 --os-tone-blue:#b9dcf1;--os-tone-lavender:#d8c8f1;--crown:var(--pos);
}
.pineapple-os[data-os-theme=dark]{
 --os-focus:#ffd467;--os-on-positive:#233e4d;--os-notice:#50472e;
 --os-notice-ink:#ffe1a0;--os-error:#563d3e;--os-error-ink:#ffb8ac;
}
.pineapple-os :is(button,a,summary,input,select,textarea,[tabindex]):focus-visible{outline-color:var(--os-focus)}
.pineapple-os a{color:var(--accent-strong)}
.pineapple-os .dexlink{color:var(--accent)}
.pineapple-os .saved-strategy[data-phase=dip] .strategy-puck{background:var(--os-action-bg)}
.pineapple-os .saved-strategy[data-phase=trail] .strategy-puck{background:var(--pos)}
.pineapple-os .saved-strategy[data-phase=stopped] .strategy-puck{background:var(--neg)}
.pineapple-os :is(.discgroup.risk,.m-sell .mvi,.m-sell .mvn b,.tag.cost,.p-mid){color:var(--warn)}
.pineapple-os :is(.tag.cost,.p-mid){background:color-mix(in srgb,var(--warn) 14%,transparent)}
.pineapple-os :is(.gradbadge,.pseg.bank,.pseg.eth,.split-bar .bank){color:var(--os-on-positive)}
.pineapple-os .pseg.comp{background:var(--os-tone-blue);color:var(--accent-ink)}
.pineapple-os :is(.pseg.vault,.split-bar .comp,.stepnum){background:var(--os-action-bg);color:var(--accent-ink)}
.pineapple-os .axmark{border-color:var(--surface)}
.pineapple-os .token-logo{background:var(--os-action-bg);color:var(--accent-ink)}
.pineapple-os :is(.discovery-market-filters select,.discovery-market-filters input){border-color:var(--line)}
.pineapple-os .discovery-market-filters option{background:var(--surface);color:var(--ink)}
.pineapple-os [data-pb-style=pb-s84]{border-color:var(--neg);background:var(--os-error);color:var(--os-error-ink)}
/* OS secondary modules previously kept their light-only text and card colours. */
.pineapple-os :is(.os-bot-name span,.os-bot-value span,.os-tip p,.os-draft p,.os-wallet-feature p,.os-history-list article span:not(.os-event-icon),.os-guide-intro,.os-faq p,.os-setting p,.os-toggle-row small,.os-state-picker small){color:var(--muted)}
.pineapple-os .os-reference-links a,.pineapple-os .os-wallet-ledger>div:last-child{color:var(--accent-strong)}
.pineapple-os .os-info{background:var(--os-notice);color:var(--os-notice-ink);border-color:var(--line)}
.pineapple-os[data-os-theme=dark] :is(.os-tip,.os-draft,.os-wallet-feature,.os-status-button){background:var(--surface-2);border-color:var(--line);color:var(--ink)}
.pineapple-os[data-os-theme=dark] .os-status-button.running{background:#2e4b3e;color:var(--pos);border-color:var(--line)}
.pineapple-os[data-os-theme=dark] .os-draft input{background:var(--ground);color:var(--ink);border-color:var(--line)}
.pineapple-os :is(.os-wallet-ledger>div,.os-history-list article,.os-faq,.os-setting){border-color:var(--line)}
.pineapple-os .os-toggle-row input{accent-color:var(--pos)}