.cp{transition:opacity var(--dur-2) var(--ease-out);gap:.85rem;display:grid}.cp[data-pending] .cp-custom,.cp[data-pending] .cp-button{opacity:.65}.cp-head{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.cp-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.cp-foot a{text-underline-offset:.2em;font-weight:600;text-decoration:underline}.cp-foot{color:var(--muted);font-size:.95rem}.cp-card{align-items:center;gap:.65rem;min-width:0;display:flex}.cp-card-text{min-width:0;line-height:1.25;display:grid}.cp-card-name{flex-wrap:wrap;align-items:baseline;gap:0 .4rem;display:flex}.cp-card-name strong{border-bottom:2px solid var(--cls)}.cp-card-realm{color:var(--muted);font-size:.9rem}.cp-card-who{font-size:.92rem}.cp-card-ctx{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.cp-badge{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--gilt-ink);padding:0 .4rem;font-size:.75rem;font-weight:700}.cp-live{background:var(--ready);border-radius:50%;align-self:center;width:.5rem;height:.5rem}.cp-custom{gap:.75rem;display:grid}.cp-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;display:flex}.cp-seg{border-radius:var(--radius-pill);background:var(--panel-2);border:1px solid var(--line);flex-wrap:wrap;gap:.25rem;max-width:100%;padding:.25rem;display:inline-flex}.cp-seg button{border-radius:var(--radius-pill);min-height:2.25rem;color:var(--muted);transition:background-color var(--dur-1), color var(--dur-1);align-items:center;gap:.35rem;padding:.3rem .9rem;font-weight:600;display:inline-flex}.cp-seg button:has(svg){padding-left:.35rem}.cp-seg button:hover{color:var(--ink)}.cp-seg button[aria-checked=true]{background:var(--panel);color:var(--ink);box-shadow:var(--shadow-1)}.cp-classes{scrollbar-width:thin;scroll-snap-type:x proximity;-webkit-mask-image:var(--fade-inline-end);mask-image:var(--fade-inline-end);gap:.4rem;padding:.15rem .1rem .4rem;display:flex;overflow-x:auto}@media (min-width:48rem){.cp-classes{flex-wrap:wrap;overflow-x:visible;-webkit-mask-image:none;mask-image:none}}.cp-class{scroll-snap-align:start;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);min-height:2.6rem;transition:border-color var(--dur-1);flex:none;align-items:center;gap:.45rem;padding:.3rem .9rem .3rem .35rem;font-weight:600;display:inline-flex}.cp-class:hover{border-color:var(--cls)}.cp-class[aria-checked=true]{border-color:var(--cls);background:color-mix(in srgb, var(--cls) 16%, var(--panel));box-shadow:inset 0 -2px 0 var(--cls)}.cp-seg button:focus-visible,.cp-class:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.cp-level{flex:14rem;gap:.15rem;min-width:min(100%,14rem);max-width:24rem;font-size:.95rem;font-weight:600;display:grid}.cp-level-row{align-items:center;gap:.75rem;display:flex}.cp-level input[type=range]{accent-color:var(--gilt);flex:1;min-height:2rem}.cp-level-n{width:4.5rem}@media (max-width:47.99rem){.cp-seg{scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;overflow-x:auto}.cp-seg button{min-height:var(--touch-min);white-space:nowrap;scroll-snap-align:start;flex:none}.cp-class{min-height:var(--touch-min)}}