.cl{padding:32px 0 40px}
.cl [hidden]{display:none!important}
.cl .msg:empty{display:none}
.cl .msg{margin:0 0 14px}
.cl-h2{font-size:18px;margin:0 0 12px}
.cl-h3{font-size:16px;margin:0 0 10px}
.cl-note{margin:6px 0 0;font-size:13.5px;color:var(--mut)}
.cl-note a{color:var(--a2)}
.cl-gap{margin-top:18px}
.cl-sub{margin:2px 0;font-size:13.5px;color:var(--mut);overflow-wrap:anywhere}
.cl-hi{color:#a5f3fc}
.cl-memo{margin:4px 0 0;font-size:13px;color:var(--mut);opacity:.85;overflow-wrap:anywhere}
.cl-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.cl-out p{margin:0 0 12px}
.cl-feat{margin:0 0 14px;padding-left:18px;display:grid;gap:6px;color:var(--mut);font-size:14.5px}
.cl-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.cl-row{margin:0 0 14px}
.cl-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px}
.cl-lim{margin:0;font-weight:700;font-size:15px}
.cl-lim a{color:var(--a2);margin-left:6px}
.cl-csv{margin:0}
.cl-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.cl-tabs button{height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--ink);font:inherit;font-weight:700;font-size:14.5px;cursor:pointer}
.cl-tabs button[aria-selected=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.cl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.cl-card{display:grid;gap:4px;align-content:start;min-width:0}
.cl-card h3{margin:0 0 4px;font-size:17px;overflow-wrap:anywhere}
.cl-card .cl-acts{margin-top:10px}
.cl-card.cl-open{border-color:var(--a2)}
.cl-chip{display:inline-flex;justify-self:start;align-items:center;margin:2px 0;padding:2px 10px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--mut)}
.cl-chip.on{color:#a5f3fc;border-color:rgba(34,211,238,.45)}
.cl-chip.cl-warn{color:#fbcfe8;border-color:rgba(244,114,182,.5)}
.cl-url{font-size:13px;color:var(--a2);overflow-wrap:anywhere}
.cl-form{display:grid;gap:14px;margin:0 0 16px;border-color:rgba(34,211,238,.4)}
.cl-f{display:grid;gap:6px;margin:0;padding:0;border:0;min-width:0}
.cl-f>label,.cl-f>legend,.cl-lab{font-weight:700;font-size:14.5px;padding:0}
.cl-f>legend{margin-bottom:6px}
.cl-f input,.cl-f select{width:100%}
.cl-fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cl-fgrid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cl-seg{display:flex;flex-wrap:wrap;gap:8px}
.cl-seg label{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04);cursor:pointer;font-size:14.5px}
.cl-seg label:has(input:checked){border-color:var(--a2);background:rgba(34,211,238,.1)}
.cl-seg input{width:18px;height:18px;margin:0;accent-color:var(--a2)}
.cl-share{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.cl-link{display:flex;gap:8px;min-width:0}
.cl-link input{flex:1;width:100%;min-width:0;font-size:14px}
.cl-link .btn2{flex:none}
.cl-ask{display:grid;gap:8px;margin-top:10px;padding:12px;border-radius:12px;background:rgba(244,114,182,.1)}
.cl-ask p{margin:0;font-size:14px}
.btn2.cl-danger{color:#fbcfe8;border-color:rgba(244,114,182,.45)}
.cl-tool{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:0 0 14px}
.cl-tool .cl-f{flex:1 1 220px;max-width:420px}
.cl-sum{margin:0 0 12px;font-size:14px;color:var(--mut);font-variant-numeric:tabular-nums}
.cl-roster{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cl-r{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);min-width:0}
.cl-r2{grid-template-columns:minmax(0,1fr) minmax(0,160px) auto;align-items:center}
.cl-r2 input,.cl-r2 select{width:100%}
.cl-rh{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;min-width:0}
.cl-rn{font-size:15.5px;overflow-wrap:anywhere}
.cl-stseg{display:flex;flex-wrap:wrap;gap:6px}
.cl-stseg .btn2{height:38px;padding:0 12px;font-size:14px}
.cl-st.on.s1{background:rgba(34,211,238,.2);border-color:var(--a2);color:#a5f3fc}
.cl-st.on.s2{background:rgba(250,204,21,.18);border-color:var(--a4);color:#fde68a}
.cl-st.on.s3{background:rgba(244,114,182,.2);border-color:var(--a3);color:#fbcfe8}
.cl-st.on.s4{background:rgba(124,92,255,.25);border-color:var(--a1);color:#ddd6fe}
.cl-st.s0{color:var(--mut)}
span.cl-st{display:inline-block;padding:1px 8px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;font-weight:700}
span.cl-st.s1,span.cl-st.d1{color:#a5f3fc;border-color:rgba(34,211,238,.45)}
span.cl-st.s2,span.cl-st.d2{color:#fde68a;border-color:rgba(250,204,21,.45)}
span.cl-st.s3,span.cl-st.d0{color:#fbcfe8;border-color:rgba(244,114,182,.45)}
span.cl-st.s4{color:#ddd6fe;border-color:rgba(124,92,255,.5)}
.cl-mk{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.cl-mk .cl-f{flex:1 1 160px}
.cl-ok{font-size:12.5px;color:#a5f3fc;min-width:0}
.cl-marks{margin:0 0 16px}
.cl-list{margin:0;padding-left:18px;display:grid;gap:6px;font-size:14.5px;overflow-wrap:anywhere}
.cl-tw{overflow-x:auto}
.cl-tb{width:100%;border-collapse:collapse;font-size:14px}
.cl-tb td{padding:6px 8px;border-top:1px solid var(--line);vertical-align:top}
.cl-score{font-variant-numeric:tabular-nums}
.cl-sh .cl-two{margin-top:16px}
.cl-sh-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px}
.cl-sh-lang{color:var(--a2);font-weight:700;font-size:14px}
.cl-next{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14px}
.cl-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.cl-rep summary{cursor:pointer;font-weight:700;color:var(--mut)}
.cl-rep form{display:grid;gap:10px;margin-top:12px}
.cl-rep textarea{width:100%}
@media (max-width:900px){.cl-fgrid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.cl-two{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){
  .cl-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cl-card{padding:12px}
  .cl-card h3{font-size:15px}
  .cl-card .btn2{height:36px;padding:0 10px;font-size:13px}
  .cl-fgrid,.cl-fgrid3{grid-template-columns:minmax(0,1fr)}
  .cl-tabs button{height:36px;padding:0 12px;font-size:13.5px}
  .cl-r2{grid-template-columns:minmax(0,1fr) minmax(0,120px)}
  .cl-r2 .cl-ok{grid-column:1/-1}
  .cl-link{flex-wrap:wrap}
  .cl-link input{flex-basis:100%}
}
