/* Uses the existing Qualiq palette and typography. */
.earn-choice.earn-soon{color:var(--muted);filter:grayscale(1);opacity:.6;cursor:not-allowed}
.asset-identity img[src$="/QQQ.png"]{background:#172334}
[hidden]{display:none!important}.q-nav nav{align-items:center}.q-nav nav a{padding:10px;color:var(--ink-2)}
.earn-toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:12px 0 22px}.earn-toolbar button,.earn-toolbar input,dialog button,dialog input,dialog select{background:var(--bg-2);border:1px solid var(--rule);color:var(--ink);border-radius:6px;padding:10px;font:inherit}.earn-toolbar button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.earn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.earn-card{padding:22px;border:1px solid var(--rule);border-radius:10px;background:var(--bg-2)}.asset-identity{display:flex;gap:12px;align-items:center;margin-bottom:20px}.asset-identity img{width:38px;height:38px;object-fit:contain;border-radius:50%;background:white}.asset-identity strong{display:block;font-size:19px;font-weight:500}.asset-identity small{display:block;color:var(--muted);font-size:11px}.earn-choice{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:19px 0;text-align:left;border:0;border-top:1px solid var(--rule);background:none;color:var(--ink)}.earn-choice small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.earn-choice strong{font-size:21px;color:var(--accent);font-weight:500}.earn-choice>span:last-child{text-align:right}.earn-choice:hover{color:var(--accent)}.earn-card>.q-caption{margin:10px 0 0;font-size:10px}
.managed-soon{display:flex;justify-content:space-between;gap:25px;align-items:center;border:1px dashed var(--rule);border-radius:10px;margin:28px 0;padding:25px;color:var(--muted);background:var(--bg-2);filter:grayscale(1)}.managed-soon h2{font-size:23px;color:var(--muted)}.managed-soon p,.managed-soon small{font-size:12px;max-width:72ch;line-height:1.8}.managed-soon button{padding:12px;white-space:nowrap;background:transparent;border:1px solid var(--rule);color:var(--muted);border-radius:6px}
details{margin:22px 0;border-top:1px solid var(--rule);padding:18px 0;color:var(--muted);font-size:12px;line-height:1.9}summary{cursor:pointer;color:var(--ink-2)}details a{color:var(--accent)}dialog{max-width:620px;width:calc(100% - 28px);max-height:92vh;overflow:auto;border:1px solid var(--rule);border-radius:14px;background:var(--bg);color:var(--ink);padding:26px}dialog::backdrop{background:#000b}.ticket-top{display:flex;justify-content:space-between;align-items:start}.ticket-top .asset-identity{margin:0}dialog h2{font-size:27px;font-weight:400;margin:24px 0 12px}dialog p{font-size:12px;line-height:1.8;color:var(--muted)}.ticket-inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.ticket-inputs label{font-size:11px;color:var(--muted)}.ticket-inputs input,.ticket-inputs select{display:block;width:100%;margin-top:8px}.income-head{margin:24px 0}.income-head strong{display:block;font-size:40px;color:var(--accent);font-weight:400}.income-head span{font-size:11px;color:var(--muted)}.ticket-facts>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--rule);font-size:12px}.ticket-facts span{color:var(--muted)}dialog h3{font-size:13px;margin-top:26px}.outcomes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.outcome{padding:17px;border:1px solid var(--rule);border-radius:8px}.outcome small{display:block;color:var(--muted);font-size:11px}.outcome b{display:block;color:var(--accent);font-size:15px;margin:12px 0}.consent{display:flex;gap:10px;font-size:12px;line-height:1.8;margin:20px 0;align-items:start}.consent input{margin-top:5px;accent-color:var(--accent)}#add-position{width:100%;background:var(--accent);color:var(--bg);border:0}.position-card{padding:22px;margin-bottom:18px;border:1px solid var(--rule);border-radius:10px}.position-card h2{font-size:19px}.position-card .outcomes{margin:16px 0}.position-card p{font-size:12px;color:var(--muted)}.methodology{margin-top:35px}.q-nav{flex-wrap:wrap}
@media(max-width:900px){.earn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.earn-grid{grid-template-columns:1fr}.q-shell{padding:0 18px}.q-nav{gap:12px;padding:15px 0}.q-nav nav{gap:2px}.q-nav button,.q-nav a{font-size:11px}.managed-soon{align-items:start;flex-direction:column}dialog{padding:20px}.outcomes{grid-template-columns:1fr}.ticket-inputs{gap:10px}.income-head strong{font-size:34px}}
/* Match the executable Earn app's retail skin. /app and /demo share this same public UI. */
:root{--bg:#090d0c;--bg-2:#101714;--bg-3:#1c2b23;--ink:#e5eee8;--ink-2:#c3d4c8;--muted:#99afa2;--accent:#adf7c4;--rule:#263b31;--rule-strong:#3c5849}
body{font:15px/1.5 system-ui,sans-serif}.q-shell{max-width:1240px;padding:0 24px}.q-nav{padding:24px 0;gap:28px}.q-nav .q-brand{font-size:29px;font-weight:600;color:var(--accent);border:0}.q-brand:after{content:none}.q-nav nav{margin-left:0;margin-right:auto}.q-nav button,.q-nav a{font-size:15px}.q-nav button{border-radius:9px;padding:10px 15px}.q-lead{padding:55px 0 35px}.q-lead h1{font-size:42px;font-weight:500;line-height:1.5;letter-spacing:-1.5px}.q-lead p{font-size:15px;color:var(--muted)}.q-label{color:var(--accent);letter-spacing:2px;font-size:11px}.earn-card{border-radius:17px;padding:24px}.earn-choice{padding:22px 0}.earn-choice strong{font-size:24px;font-weight:500}.earn-choice small{font-size:11px}.asset-identity strong{font-size:21px;font-weight:600}.asset-identity img{width:40px;height:40px}.earn-choice>span:first-child{font-size:16px}.earn-choice>span:first-child small{padding-left:38px}.earn-choice.earn-soon small{padding-left:0}.earn-grid{gap:20px}.income-head strong{font-weight:500}
#portfolio-summary{display:grid;grid-template-columns:90px 1fr 1fr;align-items:center;gap:24px;margin:0 0 34px;padding:24px;border:1px solid var(--rule);border-radius:14px;background:var(--bg-2)}#portfolio-summary>div>small{font-size:12px;color:var(--muted);display:block}#portfolio-summary>div>strong{font-size:29px;font-weight:500;display:block;margin-top:7px}#portfolio-summary>p{grid-column:1/-1;margin:0;font-size:10px;color:var(--muted);max-width:none}.portfolio-ring{width:82px;height:82px;padding:9px;border-radius:50%}.portfolio-ring>span{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-2);height:100%;width:100%;border-radius:50%;font-size:18px}.portfolio-ring small{font-size:9px;color:var(--muted)}
.portfolio-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:start}.portfolio-layout h2{font-size:21px;font-weight:500}.portfolio-payoff{padding:24px;background:var(--bg-2);border:1px solid var(--rule);border-radius:14px}.portfolio-payoff .payoff-widget{margin:12px 0 0;border-bottom:0}.holding-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;width:100%;text-align:left;border:1px solid var(--rule);border-radius:10px;background:var(--bg-2);margin:12px 0}.holding-row.active{border-color:var(--accent)}.holding-row .asset-identity{margin:0;grid-column:1/-1}.holding-row .asset-identity img{width:30px;height:30px}.holding-row .asset-identity strong{font-size:17px}.holding-row>span{font-size:13px}.holding-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.holding-income{text-align:right;color:var(--accent)}.holding-row .strategy-icon{width:20px;height:18px;margin-right:5px}
@media(max-width:800px){.portfolio-layout{grid-template-columns:1fr}.q-nav nav{width:auto}.q-lead h1{font-size:35px}.q-nav{flex-wrap:wrap;gap:12px}.q-nav a,.q-nav button{font-size:13px}.q-nav .q-brand{margin-right:auto}.q-nav nav{order:3;width:100%}.earn-choice strong{font-size:22px}}
@media(max-width:430px){#portfolio-summary{grid-template-columns:65px 1fr;gap:18px;padding:18px}#portfolio-summary>div:last-of-type{grid-column:2}.portfolio-ring{width:62px;height:62px;padding:7px}#portfolio-summary>div>strong{font-size:24px}.portfolio-payoff{padding:16px}.q-shell{padding:0 18px}}