:root{color-scheme:dark;--bg:#080e1a;--panel:#101a2d;--panel2:#141f33;--stroke:#283650;--ink:#f0f5ff;--muted:#91a2bc;--blue:#4a9bff;--mint:#39dfa9;--red:#ff7280}*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}body{margin:0;background:radial-gradient(ellipse at 20% -12%,#152e53 0%,transparent 48%),var(--bg);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}.page{max-width:850px;margin:auto;padding:0 22px 32px}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px}.mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(155deg,#337fe9,#153866);font-weight:900;font-size:24px;letter-spacing:-3px}.dot{color:var(--mint)}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:19px;letter-spacing:1.5px}.brand-copy small{color:var(--muted);font-size:11px}.status{display:flex;align-items:center;gap:8px;background:#1d293a;border:1px solid #30405a;border-radius:100px;padding:9px 14px;font-size:12px;font-weight:750;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:100%;background:#e7b055;box-shadow:0 0 11px #e7b05588}.status.on{color:#adffdf;background:#143128;border-color:#2d6251}.status.on .status-dot{background:var(--mint);box-shadow:0 0 11px #36ecad99}.status.off{color:#b3c2d5}.status.off .status-dot{background:#8192ae;box-shadow:none}main{display:grid;gap:18px}.panel{background:linear-gradient(145deg,#121e31 0%,#0f192b 100%);border:1px solid var(--stroke);border-radius:22px;box-shadow:0 20px 50px #02071226;padding:26px}.controller{padding:30px}.headcopy{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:1.8px;color:#7eb7ff}.headcopy h1{font-size:31px;letter-spacing:-1px;line-height:1.18;margin:9px 0 7px;font-weight:800}.headcopy p{color:var(--muted);font-size:13px;margin:0}.method{background:#16352c;border:1px solid #286c58;color:#81eec6;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:850;letter-spacing:1px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.fields label{display:block;color:var(--ink);font-size:13px;font-weight:740}.fields label>span:first-of-type{font-weight:450;color:var(--muted);float:right;font-size:12px}.input-wrap{display:flex;position:relative;margin-top:12px}.input-wrap input{width:100%;height:62px;min-width:0;appearance:textfield;border-radius:13px;border:1px solid #364867;background:#091526;color:var(--ink);font-size:26px;font-weight:800;padding:8px 65px 8px 18px;outline:none;transition:border-color .2s,box-shadow .2s}.input-wrap input::-webkit-inner-spin-button,.input-wrap input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-wrap input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #4a9bff20}.unit{position:absolute;right:17px;top:50%;transform:translateY(-50%);color:#8ca7c9;font-weight:800;font-size:15px;pointer-events:none}.exposure{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #273550;padding:21px 2px 20px;color:var(--muted);font-size:12px;align-items:center}.exposure strong{color:var(--ink);font-size:18px;font-variant-numeric:tabular-nums}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:21px}.buttons button{min-height:56px;border:1px solid transparent;border-radius:13px;font-size:15px;font-weight:900;letter-spacing:.8px;transition:transform .15s,filter .15s}.buttons button:active{transform:scale(.98)}.buttons .start{background:linear-gradient(135deg,#2ae6aa,#15a98b);color:#04251c}.buttons .stop{background:#2c2637;color:#ff8392;border-color:#654454}.buttons .start:hover:not(:disabled){filter:brightness(1.05)}.buttons .stop:hover:not(:disabled){border-color:#ff8392}.symbol{font-size:11px;margin-right:8px}.hint{font-size:11px;color:#869dbb;line-height:1.65;margin:17px 0 0}.feedback{font-size:12px;color:#8ad6ff;min-height:15px;line-height:1.5;margin:12px 0 0}.feedback.error{color:#ff8c99}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.section-heading h2{font-size:22px;letter-spacing:-.5px;margin:8px 0 0}.counter{font-size:12px;font-weight:800;color:#9eb6d5;background:#1d2a42;border:1px solid #354764;padding:7px 12px;border-radius:99px}.empty{margin:12px 0;color:#8f9eb7;text-align:center;padding:25px 5px;font-size:13px}.history-scroll{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.history-table th{color:#7791b4;font-size:10px;letter-spacing:1.1px;font-weight:800;text-transform:uppercase;padding:0 12px 12px;border-bottom:1px solid #2b3750;white-space:nowrap}.history-table td{padding:17px 12px;border-bottom:1px solid #233149;font-variant-numeric:tabular-nums;white-space:nowrap}.history-table tr:last-child td{border-bottom:0}.coin{font-weight:800;color:#e7f1ff}.long{color:#61dfb2}.short{color:#ff8d9b}.positive{color:#4fe0a6;font-weight:800}.negative{color:#ff7185;font-weight:800}.neutral{color:#d1d9e7}.journal{display:grid;gap:0}.entry{display:grid;grid-template-columns:15px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid #233149}.entry:last-child{border:0}.event-dot{height:8px;width:8px;margin:5px 0 0 1px;border-radius:50%;background:#669dd2;box-shadow:0 0 0 4px #17304b}.entry.start .event-dot,.entry.ack .event-dot{background:#41d7a2;box-shadow:0 0 0 4px #164334}.entry.stop .event-dot,.entry.unknown .event-dot{background:#f98590;box-shadow:0 0 0 4px #472633}.entry h3{font-size:12px;font-weight:780;letter-spacing:.3px;margin:0 0 6px;color:#dbe9ff}.entry p{font-size:12px;line-height:1.55;color:#8fa7c6;margin:0;overflow-wrap:anywhere}.entry time{color:#7187a7;font-size:11px;white-space:nowrap;margin-top:1px}footer{margin:25px 3px 0;color:#607592;font-size:11px;text-align:center}button:focus-visible{outline:3px solid #80b7ff;outline-offset:3px}@media(max-width:570px){.page{padding:0 13px 24px}.topbar{height:80px}.panel{border-radius:17px;padding:20px}.controller{padding:23px 19px}.headcopy h1{font-size:27px}.fields{gap:10px;margin-top:26px}.fields label{font-size:12px}.input-wrap input{height:59px;padding-left:12px;padding-right:44px;font-size:23px}.unit{right:10px;font-size:12px}.buttons{gap:9px}.buttons button{min-height:53px;font-size:14px}.history-table th,.history-table td{padding-left:7px;padding-right:10px}.history-table{font-size:12px}.entry{grid-template-columns:10px minmax(0,1fr);gap:9px}.entry time{grid-column:2;margin-top:-3px}.section-heading h2{font-size:20px}}
.panel-tabs{display:flex;gap:8px;margin:0 0 20px;flex-wrap:wrap}.panel-tabs a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid var(--stroke);border-radius:11px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:750}.panel-tabs a[aria-current=page]{color:var(--ink);background:#1a3555;border-color:#4a9bff}.panel-tabs a:focus-visible{outline:3px solid #80b7ff;outline-offset:3px}

.dual-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:10px 0}
.dual-card{border:1px solid rgba(128,146,180,.22);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}
.dual-card div{display:flex;flex-direction:column;gap:6px}
.dual-card small{opacity:.7;font-size:.78rem}
.dual-card strong{font-size:.77rem}
.signal-group{margin:10px 0 15px}
.signal-group h3{font-size:1rem;margin:8px 0}
.dual-coin-grid{margin:5px 0}

#coinsOverview{display:block}
#coinsOverview .dual-coin-grid{display:grid}