.micro-arpeggio-trail{border-color:#366048;background:radial-gradient(circle at 90% 4%,#153a27 0,transparent 32%),linear-gradient(145deg,#08160f,#0b1118)}
.micro-arp-definition{margin:18px 0;padding:18px;border:1px solid #2f7450;border-radius:14px;background:#091e14}
.micro-arp-definition span,.micro-arp-definition strong{display:block}
.micro-arp-definition span,.micro-arp-card header span,.micro-arp-neck>span{color:#62f3a5;font-size:.7rem;font-weight:950;letter-spacing:.12em}
.micro-arp-definition strong{margin:5px 0;font-size:1.25rem}
.micro-arp-definition p,.micro-arp-card header p{margin:0;color:#aec1b7;line-height:1.55}
.micro-arp-toolbar{display:flex;align-items:center;gap:12px;margin:18px 0;padding:14px;border:1px solid #294b39;border-radius:13px;background:#06110b}
.micro-arp-toolbar label{display:flex;align-items:center;gap:10px;font-weight:850}
.micro-arp-toolbar input{accent-color:#45e89a}
.micro-arp-models{display:grid;gap:18px}
.micro-arp-card{padding:20px;border:1px solid #2c5f43;border-radius:17px;background:#050c08}
.micro-arp-card.playing{border-color:#61efaa;box-shadow:0 0 28px rgba(54,224,137,.13)}
.micro-arp-card header{display:flex;justify-content:space-between;gap:18px}
.micro-arp-card h3{margin:6px 0;font-size:1.35rem}
.micro-arp-card header>strong{color:#a5f7cb;white-space:nowrap}
.micro-chord-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}
.micro-chord-strip span{padding:9px;border:1px solid #2b5940;border-radius:10px;background:#0b1d13;text-align:center;font-weight:900}
.micro-arp-neck{margin-top:14px;padding:12px;border:1px solid #285f43;border-radius:13px;background:radial-gradient(circle at 50% 45%,#0b2016,#030b07 72%)}
.micro-arp-board{display:block;width:100%;height:auto}
.micro-arp-board line{stroke:#9db2a7;stroke-width:1.6}
.micro-arp-board .fret{stroke:#476351}
.micro-arp-board text{fill:#91a99d;font:800 11px system-ui;text-anchor:middle}
.micro-arp-board .fret-number{fill:#edf5ff;font-size:17px}
.micro-arp-note circle{fill:#25cf78;stroke:#9dffca;stroke-width:2;filter:drop-shadow(0 0 5px rgba(48,213,129,.38))}
.micro-arp-note text{fill:#04160d;font-size:10px;font-weight:950;dominant-baseline:middle}
.micro-arp-note.active circle{fill:#f4fff8;stroke:#30d581;stroke-width:4;filter:drop-shadow(0 0 13px #30d581)}
.micro-arp-note.active text{fill:#06351f}
.micro-arp-neck small{display:block;color:#8fa99b}
.micro-arp-card details{margin-top:12px}
.micro-arp-card summary{cursor:pointer;color:#78efae;font-weight:850}
.micro-arp-card pre{max-width:100%;overflow-x:auto;padding:14px;border-radius:11px;background:#020604;color:#f1fff7;font:750 .9rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;-webkit-overflow-scrolling:touch}
.micro-arp-checks{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}
.micro-arp-checks label{padding:12px;border:1px solid #2b513d;border-radius:11px;background:#08140d}
.micro-arp-checks input{accent-color:#48e99c}
@media(max-width:700px){.micro-arp-card{padding:14px}
.micro-arp-card header{display:block}
.micro-arp-card header>strong{display:block;margin-top:9px}
.micro-arp-board text{font-size:14px}
.micro-arp-board .fret-number{font-size:25px}
.micro-arp-note circle{r:15px}
.micro-arp-checks{grid-template-columns:1fr}
.micro-arp-toolbar{align-items:stretch;flex-direction:column}
.micro-arp-toolbar label{justify-content:space-between}
}

.micro-tab-hint{margin:12px 0 6px;padding:10px 12px;border:1px solid #2f7450;border-radius:8px;background:#0b2418;color:#a5f7cb;font-size:.875rem;font-weight:750;line-height:1.5}.micro-tab-frame{position:relative;min-width:0}.micro-tab-frame pre{margin-top:6px;scrollbar-color:#62f3a5 #10291c}.micro-tab-more{position:absolute;right:0;top:0;bottom:0;width:32px;display:flex;align-items:center;justify-content:flex-end;padding-right:4px;background:linear-gradient(90deg,transparent,#06170e 75%);color:#a5f7cb;font-size:2rem;pointer-events:none;border-radius:0 11px 11px 0}.micro-tab-hint[hidden],.micro-tab-more[hidden]{display:none}

.micro-study-tab{margin:18px 0;padding:14px;border:1px solid #376950;border-radius:12px;background:#07140d}.micro-study-tab h4{font-size:1.1rem;margin:0 0 10px;color:#9bf4c4}.micro-study-tab p,.micro-note-status{font-size:1rem;line-height:1.55;color:#bed5c7}.micro-tab-cells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.micro-tab-cell{min-width:0}.micro-tab-cell table{width:100%;table-layout:fixed;border-collapse:collapse;font:1rem/1.5 ui-monospace,monospace}.micro-tab-cell caption{text-align:left;padding:8px 0;font:700 1rem system-ui;color:#9bf4c4}.micro-tab-cell th,.micro-tab-cell td{padding:5px 1px;text-align:center;border:1px solid #35533f;color:#62776b}.micro-tab-cell th{font-size:.875rem;color:#b6d1c0}.micro-tab-cell td.micro-tab-fret{color:#f1fff7;font-weight:800}.micro-tab-cell td.active{background:#19452f}.micro-tab-cell td.active.micro-tab-fret{color:#062015;background:#e8fff0}.micro-study-actions{display:flex;flex-wrap:wrap;gap:10px}.micro-study-actions button{min-height:44px;white-space:normal}.micro-arp-toolbar{flex-wrap:wrap}.micro-arp-toolbar select{max-width:100%;min-height:44px;font:inherit}.micro-arp-neck{overflow-x:auto}.micro-arp-board{min-width:320px}@media(max-width:700px){.micro-tab-cells{grid-template-columns:1fr}.micro-study-tab{padding:10px}.micro-arp-toolbar label{flex-wrap:wrap}.micro-arp-card{min-width:0}.micro-study-actions .primary{width:100%}}