.ma2{--ma2-ink:#eaf0ec;--ma2-muted:#94a6a9;--ma2-line:#2a383c;--ma2-panel:#10181c;--ma2-accent:#bfdf65;color:var(--ma2-ink);background:var(--ma2-panel);border:1px solid var(--ma2-line);border-radius:16px;padding:18px;min-width:0;font-size:13px;line-height:1.5}
.ma2 h3,.ma2 h4,.ma2 p{margin:0}.ma2 h3{font-size:18px}.ma2 h4{font-size:14px}.ma2-header,.ma2-settings>header,.ma2-statistics>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.ma2-note,.ma2 small{color:var(--ma2-muted);font-size:11px}.ma2 .ma2-note{margin:7px 0}.ma2-button{min-height:44px;padding:8px 12px;border:1px solid var(--ma2-line);background:#152127;color:var(--ma2-ink);border-radius:9px;cursor:pointer;font:inherit;white-space:normal}.ma2-button.primary{background:var(--ma2-accent);color:#172113;border-color:var(--ma2-accent);font-weight:700}.ma2-button:disabled{opacity:.42;cursor:not-allowed}.ma2-button[aria-pressed="true"]{border-color:var(--ma2-accent)}.ma2-button:focus-visible,.ma2 select:focus-visible,.ma2 input:focus-visible,.ma2 summary:focus-visible{outline:2px solid var(--ma2-accent);outline-offset:3px}
.ma2 label{display:flex;flex-direction:column;gap:5px;min-width:0}.ma2 select{min-height:44px;max-width:100%;padding:8px 10px;background:#0c1418;color:var(--ma2-ink);border:1px solid var(--ma2-line);border-radius:8px;font:inherit}.ma2-toggle{flex-direction:row!important;align-items:center;min-height:44px;gap:10px!important}.ma2-toggle input{width:20px;height:20px;flex:none;accent-color:var(--ma2-accent)}.ma2-settings,.ma2-statistics{margin-top:18px;padding-top:16px;border-top:1px solid var(--ma2-line)}.ma2-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.ma2-error{color:#f2b3b8;margin:10px 0!important}.ma2-save-status{color:#d4debc;margin-top:12px!important;overflow-wrap:anywhere}
.ma2-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.ma2-metrics>div{background:#0c151a;border:1px solid var(--ma2-line);border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:5px}.ma2-metrics span{color:var(--ma2-muted);font-size:11px}.ma2-metrics strong{font-size:25px;font-weight:650}.ma2-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ma2-chart{min-width:0;padding:12px;background:#0c151a;border:1px solid var(--ma2-line);border-radius:11px;color:#8ad0d1}.ma2-chart:first-child{color:var(--ma2-accent)}.ma2-chart h4{color:var(--ma2-ink)}.ma2-chart svg{display:block;width:100%;height:auto;margin-top:10px}.ma2 details{margin-top:12px}.ma2 summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;color:var(--ma2-ink)}.ma2 table{border-collapse:collapse;width:100%;font-size:12px}.ma2 caption{text-align:left;margin:10px 0;color:var(--ma2-muted)}.ma2 td,.ma2 th{text-align:left;border-bottom:1px solid var(--ma2-line);padding:9px 6px}.ma2 td:last-child,.ma2 th:last-child{text-align:right}.ma2 td strong,.ma2 td small{display:block;overflow-wrap:anywhere}.ma2 td small{font:10px ui-monospace,monospace}.ma2-boards{border-top:1px solid var(--ma2-line);padding-top:8px}
@media(max-width:650px){.ma2{padding:14px}.ma2-header,.ma2-statistics>header,.ma2-settings>header{align-items:flex-start;flex-wrap:wrap}.ma2-charts{grid-template-columns:minmax(0,1fr)}.ma2-statistics>header label{width:100%}.ma2-metrics strong{font-size:22px}.ma2-button{font-size:12px}.ma2-toggle{line-height:1.4}}