.ex-list,.ex-suggest,.ex-chips,.cl-list{margin:0;padding:0;list-style:none}.ex-list{gap:var(--sp-4);display:grid}.ex-item{gap:var(--sp-3);padding-bottom:var(--sp-4);border-bottom:1px solid var(--line);display:grid}.ex-item:last-child{border-bottom:0;padding-bottom:0}.ex-item p{margin:var(--sp-1) 0 0}.ex-suggest{gap:var(--sp-1);display:grid}.ex-suggest .btn{justify-content:flex-start;width:100%}.ex-chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.ex-chips li{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2) var(--sp-1) var(--sp-3);border:1.5px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-sunk);font-size:var(--fs-sm);display:inline-flex}.ex-chip-x{border-radius:var(--radius-pill);min-width:28px;min-height:28px;color:var(--text-dim);font-size:var(--fs-md);cursor:pointer;background:0 0;border:0}.ex-chip-x:hover,.ex-chip-x:focus-visible{color:var(--text);background:var(--surface-2)}.cl-list{gap:var(--sp-3);display:grid}.cl-item{align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--line);grid-template-columns:1fr auto;display:grid}.cl-item:last-child{border-bottom:0}.cl-item a{color:var(--text);font-weight:700}.cl-status{padding:2px var(--sp-2);border:1px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--text-dim);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);display:inline-block}.cl-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));display:grid}.cl-textarea{resize:vertical;min-height:84px;font:inherit}.cl-code-box{gap:var(--sp-4);grid-template-columns:1fr auto;align-items:center;display:grid}@media (width<=520px){.cl-code-box{grid-template-columns:1fr}}.cl-code{font-family:var(--font-mono);letter-spacing:var(--tracking-mono);color:var(--text);margin:0;font-size:clamp(2rem,9vw,3rem);font-weight:700}.cl-qr{width:148px;height:148px;padding:var(--sp-2);border-radius:var(--radius-sm);background:var(--brand-paper);color:var(--brand-ink);place-items:center;display:grid}.cl-qr svg{width:100%;height:100%}.cl-tabs{gap:var(--sp-2);border-bottom:1.5px solid var(--line);display:flex}.cl-tabs button{padding:var(--sp-2) var(--sp-3);color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;font-weight:700}.cl-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--brand-accent-bright)}.cl-sort{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:700}.cl-sort:focus-visible{outline:2px solid var(--brand-accent-bright);outline-offset:2px}.cl-hist{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.cl-hist li{align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);grid-template-columns:minmax(110px,auto) 1fr 2ch;display:grid}.cl-hist-bar{border-radius:var(--radius-pill);background:var(--surface-sunk);height:12px;overflow:hidden}.cl-hist-bar span{background:var(--brand-accent-bright);height:100%;display:block}.cl-resume{font-family:var(--font-mono);font-size:var(--fs-xl);letter-spacing:var(--tracking-mono);margin:0;font-weight:700}.cl-banner{justify-content:center;align-items:center;gap:var(--sp-2) var(--sp-3);padding:var(--sp-2) var(--gutter);border-bottom:1.5px solid var(--line);background:var(--surface-sunk);color:var(--text-dim);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.cl-banner strong{color:var(--text)}.cl-banner button,.cl-banner a{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}