/* Homepage intake hands choices to the existing Tonight engine. */
#tonight-band.ht-shell {
  --ht-ink:#101b1d; --ht-paper:#f5f0e8; --ht-muted:#b9c0bd;
  --ht-gold:#e6a15b; --ht-line:rgba(229,225,209,.21);
  position:relative; isolation:isolate; max-width:none; margin:52px 0 0; padding:70px 32px; scroll-margin-top:70px;
  color:var(--ht-paper); background:#101a1c; border-block:1px solid var(--ht-line);
  font-family:'DM Sans',sans-serif;
}
.ht-shell::before {
  content:""; position:absolute; inset:0; z-index:-2;
  background:url("https://image.tmdb.org/t/p/w1280/p8EUX6MPSNLxVwqO3fCYTi896Ro.jpg") center / cover no-repeat;
  opacity:.27;
}
.ht-shell::after {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(100deg,rgba(9,21,24,.95),rgba(9,21,24,.75) 50%,rgba(11,21,23,.8)),radial-gradient(ellipse at 90% 75%,rgba(197,124,61,.38),transparent 65%);
}
.ht-shell *, .ht-shell *::before, .ht-shell *::after {box-sizing:border-box}
.ht-wrap {max-width:1216px;margin:auto;display:grid;grid-template-columns:1.02fr 1fr;gap:48px;align-items:center}
.ht-shell a {color:inherit;text-decoration:none}
.ht-shell a:hover {color:var(--ht-gold)}
.ht-shell :focus-visible {outline:2px solid var(--ht-gold);outline-offset:5px}
.ht-eyebrow {font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ht-gold);font-weight:600;margin:0 0 20px}
.ht-intake h2 {font:400 clamp(48px,5.1vw,74px)/.98 'Instrument Serif',serif;letter-spacing:-.025em;margin:0 0 22px}
.ht-intake h2 em {color:var(--ht-gold);font-weight:400}
.ht-deck {font-size:16px;line-height:1.65;color:#d2d5ce;max-width:43ch;margin:0 0 27px}
.ht-deck strong {color:var(--ht-paper);font-weight:500}
.ht-form {padding:25px;border:1px solid var(--ht-line);border-radius:15px;background:linear-gradient(125deg,rgba(10,24,27,.85),rgba(36,33,27,.68));box-shadow:0 16px 45px rgba(0,0,0,.13)}
.ht-form fieldset {border:0;padding:0;margin:0 0 24px;min-width:0}
.ht-form legend {padding:0;margin:0 0 11px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#d4d7d0;font-weight:500;width:100%}
.ht-form legend>span {color:var(--ht-gold);margin-right:9px}
.ht-form legend small {font-size:10px;letter-spacing:0;text-transform:none;color:var(--ht-muted);float:right;font-weight:400}
.ht-moods {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.ht-choice,.ht-service {position:relative;cursor:pointer;min-width:0}
.ht-choice input,.ht-service input {position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.ht-choice>span,.ht-service>span {display:flex;align-items:center;justify-content:center;border:1px solid rgba(221,229,223,.24);background:rgba(4,16,19,.35);border-radius:9px;transition:background .16s,border-color .16s,color .16s;color:#e2e5de;pointer-events:none}
.ht-choice input:focus-visible+span,.ht-service input:focus-visible+span {outline:2px solid var(--ht-gold);outline-offset:3px}
.ht-choice input:hover+span,.ht-service input:hover+span {border-color:var(--ht-gold)}
.ht-moods .ht-choice>span {min-height:77px;flex-direction:column;gap:8px;padding:9px 3px;text-align:center}
.ht-moods b {font-size:10px;line-height:1.35;font-weight:500}
.ht-moods svg,.ht-pick-foot svg {width:20px;height:20px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ht-choice input:checked+span {background:linear-gradient(135deg,#f0b36c,#dfa056);border-color:#f2b875;color:#172021}
.ht-services {display:flex;flex-wrap:wrap;gap:7px}
.ht-service>span {min-height:38px;padding:7px 12px;gap:7px;border-radius:7px;font-size:10px;white-space:nowrap}
.ht-service input:checked+span {border-color:var(--ht-gold);color:var(--ht-gold);background:rgba(230,161,91,.12);box-shadow:inset 0 0 0 1px rgba(230,161,91,.18)}
.ht-netflix {font-family:Arial,sans-serif;font-size:17px;line-height:1;color:#f25c64}
.ht-more {margin-top:9px;font-size:10px;color:var(--ht-muted)}
.ht-more summary {cursor:pointer;display:inline-flex;align-items:center;gap:9px;min-height:25px;list-style:none;border-bottom:1px solid rgba(229,225,209,.2)}
.ht-more summary::-webkit-details-marker {display:none}
.ht-more summary span {font-size:16px;line-height:1}
.ht-more[open] summary {margin-bottom:10px}
.ht-times {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.ht-times .ht-choice>span {min-height:40px;font-size:11px;white-space:nowrap;padding:6px 4px}
.ht-actions {display:flex;align-items:center;gap:19px;margin-top:1px}
.ht-submit {display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;min-height:49px;border:1px solid #efb271;border-radius:999px;background:linear-gradient(110deg,#efb36d,#e6a05a);color:#172021;padding:12px 23px;font:600 14px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 4px 20px rgba(216,147,73,.12)}
.ht-submit:hover {background:#f2bb7a}
.ht-submit>span {font-size:22px;line-height:1;font-weight:400}
.ht-actions p {font-size:11px;line-height:1.6;color:#e0e1d7;margin:0;max-width:135px}
.ht-actions p span {font-size:10px;color:var(--ht-muted)}
.ht-preview {border:1px solid rgba(229,225,209,.32);background:linear-gradient(135deg,rgba(12,30,33,.87),rgba(23,26,24,.8));border-radius:18px;padding:22px;box-shadow:0 22px 70px rgba(0,0,0,.24)}
.ht-preview-head {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1px 3px 18px}
.ht-preview-head h3 {font:500 12px 'DM Sans',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--ht-gold);margin:0}
.ht-example {font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#ced1c7;border:1px solid var(--ht-line);border-radius:999px;padding:4px 9px}
.ht-pick {display:grid;grid-template-columns:135px minmax(0,1fr);gap:19px;padding:17px;border:1px solid rgba(229,225,209,.29);border-radius:12px;background:linear-gradient(120deg,rgba(8,29,33,.9),rgba(11,20,22,.78));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.ht-poster-link {align-self:start;grid-row:1 / span 2}
.ht-poster {display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:7px;border:1px solid rgba(238,233,218,.28);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.ht-pick-label {font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ht-gold);font-weight:500;margin:1px 0 8px;line-height:1.4}
.ht-pick h4 {font:400 35px/1.05 'Instrument Serif',serif;letter-spacing:-.01em;margin:0 0 15px}
.ht-score {display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:11px}
.ht-score div>span {display:block;font-size:8px;letter-spacing:.17em;text-transform:uppercase;color:var(--ht-muted);margin-bottom:3px}
.ht-score strong {font-size:24px;line-height:1.2;font-weight:500;color:var(--ht-paper)}
.ht-score strong small,.ht-alt-score small {font-size:12px;color:var(--ht-muted);font-weight:400}
.ht-tier {font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--ht-gold);padding:6px 0;border-block:1px solid rgba(230,161,91,.4)}
.ht-facts {font-size:10px;line-height:1.6;color:#bfc7c2;margin:0}
.ht-reason {grid-column:2;margin-top:0}
.ht-reason h5 {font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#d6d9d0;font-weight:500;margin:0 0 5px}
.ht-reason p {font-size:12px;line-height:1.65;color:#c2cbc6;margin:0}
.ht-pick-foot {grid-column:1/-1;border-top:1px solid var(--ht-line);padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;line-height:1.5;color:#ccd1c9}
.ht-pick-foot>span {display:flex;align-items:center;gap:6px}
.ht-pick-foot svg {width:15px;height:15px}
.ht-pick-foot a {color:var(--ht-gold)}
.ht-alternative {display:grid;grid-template-columns:76px minmax(0,1fr);gap:17px;padding:17px;margin-top:12px;border:1px solid rgba(229,225,209,.18);border-radius:12px;background:rgba(8,18,20,.45)}
.ht-alt-poster {align-self:start}
.ht-alt-poster img {display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:5px;border:1px solid var(--ht-line)}
.ht-alternative .ht-pick-label {color:#c5cbc5;margin-bottom:4px;font-size:8px}
.ht-alternative h4 {font:400 28px/1.15 'Instrument Serif',serif;margin:0 0 8px}
.ht-alt-score {font-size:9px;line-height:1.6;margin:0 0 5px;color:var(--ht-muted)}
.ht-alt-score strong {font-size:15px;color:#e7e8dd;font-weight:500;margin-left:5px}
.ht-alt-score span {margin-left:6px;color:var(--ht-gold);font-size:8px}
.ht-alt-reason {font-size:11px;line-height:1.6;color:#c2cbc6;margin:10px 0 0}
.ht-preview-note {font-size:10px;line-height:1.6;color:#aebbb5;margin:15px 3px 0;max-width:46ch}
.ht-signoff {display:flex;align-items:center;gap:11px;color:#e1d7c2;font:italic 22px/1.2 'Instrument Serif',serif;margin:22px 3px 3px}
.ht-signoff>span {height:1px;width:26px;background:var(--ht-gold)}
@media(min-width:1450px){#tonight-band.ht-shell{padding-block:82px}.ht-wrap{gap:60px}.ht-preview{padding:25px}.ht-pick{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:1100px){.ht-wrap{gap:27px}.ht-form{padding:20px}.ht-preview{padding:16px}.ht-pick{grid-template-columns:105px minmax(0,1fr);gap:14px;padding:14px}.ht-pick h4{font-size:31px}.ht-actions{gap:12px}.ht-submit{padding-inline:17px}.ht-tier{font-size:7px}.ht-score{gap:8px}.ht-alternative{padding:14px;gap:13px}.ht-moods b{font-size:9px}}
@media(max-width:900px){#tonight-band.ht-shell{padding:49px 24px}.ht-wrap{grid-template-columns:1fr;max-width:660px;gap:30px}.ht-intake h2{font-size:66px}.ht-deck{max-width:49ch}.ht-form{padding:25px}.ht-moods b{font-size:11px}.ht-moods .ht-choice>span{min-height:74px;flex-direction:row;gap:7px}.ht-preview{padding:22px}.ht-pick{grid-template-columns:145px minmax(0,1fr);padding:19px;gap:22px}.ht-pick h4{font-size:38px}.ht-reason p{font-size:14px}.ht-reason{margin-top:0}.ht-facts{font-size:11px}.ht-tier{font-size:9px}.ht-score{justify-content:flex-start;gap:24px}.ht-pick-foot{font-size:11px}.ht-alternative{grid-template-columns:90px minmax(0,1fr);gap:20px;padding:18px}.ht-alt-reason{font-size:13px}.ht-alt-score{font-size:10px}.ht-preview-note{font-size:11px}.ht-signoff{font-size:24px}}
@media(max-width:560px){#tonight-band.ht-shell{padding:39px 20px;margin-top:34px}.ht-eyebrow{font-size:9px;margin-bottom:17px}.ht-intake h2{font-size:clamp(45px,12.5vw,63px);margin-bottom:18px}.ht-deck{font-size:15px;margin-bottom:22px}.ht-form{padding:19px 16px;border-radius:12px}.ht-form legend{font-size:9px;letter-spacing:.09em}.ht-moods{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ht-moods .ht-choice>span{min-height:61px;gap:10px}.ht-moods b{font-size:11px}.ht-moods svg{width:18px;height:18px}.ht-services{gap:6px}.ht-service>span{font-size:10px;min-height:39px;padding:7px 10px}.ht-times{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ht-times .ht-choice>span{min-height:42px;font-size:11px}.ht-actions{display:block}.ht-submit{width:100%;justify-content:center;gap:20px;min-height:49px}.ht-actions p{max-width:none;font-size:11px;margin-top:12px;text-align:center}.ht-actions p br{display:none}.ht-actions p span{margin-left:5px}.ht-preview{padding:14px;border-radius:14px}.ht-preview-head{padding:3px 2px 14px}.ht-preview-head h3{font-size:10px}.ht-pick{grid-template-columns:90px minmax(0,1fr);padding:12px;gap:14px}.ht-pick h4{font-size:31px;margin-bottom:11px}.ht-pick-label{font-size:8px}.ht-score{display:block;margin-bottom:9px}.ht-score strong{font-size:23px}.ht-tier{display:inline-block;font-size:7px;margin-top:7px;padding:4px 0}.ht-facts{font-size:9px}.ht-poster-link{grid-row:auto}.ht-reason{grid-column:1/-1;margin-top:0}.ht-reason p{font-size:12px}.ht-pick-foot{flex-wrap:wrap;font-size:10px;gap:10px}.ht-alternative{grid-template-columns:66px minmax(0,1fr);padding:12px;gap:13px}.ht-alternative h4{font-size:26px}.ht-alt-score{font-size:8px}.ht-alt-score span{display:block;margin-left:0}.ht-alt-reason{font-size:11px}.ht-preview-note{font-size:10px;margin-inline:2px}.ht-signoff{font-size:22px;margin-top:19px}}
@media(prefers-reduced-motion:reduce){.ht-shell *{transition:none !important}}