.spotlight{background:#141b24}.spotlight-sticky{background:radial-gradient(ellipse at 26% 48%,#243b5b99,transparent 50%),linear-gradient(125deg,#141b24,#151b20 70%);gap:20px 8%;padding-top:30px}.spotlight-head{border-color:#8aabc633}.spotlight-head .eyebrow{color:#d2def0}.spotlight-head>span:last-child{color:#9fb5cf}.hologram-stage{isolation:isolate;min-height:400px}.stage-ghost{position:absolute;top:9%;left:4%;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:clamp(80px,12vw,180px);letter-spacing:-4px;color:transparent;-webkit-text-stroke:1px #abc6ee18;z-index:-1;pointer-events:none}.stage-coordinate{position:absolute;top:19%;right:1%;font-size:7px;line-height:1.8;letter-spacing:1.5px;color:#b0c5e07a}.stage-corner{position:absolute;width:30px;height:30px;border-color:#91b9ef55;border-style:solid;pointer-events:none}.corner-one{left:0;top:25%;border-width:1px 0 0 1px}.corner-two{right:0;bottom:20%;border-width:0 1px 1px 0}.hologram-stage canvas{position:relative;z-index:1}.midnight-name{font-family:'Barlow Condensed',sans-serif;font-size:clamp(44px,5.5vw,78px);font-weight:700;letter-spacing:1px;border-bottom:1px solid #abc6ee33;padding-bottom:20px;margin-bottom:25px;line-height:1}.midnight-name span{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:2px;margin-top:13px;color:#a9bfdd;font-weight:400}.spotlight-copy h2{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(38px,4vw,58px);letter-spacing:-.7px;line-height:1.04;margin:18px 0}.spotlight-copy>span{color:#adc7ef}.spotlight-copy p{font-size:12px;min-height:55px;max-width:320px;color:#c0cbd7}.spotlight-copy .text-link{border-color:#abc6ee66;font-size:12px;max-width:100%;padding:16px 0}.spotlight-copy .text-link span{font-size:10px;color:#c9daef}.detail-chips{display:flex;flex-wrap:wrap;gap:15px;margin:22px 0 28px;font-size:7px;letter-spacing:.8px;color:#b3c2d6}.detail-chips>span{display:flex;align-items:center;gap:6px}.detail-chips i{width:8px;height:8px;display:inline-block;transform:rotate(45deg);border:1px solid #abc6ee88}.chip-blue{background:#244dc2}.chip-clear{background:linear-gradient(135deg,#fff,#8396b1)}.chapter-track{display:flex;gap:15px;border-top:1px solid #abc6ee33;padding-top:14px}.chapter-track span{font-size:7px;letter-spacing:.6px;color:#7b899b;transition:color .2s}.chapter-track .current{color:#e3edff}.spot-progress{height:2px;background:#abc6ee22}.spot-progress i{background:#96baff}.viewer-label{color:#a7bad4;font-size:7px;letter-spacing:1.3px}.viewer-hint{color:#8097b6;font-size:7px;letter-spacing:1.5px}
@media(max-width:600px){.spotlight-sticky{min-height:710px;gap:12px;padding-top:22px;grid-template-rows:auto minmax(220px,1fr) auto}.hologram-stage{min-height:240px}.stage-ghost{font-size:100px;top:0;left:0}.stage-coordinate{top:10%;right:0;font-size:5px}.corner-one{top:12%}.corner-two{bottom:16%}.stage-corner{width:20px;height:20px}.midnight-name{font-size:43px;padding-bottom:10px;margin-bottom:14px;display:flex;align-items:end;justify-content:space-between;gap:10px}.midnight-name span{font-size:6px;letter-spacing:1px;line-height:1.5;margin:0 0 4px;max-width:80px;text-align:right}.spotlight-copy h2{font-size:35px;margin:10px 0}.spotlight-copy p{font-size:10px;min-height:0;margin:7px 0}.spotlight-copy .text-link{padding:10px 0;font-size:11px}.detail-chips{margin:12px 0 15px;font-size:6px;gap:12px}.chapter-track{gap:15px;padding-top:10px}.chapter-track span{font-size:6px}.viewer-hint{margin-top:8px;font-size:6px}.viewer-label{font-size:6px}}
@media(prefers-reduced-motion:reduce){.chapter-track span{transition:none}}

#spotClock{font-variant-numeric:tabular-nums;font-weight:400;color:#e2edff;margin-right:12px}.stage-ghost{font-variant-numeric:tabular-nums}@media(max-width:600px){#spotClock{margin-right:5px}.spotlight-head>span:last-child{font-size:6px}}