.cc-app{background:var(--ink2);border:1px solid #ffffff14;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px #0008;color:#e6ebf5}
.cc-top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #ffffff12;background:#0d1628}
.cc-st{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px}.cc-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 #22c55e88;animation:ccp 1.8s infinite}.halt .cc-dot{background:#ef4444;animation:none}
@keyframes ccp{70%{box-shadow:0 0 0 10px #22c55e00}100%{box-shadow:0 0 0 0 #22c55e00}}
.cc-demo{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#f59e0b22;color:#fbbf24;padding:4px 8px;border-radius:6px}
.cc-view{display:flex;gap:4px;background:#ffffff0a;border-radius:12px;padding:4px;flex-wrap:wrap}.cc-view button{border:0;background:none;color:#9aa4b6;font:600 13px Inter,system-ui;padding:8px 12px;border-radius:9px;cursor:pointer;transition:.2s}.cc-view button[aria-pressed=true]{background:#1f6bfd;color:#fff}
.cc-kill{border:1px solid #ef444466;background:#ef44441a;color:#fca5a5;font:700 13px Inter,system-ui;padding:9px 14px;border-radius:10px;cursor:pointer;transition:.2s}.cc-kill:hover{background:#ef4444;color:#fff}.cc-kill[aria-pressed=true]{background:#16a34a;border-color:#16a34a;color:#fff}
.cc-tabs{display:flex;gap:2px;padding:0 12px;border-bottom:1px solid #ffffff12;overflow-x:auto;scrollbar-width:none}.cc-tabs button{border:0;background:none;color:#9aa4b6;font:600 14px Inter,system-ui;padding:14px 14px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.cc-tabs button[aria-selected=true]{color:#fff;border-color:#3ab8fd}
.cc-body{display:grid;grid-template-columns:1fr 330px;min-height:520px}.cc-main{padding:18px;min-width:0}.cc-side{border-left:1px solid #ffffff12;padding:18px;background:#0b1324}
.cc-feed{list-style:none;display:grid;gap:10px;max-height:560px;overflow:auto;padding-right:4px}
.cc-m{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:12px;border-radius:14px;background:#ffffff07;border:1px solid #ffffff0d;animation:ccin .45s var(--ease)}
@keyframes ccin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.cc-m img{width:44px;height:44px;object-fit:contain;border-radius:12px;background:#ffffff0d}.cc-h{font-size:13px;color:#9aa4b6;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.cc-h b{color:#fff}.cc-ar{color:#3ab8fd}.cc-t{margin-top:3px;font-size:15px;line-height:1.5}
.cc-chip{font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;background:#ffffff12;color:#cbd5e1}.cc-chip.ask{background:#1f6bfd33;color:#93c5fd}.cc-chip.ans{background:#16a34a33;color:#86efac}.cc-chip.gate{background:#f59e0b33;color:#fcd34d}.cc-chip.nk{background:#8b5cf633;color:#c4b5fd}
.cc-why{margin-top:6px;font-size:12.5px}.cc-why summary{cursor:pointer;color:#3ab8fd;font-weight:600;list-style:none}.cc-why summary::-webkit-details-marker{display:none}.cc-why p{margin-top:6px;color:#9aa4b6;border-left:2px solid #3ab8fd55;padding-left:10px}
.cc-m.lock{background:repeating-linear-gradient(135deg,#ffffff05 0 8px,#ffffff02 8px 16px)}.cc-m.lock .cc-t{color:#6b7689;font-style:italic}
.cc-gate{margin-top:10px;padding:12px;border-radius:12px;background:#f59e0b14;border:1px solid #f59e0b44}.cc-gate .b{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.cc-gate button{border:0;font:700 13px Inter,system-ui;padding:9px 14px;border-radius:9px;cursor:pointer}.cc-ok{background:#16a34a;color:#fff}.cc-no{background:#ffffff14;color:#fff}.cc-gate.done{background:#16a34a14;border-color:#16a34a55}
.cc-side h3{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#9aa4b6;margin-bottom:10px}
.cc-who{display:flex;gap:10px;align-items:center;padding:12px;border-radius:12px;background:#1f6bfd1a;margin-bottom:16px;font-size:14px}.cc-who b{display:block;color:#fff}
.cc-crew{list-style:none;display:grid;gap:6px;margin-bottom:18px}.cc-crew li{display:flex;align-items:center;gap:10px;font-size:14px;padding:6px 8px;border-radius:10px;transition:.3s}.cc-crew img{width:32px;height:32px;object-fit:contain}.cc-crew li.hid{opacity:.35;filter:grayscale(1)}.cc-crew small{margin-left:auto;font-size:11px;color:#9aa4b6}.cc-crew li.act{background:#3ab8fd1a}
.cc-crew li.act small{color:#3ab8fd}
.cc-tl{list-style:none;position:relative;padding-left:22px}.cc-tl:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(#1f6bfd,#3ab8fd)}.cc-tl li{position:relative;padding:0 0 18px}.cc-tl li:before{content:"";position:absolute;left:-20px;top:5px;width:12px;height:12px;border-radius:50%;background:#0b1220;border:2px solid #3ab8fd}.cc-tl b{color:#fff}.cc-tl small{display:block;color:#9aa4b6;font-size:12.5px}
.cc-mx{width:100%;border-collapse:separate;border-spacing:4px;font-size:13px}.cc-mx th{color:#9aa4b6;font-weight:600;padding:6px;text-align:center}.cc-mx th img{width:30px;height:30px;object-fit:contain;display:block;margin:0 auto 2px}.cc-mx td{text-align:center}.cc-mx td button{width:100%;min-width:54px;border:0;border-radius:8px;padding:9px 4px;font:700 11.5px Inter,system-ui;cursor:pointer;transition:.2s}
.p0{background:#ffffff0a;color:#6b7689}.p1{background:#1f6bfd33;color:#93c5fd}.p2{background:#16a34a33;color:#86efac}.p3{background:#8b5cf633;color:#c4b5fd}.cc-mx td.self{background:#ffffff05;border-radius:8px;color:#4b5563}
.cc-leg{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;font-size:12.5px;color:#9aa4b6}.cc-leg span{padding:4px 8px;border-radius:6px}
.cc-scroll{overflow-x:auto}
.cc-log{width:100%;border-collapse:collapse;font-size:13px}.cc-log th,.cc-log td{text-align:left;padding:9px 8px;border-bottom:1px solid #ffffff10;vertical-align:top}.cc-log th{color:#9aa4b6;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.cc-log code{font-size:11.5px;color:#3ab8fd}
.cc-brief{background:#ffffff07;border:1px solid #ffffff12;border-radius:16px;padding:20px;max-width:640px}.cc-brief h4{font-size:18px;color:#fff;margin-bottom:4px}.cc-brief ul{list-style:none;margin-top:12px;display:grid;gap:10px}.cc-brief li{display:flex;gap:10px;font-size:14.5px}.cc-brief li img{width:30px;height:30px;object-fit:contain;flex:none}
.cc-halt{display:none;padding:12px 14px;border-radius:12px;background:#ef44441f;border:1px solid #ef444466;color:#fecaca;font-weight:600;margin-bottom:12px;font-size:14px}.halt .cc-halt{display:block}
.cc-feat .card h3{font-size:18px}.cc-op{display:flex;gap:10px;margin-top:8px}.cc-op input{background:#ffffff0d;border-color:#ffffff1a;color:#fff;font-size:14px;padding:10px 12px}.cc-op button{border:0;background:#1f6bfd;color:#fff;border-radius:10px;padding:0 14px;font-weight:700;cursor:pointer}
.cc-grant{font-size:12.5px;color:#9aa4b6;margin-top:8px}.cc-grant b{color:#86efac}
@media(max-width:980px){.cc-body{grid-template-columns:1fr}.cc-side{border-left:0;border-top:1px solid #ffffff12}.cc-feed{max-height:none}}
@media(max-width:560px){.cc-top{padding:12px}.cc-view{width:100%}.cc-view button{flex:1;padding:8px 6px;font-size:12.5px}.cc-kill{width:100%}.cc-main,.cc-side{padding:12px}.cc-m{grid-template-columns:36px 1fr;padding:10px}.cc-m img{width:36px;height:36px}.cc-t{font-size:14px}}
details.cc-why{border:0}details.cc-why summary{display:inline-flex;padding:0;font-size:12.5px;gap:4px}details.cc-why summary:after{content:"›";font-size:14px;color:#3ab8fd;transition:transform .2s}details.cc-why[open] summary:after{transform:rotate(90deg)}
.cc-hero{min-height:auto!important;padding-top:140px!important}