/* Hallmark · macrostructure: Marquee Hero · tone: cinematic conversion · anchor hue: coral */
/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5 */
/* Hallmark · genre: atmospheric · theme: Midnight · enrichment: dynamic drama artwork · nav: N9 · footer: Ft5 · contrast: pass (40–41) · honest: user-authorized display base (46) · chrome: pass (47) · tokens: pass (48) · mobile: pass (34,49–57) */

html,body{overflow-x:clip}

.v218-hero-overlay{inset:auto var(--space-2) var(--space-3);flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center}
.v218-hero-overlay strong{width:100%;max-width:100%;text-align:center}
.v218-hero-cta{align-self:center}

body.v219-share-landing,body.v219-share-landing.has-app-banner{padding-block-start:0!important;padding-block-end:0!important;background:var(--color-paper);color:var(--color-ink)}
body.v219-share-landing .topbar,body.v219-share-landing .bottom,body.v219-share-landing #appInstallBanner{display:none!important}
body.v219-share-landing #app{min-height:100svh;background:var(--color-paper)}
.v219-watch-shell{width:100%;min-width:0;min-height:100svh;margin:0 auto;background:var(--color-paper);color:var(--color-ink)}
.v219-landing-bar{position:relative;z-index:3;display:grid;min-height:56px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;padding:env(safe-area-inset-top) max(var(--space-3),env(safe-area-inset-right)) 0 max(var(--space-3),env(safe-area-inset-left));background:var(--color-paper-raised);color:var(--color-ink)}
.v219-back,.v219-bar-share{display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:var(--radius-sm);padding:0;background:transparent;color:var(--color-muted);text-decoration:none}
.v219-back svg,.v219-bar-share svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.v219-brand{display:flex;min-width:0;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-ink);text-decoration:none;white-space:nowrap}
.v219-brand img{width:30px;height:30px;border-radius:var(--radius-sm)}
.v219-brand b{font-family:var(--font-display);font-size:.78rem;font-style:normal;letter-spacing:.05em}

