:root{color-scheme:dark;--bg:#0b0e13;--panel:#121720;--border:#242c38;--text:#e8edf4;--muted:#8390a3;--gold:#d9b86d;--green:#62d4a2;--red:#f07880}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:1560px;padding:32px 40px;margin:auto}header,.brand,.sectionhead,.chartbar,.chartfoot,.ledgerbar,footer,.paging{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{justify-content:flex-start}.mark{width:48px;height:48px;border:1px solid #685c3b;border-radius:12px;display:grid;place-items:center;color:var(--gold);font:600 24px Georgia;background:#211e17}h1{font-size:23px;margin:0;letter-spacing:-.5px}h1 span{font-weight:400;color:#8b96a7}p{margin:7px 0;color:var(--muted)}.readonly{font-size:10px;letter-spacing:1.4px;color:#a6b3c4;border:1px solid var(--border);padding:9px 12px;border-radius:30px}button,select{font:inherit;color:var(--muted);background:transparent;border:1px solid transparent;cursor:pointer;border-radius:6px;padding:9px 14px}button:hover{background:#202936;color:var(--text)}button:focus-visible,select:focus-visible{outline:2px solid var(--gold)}button.active{color:var(--text);background:#27303c}button:disabled{opacity:.3;cursor:default}.accounts{display:flex;border-bottom:1px solid var(--border);margin-top:32px;gap:16px}.accounts button{padding:18px 18px;border-radius:0;font-size:16px;border-bottom:2px solid transparent}.accounts button.active{background:transparent;border-bottom-color:var(--gold);color:var(--gold)}.accounts span{font-size:9px;letter-spacing:1px;margin-left:18px;color:var(--muted)}.sectionhead{margin:25px 0 18px}.sectionhead h2{font-size:17px;margin:0}#status{font-size:12px;color:var(--muted)}#status.live{color:var(--green)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metrics article{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:21px}label{display:block;color:var(--muted);font-size:12px}strong{font-variant-numeric:tabular-nums}.metrics strong{display:block;font-size:29px;letter-spacing:-.5px;margin:12px 0}.metrics small{color:var(--muted);font-size:11px}.periods{display:grid;grid-template-columns:repeat(4,1fr);background:#10151c;border:1px solid var(--border);border-radius:9px;margin-top:16px;padding:19px 0}.periods>div{padding:0 22px;border-right:1px solid var(--border)}.periods>div:last-child{border:0}.periods label{font-size:10px;letter-spacing:1px}.periods strong{display:block;font-size:21px;margin-top:9px}.positive{color:var(--green)}.negative{color:var(--red)}.note{font-size:11px;margin:12px 0 22px}.terminal,.ledger{border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--panel)}.chartbar{padding:12px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.muted{color:var(--muted);font-size:10px;letter-spacing:1px;margin-left:6px}#quote{margin-left:22px;color:var(--gold);font-variant-numeric:tabular-nums}.frames{display:flex;gap:3px}.frames button{padding:6px 10px;font-size:12px}#chart{height:475px;background:#080c11}.chartfoot{font-size:10px;color:var(--muted);padding:12px 16px;border-top:1px solid var(--border);flex-wrap:wrap}.chartfoot i{display:inline-block;width:13px;height:2px;vertical-align:middle;margin:0 6px 0 12px}.chartfoot i:first-child{margin-left:0}.blue{background:#73aafa}.red{background:var(--red)}.green{background:var(--green)}.ledger{margin-top:23px}.ledgerbar{padding:12px 16px;border-bottom:1px solid var(--border)}.views{display:flex;gap:8px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}th{padding:13px 18px;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.5px;background:#10151d}td{padding:15px 18px;border-top:1px solid #202733;font-size:12px}th:first-child,td:first-child{text-align:left}#empty{text-align:center;padding:42px;color:var(--muted)}.badge{font-size:10px;font-weight:600;padding:4px 7px;border-radius:4px;background:#1e2936;color:#86b8ff}.badge.sell{background:#312128;color:#ef8c95}select{background:#151c27;border-color:var(--border);font-size:12px}.paging{justify-content:center;padding:10px;color:var(--muted);font-size:12px}[hidden]{display:none!important}footer{color:#647186;font-size:10px;margin:20px 0;flex-wrap:wrap}a{color:#92a0b5;text-decoration:none}a:hover{text-decoration:underline}@media(max-width:760px){main{padding:20px 14px}.metrics{grid-template-columns:repeat(2,1fr);gap:9px}.metrics article{padding:14px}.metrics strong{font-size:23px}.periods{grid-template-columns:repeat(2,1fr);gap:20px}.periods>div:nth-child(2){border:0}.accounts{gap:0}.accounts button{flex:1;padding:16px 7px}.accounts span{display:none}.readonly{font-size:8px;padding:7px}.brand{gap:9px}h1{font-size:19px}header p{font-size:11px}.mark{width:38px;height:38px;font-size:21px}.chartbar{gap:13px}#chart{height:390px}.chartbar>div:first-child{width:100%}.frames{width:100%;justify-content:flex-end}.ledgerbar{align-items:flex-start;flex-direction:column}.views button{font-size:12px;padding:8px}#chartinfo{font-size:9px}.periods strong{font-size:20px}}

#pinDialog{color:#e3e8ed;background:#111923;border:1px solid #334155;border-radius:14px;padding:28px;width:min(360px,85vw)}#pinDialog::backdrop{background:rgba(0,0,0,.75)}#pinDialog h2{margin-top:0}#pinDialog label{display:block;margin:20px 0 8px}#spherePin{box-sizing:border-box;width:100%;padding:12px;font-size:24px;letter-spacing:12px;color:#fff;background:#080c11;border:1px solid #52637a;border-radius:6px}#pinError{color:#f07880;min-height:22px}.pin-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.pin-actions button,#lockSphere{padding:9px 14px;background:#1b293a;color:#e3e8ed;border:1px solid #334155;border-radius:6px;cursor:pointer}#pinSubmit{background:#245986!important}#lockSphere[hidden]{display:none}


.ledgerbar h3{font-size:14px;margin:0;font-weight:600}#historyempty{padding:24px;color:#8d9aab;text-align:center}

.metrics.has-initial{grid-template-columns:repeat(5,minmax(0,1fr))}#initialInvestmentCard{border-color:#655534}#initialInvestment{color:var(--gold)}@media(max-width:1100px){.metrics.has-initial{grid-template-columns:repeat(2,minmax(0,1fr))}#initialInvestmentCard{grid-column:1/-1}}

.participants{margin:18px 0 24px}.participants .ledgerbar p{font-size:11px;margin:6px 0 0}.participants td:first-child{font-weight:600}.participants tfoot{background:#10151d;font-weight:600}.participants tfoot th{font-size:12px;letter-spacing:0}.participant-note{font-size:11px;padding:12px 18px;margin:0;border-top:1px solid var(--border)}

.history-table th:first-child,.history-table td:first-child{position:sticky;left:0;z-index:1;background:#121720;box-shadow:1px 0 0 var(--border);min-width:125px;font-weight:600;text-align:right}.history-table th:first-child{background:#10151d}.history-table th:nth-child(2),.history-table td:nth-child(2){text-align:left}@media(max-width:760px){.history-table th,.history-table td{padding:12px}.history-table th:first-child,.history-table td:first-child{min-width:115px}}
/* Compact account overview: indicators left, participants right. */
.overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.95fr);gap:14px;align-items:start;margin-bottom:18px}
.overview:has(#participants[hidden]){grid-template-columns:1fr}
.overview-primary{min-width:0}
.overview .metrics,.overview .metrics.has-initial{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.overview .metrics article{padding:12px;min-width:0}
.overview #initialInvestmentCard{grid-column:auto}
.overview .metrics label{font-size:10px}
.overview .metrics strong{font-size:21px;margin:8px 0 4px;letter-spacing:-.4px;white-space:nowrap}
.overview .metrics small{font-size:9px;line-height:1.3;display:block}
.overview .periods{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:12px 0;margin-top:8px}
.overview .periods>div{padding:0 10px}
.overview .periods label{font-size:8px;letter-spacing:.4px}
.overview .periods strong{font-size:16px;margin-top:6px;white-space:nowrap}
.overview .note{font-size:9px;line-height:1.4;margin:8px 0 0}
.overview .participants{margin:0;min-width:0}
.overview .participants .ledgerbar{padding:10px 12px;display:block}
.overview .participants h3{font-size:12px}
.overview .participants .ledgerbar p{font-size:9px;margin-top:4px}
.overview .participants .badge{display:none}
.overview .participants table{table-layout:fixed}
.overview .participants th,.overview .participants td{padding:6px 9px;font-size:11px;letter-spacing:0}
.overview .participants thead th{font-size:9px;white-space:normal}
.overview .participants th:first-child,.overview .participants td:first-child{width:19%}
.overview .participants .participant-note{padding:8px 12px;font-size:9px;line-height:1.3}
@media(min-width:1400px){.overview{grid-template-columns:minmax(0,1.35fr) minmax(380px,1fr)}.overview .metrics.has-initial{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:681px) and (max-width:900px){main{padding:20px 14px}.overview{gap:10px;grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}.overview .metrics article{padding:9px}.overview .metrics strong{font-size:18px}.overview .periods strong{font-size:13px}.overview .periods>div{padding:0 6px}}
@media(max-width:680px){.overview{grid-template-columns:1fr;gap:10px}.overview .metrics strong{font-size:19px}.overview .participants th,.overview .participants td{padding:6px 10px}.overview .periods strong{font-size:15px}}