:root{color-scheme:light dark;--paper:#f7f5ee;--ink:#222820;--muted:#62665e;--line:#d8dad2;--red:#dc402c;--edge:#a62314;--link:#284e76;--face:#fff9ed}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1rem;line-height:1.6}a{color:var(--link);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:active{opacity:.7}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--link);outline-offset:8px}.skip{position:absolute;left:16px;top:-80px}.skip:focus{top:16px;background:var(--paper);z-index:2}header,footer{max-width:1280px;margin:auto;padding:32px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}header>a:last-child{font-size:.875rem;color:var(--muted)}.wordmark{font-size:1.125rem;font-weight:800;letter-spacing:-.04em;text-decoration:none;color:var(--ink)}.wordmark span{color:var(--red)}.home{max-width:1200px;min-height:calc(100svh - 192px);margin:auto;padding:48px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.eyebrow{font-size:.875rem;color:var(--muted);margin:0 0 24px;font-weight:600}h1{font-size:clamp(2.75rem,5.5vw,4.5rem);line-height:1.06;letter-spacing:-.055em;font-weight:800;margin:0 0 24px}.lede{color:var(--muted);font-size:1.125rem;line-height:1.7;max-width:40rem}.app-store{margin-top:48px}.app-store a{display:inline-flex;align-items:center;min-height:44px;padding:9px 18px;border-radius:12px;background:var(--ink);color:var(--paper);font-weight:700;text-decoration:none}.app-store a:hover{filter:brightness(1.12)}.app-store span{display:block;color:var(--muted);font-size:.875rem;margin-top:8px}.player{text-align:center;min-width:0}.status,.small{font-size:.875rem;color:var(--muted)}.status{min-height:24px}.voice{display:flex;justify-content:center;align-items:center;gap:8px;color:var(--muted);font-size:.875rem}select{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:8px 24px 8px 12px;border-radius:8px;min-height:44px}.text-button{border:0;background:transparent;color:var(--link);padding:8px;min-height:44px;text-decoration:underline;text-underline-offset:4px}.text-button:hover{background:var(--line)}.text-button:active{opacity:.7}.story{margin-top:24px;padding-top:24px;border-top:1px solid var(--line);text-align:left}.story p{font-size:1.125rem;line-height:1.6;margin:0 0 12px}.story a{font-size:.875rem}.small{margin-top:16px}.document{max-width:760px;margin:32px auto 80px;padding:32px}.document h1{font-size:3.5rem}.document h2{font-size:1.375rem;line-height:1.3;letter-spacing:-.025em;margin-top:40px}.document p{overflow-wrap:anywhere}footer{border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}footer nav{display:flex;gap:24px;flex-wrap:wrap}footer a{color:var(--muted)}[hidden]{display:none!important}
@media(max-width:760px){header,footer{padding:24px}.home{grid-template-columns:1fr;padding:32px 24px 48px;gap:32px;min-height:auto}.intro{text-align:center}.lede{margin-left:auto;margin-right:auto}.app-store{margin-top:24px}.wide{display:none}.player{max-width:460px;width:100%;margin:auto}.news-button{--diameter:min(280px,75vw)}footer{align-items:flex-start;flex-direction:column;gap:16px}.document{padding:24px;margin-top:16px}.document h1{font-size:2.75rem}}
@media(prefers-color-scheme:dark){:root{--paper:#1b1d1a;--ink:#f4f4ed;--muted:#b2b6ad;--line:#3f443b;--link:#a6c8ed}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Ratios and colors mirror ios/Shared/RedButton.swift. Only the cap travels. */
.news-button{--diameter:min(320px,75vw);--spring:cubic-bezier(.22,1.35,.36,1);display:block;width:var(--diameter);height:calc(var(--diameter)*.94);margin:0 auto 40px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff9ed;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}
.button-stack{display:grid;width:100%;height:100%;filter:drop-shadow(0 calc(var(--diameter)*.075) calc(var(--diameter)*.06) #00000029);transition:filter .26s var(--spring)}
.button-stack>span{grid-area:1/1;border-radius:50%}
.button-base{background:#a6ad9c;transform:translateY(calc(var(--diameter)*.045))}
.button-rim{background:linear-gradient(to bottom right,#e6e8db,#c4ccba)}
.button-edge,.button-cap{margin:calc(var(--diameter)*.043)}
.button-edge{background:#a62414;transform:translateY(calc(var(--diameter)*.012))}
.button-cap{display:grid;place-items:center;background:radial-gradient(circle at 40% 18%,#eb5240 0%,#e84730 100%);box-shadow:inset 0 0 0 1px #ffffff66;transform:translateY(calc(var(--diameter)*-.03));transition:transform .26s var(--spring),filter .26s var(--spring)}
.button-label{display:block;font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:900;font-size:calc(var(--diameter)*.24);letter-spacing:calc(var(--diameter)*-.012);line-height:.96;text-align:center;color:#fff9ed;transform:rotate(-7deg);text-shadow:0 1px #00000024}
.news-button:hover:not(:disabled) .button-cap{filter:brightness(1.015)}
.news-button.is-down .button-cap{transform:translateY(calc(var(--diameter)*.012)) scale(.985);filter:brightness(.965);transition:transform .06s ease-out,filter .06s ease-out}
.news-button.is-down .button-stack{filter:drop-shadow(0 calc(var(--diameter)*.04) calc(var(--diameter)*.035) #00000029);transition:filter .06s ease-out}
@media(prefers-color-scheme:dark){.button-base{background:#454545}.button-rim{background:linear-gradient(to bottom right,#757575,#4f4f4f)}.button-stack{filter:drop-shadow(0 calc(var(--diameter)*.075) calc(var(--diameter)*.06) #00000040)}.news-button.is-down .button-stack{filter:drop-shadow(0 calc(var(--diameter)*.04) calc(var(--diameter)*.035) #00000040)}}
@media(max-width:760px){.news-button{--diameter:min(280px,75vw)}}

/* Keep the player anchored as stories and playback controls appear. */
.home{align-items:start;padding-block:clamp(64px,10vh,112px)}
.intro{padding-top:64px}
.voice{display:grid;grid-template-columns:minmax(0,1fr) 144px minmax(0,1fr);gap:12px;min-height:44px}
.voice label{text-align:right}
.voice select{width:100%;cursor:pointer;transition:border-color .15s,background-color .15s}
.voice select:hover{border-color:var(--muted)}
.voice .text-button{justify-self:start;border-radius:8px;white-space:nowrap;padding:8px 4px}
.voice .text-button[hidden]{display:inline-block!important;visibility:hidden;pointer-events:none}
.story{padding-top:24px}
.story p{overflow-wrap:anywhere}
.story a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
header a,footer a{display:inline-flex;align-items:center;min-height:44px}
header{padding-block:24px}
.wordmark{white-space:nowrap}
header>a:last-child{white-space:nowrap}
footer{padding-block:24px}
footer nav{column-gap:24px;row-gap:4px}
.document{max-width:736px;padding-block:24px}
.document h2{margin-top:32px}
.document p{line-height:1.75}
@media(max-width:760px){
  header{padding:16px 24px;gap:16px}
  .home{display:flex;flex-direction:column;gap:0;padding:24px 24px 40px}
  .intro{display:contents}
  .intro .eyebrow,.intro h1,.intro .lede{width:100%;text-align:center}
  .intro .eyebrow{margin:0 0 16px}
  .intro h1{margin:0 0 16px}
  .intro .lede{margin:0 auto 32px;font-size:1rem;max-width:340px;line-height:1.6}
  .player{order:1;align-self:center}
  .app-store{order:2;width:100%;text-align:center;margin:32px 0 0;padding-top:24px;border-top:1px solid var(--line)}
  .news-button{--diameter:min(264px,72vw);margin-bottom:24px}
  .status{min-height:48px;display:flex;align-items:center;justify-content:center;margin:8px 0}
  .voice{gap:8px;grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr)}
  .voice .text-button{white-space:normal;line-height:1.3}
  .small{margin-bottom:0}
  footer{gap:8px;padding:24px}
  .document{margin:16px auto 48px;padding:16px 24px}
}
@media(max-width:360px){header{padding-inline:16px;gap:8px}.wordmark{font-size:1rem}.home{padding-inline:16px}}