.v219-watch-hero{position:relative;display:grid;min-height:clamp(340px,62svh,560px);align-items:end;background:var(--color-paper-soft) center 28%/cover no-repeat;color:var(--color-ink)}
.v219-watch-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--color-paper) 0%,color-mix(in oklab,var(--color-paper) 92%,transparent) 11%,color-mix(in oklab,var(--color-paper) 32%,transparent) 58%,color-mix(in oklab,var(--color-paper) 8%,transparent) 100%)}
.v219-watch-hero-copy{position:relative;z-index:1;display:grid;min-width:0;justify-items:center;padding:var(--space-7) var(--space-4) var(--space-6);text-align:center}
.v219-original{border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);background:var(--color-accent);color:var(--color-accent-ink);font-family:var(--font-mono);font-size:.58rem;font-weight:900;letter-spacing:.09em;white-space:nowrap}
.v219-watch-hero h1{min-width:0;max-width:17ch;margin:var(--space-3) 0 0;font-family:var(--font-display);font-size:clamp(2rem,10vw,4.25rem);font-style:normal;line-height:.96;overflow-wrap:anywhere}
.v219-watch-hero-copy>p{display:-webkit-box;max-width:56ch;margin:var(--space-3) 0 0;overflow:hidden;color:var(--color-muted);font-size:.86rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.v219-social-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-block-start:var(--space-4)}
.v219-social-proof span{display:flex;align-items:center;gap:var(--space-1);color:var(--color-muted);font-size:.72rem;white-space:nowrap}
.v219-social-proof svg{width:17px;height:17px;fill:none;stroke:var(--color-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.v219-social-proof b{color:var(--color-ink);font-variant-numeric:tabular-nums}

.v219-watch-choice{display:grid;justify-items:center;padding:var(--space-6) max(var(--space-4),env(safe-area-inset-right)) var(--space-6) max(var(--space-4),env(safe-area-inset-left));background:var(--color-paper);color:var(--color-ink)}
.v219-watch-choice>header{min-width:0;text-align:center}
.v219-watch-choice h2{min-width:0;margin:0;font-family:var(--font-display);font-size:1.45rem;font-style:normal;overflow-wrap:anywhere}
.v219-watch-choice header p{max-width:48ch;margin:var(--space-2) auto 0;color:var(--color-muted);font-size:.82rem;line-height:1.45}
.v219-store-list{display:grid;width:min(100%,680px);grid-template-columns:minmax(0,1fr);gap:var(--space-2);margin-block-start:var(--space-5)}
.v219-store-link{display:grid;min-width:0;min-height:68px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--color-paper-raised);color:var(--color-ink);text-align:start;text-decoration:none}
.v219-store-link.is-primary{border-color:transparent;background:var(--color-accent);color:var(--color-accent-ink)}
.v219-store-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:var(--radius-sm);background:var(--color-paper-soft);color:var(--color-ink)}
.v219-store-link.is-primary .v219-store-icon{background:color-mix(in oklab,var(--color-paper) 16%,transparent);color:var(--color-accent-ink)}
.v219-store-icon svg{width:23px;height:23px;fill:currentColor;stroke:none}
.v219-store-icon svg circle,.v219-store-icon svg path{vector-effect:non-scaling-stroke}
.v219-store-link[data-v218-destination="ios"] .v219-store-icon{background:linear-gradient(145deg,#35b7ff 0%,#0878ee 54%,#075bd6 100%);color:#f7fbff;box-shadow:inset 0 1px 0 rgb(255 255 255/.34),0 5px 14px rgb(8 120 238/.24)}
.v219-store-link[data-v218-destination="android"] .v219-store-icon{background:#f7f9fc;box-shadow:inset 0 0 0 1px rgb(15 23 42/.08),0 5px 14px rgb(2 8 23/.12)}
.v219-store-link[data-v218-destination="android"] .v219-store-icon svg path:nth-child(1){fill:#00c98b}
.v219-store-link[data-v218-destination="android"] .v219-store-icon svg path:nth-child(2){fill:#ff3d65}
.v219-store-link[data-v218-destination="android"] .v219-store-icon svg path:nth-child(3){fill:#2f9bff}
.v219-store-link[data-v218-destination="android"] .v219-store-icon svg path:nth-child(4){fill:#ffc928}
.v219-store-link[data-v218-destination="web"] .v219-store-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}
.v219-store-copy{display:grid;min-width:0;gap:var(--space-1)}
.v219-store-copy small{color:var(--color-muted);font-size:.62rem;font-weight:700}
.v219-store-copy b{min-width:0;overflow:hidden;font-size:.83rem;text-overflow:ellipsis;white-space:nowrap}
.v219-store-link.is-primary .v219-store-copy small{color:var(--color-accent-ink)}
.v219-store-arrow{font-size:1.05rem;font-weight:900}
.v219-store-link:disabled,.v219-store-link[aria-disabled="true"]{cursor:not-allowed}
.v219-store-link:disabled .v219-store-copy,.v219-store-link:disabled .v219-store-arrow,.v219-store-link[aria-disabled="true"] .v219-store-copy,.v219-store-link[aria-disabled="true"] .v219-store-arrow{opacity:.5}
.v219-page-share{display:flex;min-height:44px;align-items:center;gap:var(--space-2);margin-block-start:var(--space-4);border:0;border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);background:transparent;color:var(--color-muted);font-weight:800;white-space:nowrap}
.v219-page-share svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.v219-landing-footer{padding:0 var(--space-4) max(var(--space-5),env(safe-area-inset-bottom));background:var(--color-paper);color:var(--color-muted);font-size:.7rem;text-align:center}

.v219-back:focus-visible,.v219-brand:focus-visible,.v219-bar-share:focus-visible,.v219-store-link:focus-visible,.v219-page-share:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
.v219-back:active,.v219-brand:active,.v219-bar-share:active,.v219-store-link:active,.v219-page-share:active{transform:translateY(1px);opacity:.78}
.v219-bar-share:disabled,.v219-page-share:disabled{cursor:wait;opacity:.5}
.v219-store-link[data-state="loading"],.v219-page-share[data-state="loading"]{cursor:wait;opacity:.66}
.v219-store-link[data-state="error"],.v219-page-share[data-state="error"]{outline:2px solid var(--color-error);outline-offset:2px}
.v219-store-link[data-state="success"],.v219-page-share[data-state="success"]{outline:2px solid var(--color-success);outline-offset:2px}

@media(hover:hover) and (pointer:fine){
  .v219-back:hover,.v219-bar-share:hover,.v219-page-share:hover{background:var(--color-paper-soft);color:var(--color-ink)}
  .v219-store-link:hover{transform:translateY(-1px);border-color:var(--color-muted)}
  .v219-store-link.is-primary:hover{border-color:transparent;filter:brightness(1.05)}
}

@media(min-width:40rem){
  .v219-watch-shell{max-width:820px;border-inline:1px solid var(--color-rule)}
  .v219-watch-hero-copy{padding-inline:var(--space-7)}
  .v219-store-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v219-store-link.is-primary:last-child{grid-column:1/-1}
}

@media(min-width:60rem){
  .v219-watch-shell{margin-block:var(--space-5);min-height:calc(100svh - var(--space-7));border:1px solid var(--color-rule);border-radius:var(--radius-lg);overflow:clip}
  .v219-store-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v219-store-link.is-primary:last-child{grid-column:auto}
}

@media(pointer:coarse){.v219-store-link,.v219-page-share{min-height:48px}}
@media(prefers-reduced-motion:reduce){.v219-store-link,.v219-page-share,.v219-back,.v219-brand,.v219-bar-share{transition-duration:var(--duration-fast)!important;transform:none!important}}
