.cs-brief{width:100%;max-width:min(100%,420px);margin:0;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(16,22,36,.95),rgba(8,12,22,.98));box-shadow:0 28px 70px rgba(0,0,0,.45);padding:16px 16px 14px;box-sizing:border-box;max-height:min(100%,520px);display:flex;flex-direction:column;min-height:0}.cs-brief-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px;flex-shrink:0}.cs-brief-kicker{margin:0 0 3px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(165,180,252,.9)}.cs-brief-title{margin:0;font-family:var(--font-display),var(--font-manrope),sans-serif;font-size:clamp(15px,1.8vw,19px);font-weight:650;letter-spacing:-.02em;color:#fff;line-height:1.25}.cs-brief-chip{flex-shrink:0;padding:5px 9px;border-radius:999px;border:1px solid rgba(45,212,191,.35);background:rgba(45,212,191,.1);color:#5eead4;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.cs-brief-challenge{margin:0 0 10px;padding:8px 10px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:11.5px;line-height:1.4;color:rgba(255,255,255,.62);flex-shrink:0}.cs-brief-challenge strong{color:rgba(255,255,255,.88);font-weight:650}.cs-matrix{position:relative;margin-bottom:10px;padding:4px 4px 16px 18px;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.cs-matrix-label{position:absolute;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.35);pointer-events:none}.cs-matrix-label--y{left:-2px;top:46%;writing-mode:vertical-rl;transform:rotate(180deg)}.cs-matrix-label--x{left:50%;bottom:0;transform:translateX(-40%)}.cs-matrix-grid{position:relative;flex:1 1 auto;width:100%;min-height:160px;height:clamp(160px,28vh,200px);border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 50.5%,transparent 0),linear-gradient(0deg,transparent 49.5%,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 50.5%,transparent 0),radial-gradient(circle at 30% 70%,rgba(45,212,191,.08),transparent 45%),radial-gradient(circle at 70% 30%,rgba(129,140,248,.1),transparent 45%),rgba(255,255,255,.02);overflow:hidden}.cs-quad{position:absolute;font-size:8px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.28);pointer-events:none}.cs-quad--tl{top:8px;left:8px}.cs-quad--tr{top:8px;right:8px}.cs-quad--bl{bottom:8px;left:8px}.cs-quad--br{bottom:8px;right:8px}.cs-dot{position:absolute;width:26px;height:26px;transform:translate(-50%,50%);border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(15,20,32,.95);color:rgba(255,255,255,.7);display:grid;place-items:center;cursor:pointer;padding:0;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;z-index:2}.cs-dot span{font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;font-weight:700;line-height:1}.cs-dot.is-active{border-color:rgba(129,140,248,.85);background:linear-gradient(145deg,#818cf8,#2dd4bf);color:#06121f;box-shadow:0 0 0 4px rgba(129,140,248,.16),0 8px 20px rgba(45,212,191,.22);transform:translate(-50%,50%) scale(1.08);z-index:3}.cs-rec{border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);padding:10px 12px;flex-shrink:0;min-height:92px}.cs-rec-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:5px}.cs-rec-tag{padding:3px 8px;border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:rgba(129,140,248,.16);color:#c7d2fe}.cs-rec-top strong{font-size:13px;font-weight:650;color:#fff}.cs-rec p{margin:0 0 6px;font-size:11.5px;line-height:1.35;color:rgba(255,255,255,.58);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cs-rec-meta{display:flex;gap:12px;font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;color:rgba(165,180,252,.85)}@media (max-width:1023px){.cs-brief{max-width:100%;max-height:none}.cs-matrix-grid{height:180px;min-height:180px}}@media (max-width:639px){.cs-brief{padding:14px 12px 12px}.cs-matrix{padding:2px 2px 14px 16px}.cs-matrix-grid{height:160px;min-height:160px}.cs-dot{width:24px;height:24px}.cs-brief-chip{display:none}}@media (min-width:1024px) and (max-height:820px){.cs-brief{padding:12px 14px 10px;max-height:min(100%,440px)}.cs-matrix-grid{height:140px;min-height:140px}.cs-brief-challenge{margin-bottom:8px;padding:7px 9px;font-size:11px}.cs-rec{min-height:78px;padding:8px 10px}}