/* Called to Sing — front-end (scoped under .cts-wrap so it won't fight your theme) */
.cts-wrap{
  --cts-bg:#0a0a0a; --cts-surface:#1a150d; --cts-surface2:#221c11;
  --cts-line:#322a1a; --cts-line2:#43391f;
  --cts-gold:#e0b25c; --cts-gold-bright:#f2ca7c; --cts-gold-deep:#a87d33;
  --cts-teal:#45c2b4; --cts-teal-deep:#1f7a72;
  --cts-text:#f6f0e3; --cts-muted:#b6a988; --cts-muted2:#82775e;
  background:
    radial-gradient(1100px 560px at 50% -10%, rgba(224,178,92,.14), transparent 60%),
    radial-gradient(760px 460px at 86% 10%, rgba(69,194,180,.09), transparent 55%),
    var(--cts-bg);
  color:var(--cts-text);
  font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  padding:clamp(24px,5vw,56px) 16px 64px;
  border-radius:14px;
  line-height:1.55;
}
.cts-wrap *{box-sizing:border-box}

.cts-explore{max-width:1120px;margin:0 auto 22px;text-align:center}
.cts-explore-btn{display:inline-block;border:1px solid var(--cts-gold-deep);color:var(--cts-gold-bright);text-decoration:none;font:700 12.5px "Manrope",sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:10px 20px;border-radius:999px;transition:background .16s,border-color .16s}
.cts-explore-btn:hover{background:rgba(224,178,92,.12);border-color:var(--cts-gold)}
.cts-hero{text-align:center;max-width:720px;margin:0 auto clamp(24px,4vw,40px)}
.cts-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--cts-gold);margin:0 0 20px}
.cts-eyebrow .cts-rule{width:30px;height:1px;background:linear-gradient(90deg,transparent,var(--cts-gold-deep))}
.cts-eyebrow .cts-rule.r{background:linear-gradient(90deg,var(--cts-gold-deep),transparent)}
.cts-eyebrow .cts-dot{width:5px;height:5px;transform:rotate(45deg);background:var(--cts-gold)}
.cts-title{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;font-size:clamp(44px,11vw,92px);line-height:1.04;margin:0;padding-bottom:.1em;
  background:linear-gradient(180deg,#fbeccb,var(--cts-gold) 58%,var(--cts-gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent}
.cts-title .amp{font-style:italic;font-weight:500}
.cts-stakes{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:clamp(18px,3.4vw,24px);margin:16px auto 0;max-width:28ch}
.cts-stakes b{font-style:normal;font-weight:600;color:var(--cts-gold-bright)}
.cts-sub{color:var(--cts-muted);font-size:14.5px;margin:14px auto 0;max-width:52ch}
.cts-round{color:var(--cts-muted2);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;margin:16px 0 0}
.cts-round strong{color:var(--cts-gold)}

.cts-banner{max-width:900px;margin:0 auto 20px;border:1px solid var(--cts-line2);background:var(--cts-surface);border-radius:12px;padding:14px 18px;font-size:14.5px}
.cts-banner.ok{border-color:rgba(69,194,180,.45);background:linear-gradient(180deg,rgba(31,122,114,.22),rgba(31,122,114,.05))}
.cts-banner.err{border-color:rgba(224,178,92,.4);background:linear-gradient(180deg,rgba(224,178,92,.12),rgba(224,178,92,.03))}
.cts-banner b{color:var(--cts-text)}
.cts-admintools{max-width:900px;margin:0 auto 18px;border:1px dashed var(--cts-line2);border-radius:10px;padding:10px 16px;font-size:13px;color:var(--cts-muted2);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cts-admintools strong{color:var(--cts-gold);text-transform:uppercase;letter-spacing:.1em;font-size:11px}
.cts-reset{border:1px solid var(--cts-gold-deep);background:transparent;color:var(--cts-gold-bright);border-radius:8px;padding:7px 14px;font:700 12.5px "Manrope",sans-serif;cursor:pointer}
.cts-reset:hover{background:rgba(224,178,92,.1)}
.cts-reset:disabled{opacity:.6;cursor:default}

.cts-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.cts-card{border:1px solid var(--cts-line);background:linear-gradient(180deg,var(--cts-surface2),var(--cts-surface));border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.cts-cover{position:relative;display:block;width:100%;aspect-ratio:9/16;border:0;padding:0;margin:0;cursor:pointer;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#140f08}
.cts-cover--novideo{cursor:default}
.cts-cover .cts-initial{position:absolute;inset:0;display:grid;place-items:center;font-family:"Cormorant Garamond",serif;font-size:60px;color:var(--cts-gold-deep)}
.cts-cover .cts-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:rgba(10,10,10,.55);border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;color:#fff;backdrop-filter:blur(2px);transition:transform .18s,background .18s}
.cts-cover:hover .cts-play{transform:translate(-50%,-50%) scale(1.08);background:var(--cts-gold);color:#241a06;border-color:var(--cts-gold)}
.cts-cover .cts-num{position:absolute;left:10px;top:10px;font-size:11px;font-weight:700;letter-spacing:.1em;color:#fff;background:rgba(10,10,10,.5);padding:3px 8px;border-radius:999px}
.cts-meta{padding:14px 14px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;flex:1}
.cts-wrap .cts-name{margin:0;font-size:16.5px;font-weight:700;color:var(--cts-text)!important}
.cts-bio{margin:0;font-size:13px;color:var(--cts-muted);line-height:1.45}
.cts-lang{margin:0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--cts-muted2)}
.cts-vote{margin-top:auto;width:100%;border:1px solid var(--cts-line2);background:transparent;color:var(--cts-gold-bright);font:700 13px/1 "Manrope",sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:11px;border-radius:9px;cursor:pointer;transition:background .16s,border-color .16s}
.cts-vote:hover:not(:disabled){background:rgba(224,178,92,.1);border-color:var(--cts-gold-deep)}
.cts-vote:disabled{opacity:.45;cursor:default}
.cts-card.cts-voted{border-color:rgba(69,194,180,.55);box-shadow:0 0 0 1px rgba(69,194,180,.45)}
.cts-card.cts-voted .cts-vote{color:var(--cts-teal);border-color:rgba(69,194,180,.45)}
.cts-card.cts-highlight{border-color:var(--cts-gold);box-shadow:0 0 0 2px var(--cts-gold),0 18px 44px -20px rgba(224,178,92,.65)}

.cts-empty{text-align:center;color:var(--cts-muted);padding:40px}

/* Modals */
.cts-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px}
.cts-modal[hidden]{display:none}
.cts-modal-back{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}
.cts-modal-box{position:relative;z-index:1;width:100%;max-width:520px;background:var(--cts-surface);border:1px solid var(--cts-line2);border-radius:16px;padding:26px 24px;color:var(--cts-text);box-shadow:0 30px 70px -24px #000}
.cts-video-box{max-width:900px;padding:16px}
.cts-media{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden}
.cts-media iframe,.cts-media video{position:absolute;inset:0;width:100%;height:100%;border:0}
.cts-x{position:absolute;right:12px;top:10px;background:transparent;border:0;color:var(--cts-muted);font-size:26px;line-height:1;cursor:pointer}
.cts-x:hover{color:var(--cts-text)}
.cts-modal-kicker{margin:0 0 2px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cts-muted2)}
.cts-modal-name{font-family:"Cormorant Garamond",serif;font-size:28px;font-weight:600;margin:0 0 14px}
.cts-flabel{display:block;font-size:13px;font-weight:600;margin:6px 0 6px}
#cts-email{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--cts-line2);background:var(--cts-surface2);color:var(--cts-text);font-size:15px}
#cts-email:focus{outline:2px solid var(--cts-gold);outline-offset:1px}
.cts-hint{font-size:12.5px;color:var(--cts-muted2);margin:8px 0 14px}
.cts-check{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--cts-muted);margin:0 0 16px;cursor:pointer}
.cts-check input{margin-top:3px}
.cts-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cts-actions{display:flex;gap:10px;margin-top:4px}
.cts-submit{flex:1;border:0;border-radius:10px;padding:13px;font:700 14.5px "Manrope",sans-serif;cursor:pointer;background:linear-gradient(180deg,var(--cts-gold-bright),var(--cts-gold));color:#241a06}
.cts-submit:hover{filter:brightness(1.05)}
.cts-submit:disabled{opacity:.6;cursor:default}
.cts-cancel{border:1px solid var(--cts-line2);background:transparent;color:var(--cts-muted);border-radius:10px;padding:13px 18px;font:700 14.5px "Manrope",sans-serif;cursor:pointer}
.cts-cancel:hover{color:var(--cts-text);border-color:var(--cts-muted2)}

@media (max-width:480px){
  .cts-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
}
@media (prefers-reduced-motion:reduce){.cts-wrap *{transition:none!important}}
