.td-countdown{width:100%;min-width:0;margin:.9rem 0 0;padding:1rem;border:1px solid color-mix(in srgb,var(--accent,#2fd4a7) 42%,var(--line,#2a3730));border-radius:22px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--accent,#2fd4a7) 18%,transparent),transparent 64%),var(--surface,#121614);color:var(--text,#f1f4ef);box-shadow:0 7px 24px #0000000d;text-shadow:none}
.td-countdown[hidden],.td-countdown [hidden]{display:none!important}
.td-countdown-heading{display:flex;align-items:center;gap:.65rem}
.td-countdown-heading>div{min-width:0;flex:1}
.td-countdown-heading small{display:block;font-size:.59rem;font-weight:800;letter-spacing:.13em;color:var(--muted,#b8b6b6)}
.td-countdown-heading h3{margin:.18rem 0 0;font-size:clamp(.95rem,3.8vw,1.2rem);line-height:1.2;letter-spacing:-.025em}
.td-countdown-ball{display:grid;place-items:center;width:39px;height:39px;flex:0 0 auto;border-radius:13px;background:linear-gradient(135deg,#55d7c9,#89d69d);font-size:1.25rem}
.td-countdown-chip{flex:0 0 auto;font-size:.6rem;font-weight:800;padding:.3rem .45rem;border:1px solid var(--line,#2a3730);border-radius:8px;color:var(--muted,#b8b6b6)}
.td-countdown .td-countdown-date{margin:.85rem 0 .7rem;max-height:none;font-size:.75rem;color:var(--muted,#b8b6b6);line-height:1.5}
.td-countdown-date strong{color:var(--text,#f1f4ef)}
.td-countdown-clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}
.td-countdown-unit{display:grid;justify-items:center;gap:.15rem;padding:.65rem .15rem .55rem;border:1px solid var(--line,#2a3730);border-radius:13px;background:var(--surface-2,#1b211d);min-width:0}
.td-countdown-unit b{font-size:clamp(1.6rem,7vw,2.4rem);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1;letter-spacing:-.05em;color:var(--text,#f1f4ef)}
.td-countdown-unit:last-child b{color:color-mix(in srgb,var(--text,#f1f4ef) 40%,var(--accent,#2fd4a7))}
.td-countdown-unit span{font-size:.6rem;color:var(--muted,#b8b6b6)}
.td-countdown .td-countdown-status{margin:.7rem 0 0;max-height:none;font-size:.72rem;color:var(--muted,#b8b6b6);line-height:1.5}
.td-countdown-open{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:44px;margin:.65rem 0 0;padding:.55rem .7rem;border:1px solid var(--line,#2a3730);border-radius:11px;background:transparent;color:var(--text,#f1f4ef);font:700 .76rem var(--font,system-ui);cursor:pointer}
.td-countdown-open:hover{background:var(--surface-2,#1b211d)}
.td-countdown-open:focus-visible{outline:2px solid var(--accent,#2fd4a7);outline-offset:3px}
.highlight-viewer.has-super-countdown{--surface:#121f1c;--surface-2:#1b2c26;--line:#32483f;--text:#f1f4ef;--muted:#c0cec6;--accent:#55d7c9}
.highlight-viewer.has-super-countdown .highlight-stage{display:flex;flex-direction:column;justify-content:flex-start;overflow:auto}
.highlight-viewer.has-super-countdown .highlight-stage>img,.highlight-viewer.has-super-countdown .highlight-stage>video{flex:1 1 200px;min-height:120px;height:0;object-fit:contain}
.highlight-viewer.has-super-countdown .highlight-copy{position:relative;left:auto;right:auto;bottom:auto;width:100%;padding:.7rem 1rem max(.8rem,env(safe-area-inset-bottom));gap:.55rem;flex:0 0 auto;max-height:75%;overflow:auto;background:#0c0f0d}
.highlight-viewer.has-super-countdown .highlight-copy>h2{font-size:1.15rem}
.highlight-viewer.has-super-countdown .highlight-copy>p{font-size:.78rem;max-height:3em}
.highlight-viewer.has-super-countdown .td-countdown{margin:0;padding:.8rem;border-radius:18px}
.highlight-viewer.has-super-countdown .highlight-shade{display:none}
.highlight-viewer.has-super-countdown .highlight-nav{top:0;bottom:auto;height:20%;z-index:1}
@media(min-width:600px){.client-highlights>.td-countdown{max-width:470px}.td-countdown-unit b{font-size:2.3rem}}
@media(max-width:350px){.td-countdown{padding:.75rem}.td-countdown-chip{display:none}.td-countdown-clock{gap:.3rem}}