.ccm-decks{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-bottom:10px;border-bottom:2px solid color-mix(in srgb,var(--accent) 25%,transparent)}
.ccm-tabs{display:flex;gap:4px;margin:12px 0;flex-wrap:wrap}
.ccm-tab{border:0;background:none;padding:8px 14px;border-radius:8px 8px 0 0;font:inherit;cursor:pointer;color:inherit;border-bottom:3px solid transparent}
.ccm-tab[aria-selected=true]{border-bottom-color:var(--accent);font-weight:700}
#ccm-text{width:100%;font:1.05em/1.6 ui-serif,Georgia,"Songti SC",serif;box-sizing:border-box}
#ccm-extra{width:100%;margin:8px 0;box-sizing:border-box}
.ccm-tools{gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}
.ccm-tokens{line-height:2.2;padding:10px;border-radius:10px;background:color-mix(in srgb,var(--accent) 6%,transparent);min-height:2.4em}
.ccm-tok{font:inherit;border:1px solid transparent;background:none;padding:0 2px;border-radius:4px;cursor:pointer;color:inherit}
.ccm-tok:hover{border-color:var(--accent)}
.ccm-on{background:var(--accent);color:#fff;position:relative}
.ccm-on::after{content:attr(data-n);font-size:.6em;position:absolute;top:-1.2em;left:0;color:var(--accent)}
.ccm-card{border-radius:14px;padding:22px;margin:10px 0;background:color-mix(in srgb,currentColor 4%,transparent);box-shadow:inset 6px 0 0 var(--accent);font:1.2em/1.7 ui-serif,Georgia,"Songti SC",serif}
.ccm-back{color:var(--accent)}
.ccm-grades{gap:8px;flex-wrap:wrap}
.ccm-notes{list-style:none;padding:0}
.ccm-notes li{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.ccm-ntext{flex:1;min-width:12em}
.ccm-bars{display:flex;gap:6px;align-items:flex-end;height:70px}
.ccm-bars span{width:22px;background:var(--accent);border-radius:4px 4px 0 0}
.ccm-pro{font-size:.65em;padding:1px 6px;border-radius:6px;background:var(--accent);color:#fff;vertical-align:middle}
.small{font-size:.85em}