/* Shared video and QR destinations use the same palette for every plan. */
.watch-page{--app-ink:#20334c;--app-muted:#63768b;--app-line:#dde6f0;--app-accent:#087f86;--app-soft:#e8f5f3;min-height:100vh;color:var(--app-ink);background-color:#f2f6fb;background-image:radial-gradient(ellipse at 88% 3%,#dce9ff99,transparent 40%),radial-gradient(ellipse at 20% 55%,#ddf5ef88,transparent 46%);background-attachment:fixed}
.watch-page .watch-header{box-sizing:border-box;max-width:1100px;min-height:82px;padding:20px 26px;border-color:#d8e4ef;background:linear-gradient(110deg,#ffffff80,#f0f8fc55)}
.watch-page .app-brand{color:#203f58}
.watch-page .watch-header select{min-height:40px;padding:8px 11px;background:#ffffffd9;border-color:#d5e3ef;border-radius:10px;color:#47667f;font-size:12px;cursor:pointer}
.watch-page .watch-main{box-sizing:border-box;max-width:940px;margin:40px auto;padding:32px;border:1px solid #fff;border-top:3px solid #65b7be;border-radius:23px;background:linear-gradient(145deg,#fffffff5,#f8fcffed);box-shadow:0 16px 48px #25466b12,0 2px 6px #25466b05}
.watch-page .app-eyebrow{color:#397e91;font-size:10px;letter-spacing:2px}
.watch-page .watch-main h1{color:#203f58;line-height:1.4}
.watch-page .watch-player{background:#142638;border:1px solid #d9e5ef;border-radius:16px;box-shadow:0 12px 32px #2447641f}
.watch-page .watch-player video{max-height:70dvh}
.watch-page .spark-view-description{color:#5c758b;font-size:14px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}
.watch-page .spark-view-description:empty{display:none}
.watch-page .watch-meta{color:#637c92;gap:12px;line-height:1.85}
.watch-page .app-pill{background:#e5f4f2;border-color:#c7e4df;color:#286f68;white-space:normal;overflow-wrap:anywhere;text-align:center}
.watch-page .watch-footer{color:#71889d;margin:30px 0 8px;line-height:1.8}
.watch-page .watch-expired{background:linear-gradient(145deg,#f5faff,#eef8f6);border-color:#d5e6ed;color:#24475f}
.watch-page .watch-expired>span{display:grid;place-items:center;width:68px;height:68px;margin:auto;border-radius:20px;background:linear-gradient(135deg,#dceef7,#dcf2ed);color:#3c8b97}
.watch-page .watch-main.unavailable{max-width:660px;margin-top:8vh}
.watch-page .app-button,.watch-page .spark-permission :is(button,a){background:linear-gradient(120deg,#087e89,#169a92);border-color:#0d8891;color:#fff;box-shadow:0 5px 14px #0b889126,inset 0 1px #ffffff24;min-height:44px;box-sizing:border-box}
.watch-page .app-button:hover,.watch-page .spark-permission :is(button,a):hover{filter:brightness(1.06)}
.watch-page .spark-permission{background:#152e47f5;color:#f1f7fc}
.watch-page .spark-permission input{box-sizing:border-box;max-width:100%;min-height:44px;border-color:#b9cfdf;background:#f6fbff;color:#203f58;font:16px var(--app-font)}
.watch-page .spark-permission button:disabled{opacity:.65;cursor:wait}
.watch-page :is(a,button,select,input):focus-visible{outline:3px solid #23a4b3;outline-offset:3px}
@media(max-width:1000px){.watch-page .watch-main{margin:30px 22px}}
@media(max-width:600px){
  .watch-page .watch-header{min-height:74px;padding:16px 18px;gap:14px}
  .watch-page .watch-main{margin:22px 14px;padding:22px 16px;border-radius:18px}
  .watch-page .watch-main h1{font-size:24px;margin:14px 0 22px}
  .watch-page .watch-player{border-radius:12px}
  .watch-page .watch-meta{align-items:flex-start;flex-direction:column;font-size:11px}
  .watch-page .spark-view-description{font-size:13px}
  .watch-page .watch-main.unavailable{margin:30px 14px}
  .watch-page .watch-expired{padding:34px 15px}
  .watch-page .spark-permission{padding:12px;gap:9px;font-size:12px}
  .watch-page .spark-permission :is(button,a){padding:9px 14px}
}