@font-face { font-family:'Plus Jakarta Sans'; src:url('/assets/PlusJakartaSans.ttf') format('truetype'); font-weight:200 800; font-style:normal; font-display:swap; }
@font-face { font-family:'Lemon Milk'; src:url('/assets/LEMONMILK-Regular.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
[hidden] { display:none !important; }
:root { --ch-ink:#050505; --ch-surface:#101216; --ch-raised:#1b2030; --ch-muted:#a8adb7; --ch-blue:#1537e8; }
.experience-ready { background:var(--ch-ink); color:#fff; font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif; }
.experience-ready h1,.experience-ready h2,.experience-ready h3,.auth-overlay h1,.audio-page h1,.audio-page h2,.audio-page h3,body:not(.experience-ready) h1,body:not(.experience-ready) h2,body:not(.experience-ready) h3 { font-family:'Lemon Milk',Impact,sans-serif; font-weight:400; letter-spacing:0; }
#experience[hidden] { display:none; }
#experience { min-height:100vh; max-width:1440px; margin:auto; padding:0 clamp(20px,3.4vw,48px); }
.experience-header { display:flex; align-items:center; gap:28px; min-height:72px; position:sticky; top:0; z-index:10; background:rgba(5,5,5,.97); }
.experience-logo { width:166px; height:37px; flex:none; display:flex; align-items:center; margin-right:8px; }
.experience-logo img { width:100%; height:100%; object-fit:contain; }
.experience-display-heading { display:block; height:28px; width:auto; max-width:min(100%,475px); object-fit:contain; object-position:left center; }
.experience-display-heading[src$="heading-about.png"],.experience-display-heading[src$="heading-more.png"] { height:27.5px; }
.experience-display-heading[src$="heading-chapters.png"] { height:26.5px; }
.experience-display-heading[src$="heading-review.png"] { height:37px; }
.experience-nav { display:flex; align-items:center; gap:25px; flex:1; }
.experience-header a { color:var(--ch-muted); text-decoration:none; font-size:14px; white-space:nowrap; }
.experience-header a:hover,.experience-header a[aria-current=page],.experience-header a:focus-visible { color:#fff; }
.experience-header .experience-logo { color:#fff; }
.experience-header form { flex:0 1 190px; }
.experience-header input { width:100%; border:0; border-radius:8px; background:var(--ch-raised); color:white; padding:12px; font:inherit; font-size:13px; }
.experience-header input::placeholder { color:var(--ch-muted); }
.experience-header button { color:#fff; background:none; border:0; padding:8px; font-size:14px; font-weight:500; white-space:nowrap; }
.experience-header button:hover { color:#8aa1ff; }
.experience-header .experience-join { background:#1537e8; color:#fff; padding:10px 17px; border-radius:9px; }
.experience-header .experience-join:hover { color:#fff; background:#3150f4; }
.footer-wordmark { width:166px; height:37px; object-fit:contain; }
.auth-open { overflow:hidden; }
.trailer-overlay { position:fixed; inset:0; z-index:110; display:grid; place-items:center; padding:24px; background:#000e; }
.trailer-overlay > div { width:min(100%,900px); position:relative; }
.trailer-overlay video { width:100%; aspect-ratio:16/9; background:#000; }
#trailer-close { position:absolute; right:4px; top:-50px; background:none; color:#fff; font-size:32px; }
#trailer-message { color:#fff; }
.experience-player { position:fixed; inset:0; z-index:95; overflow:auto; background:#050505; color:white; font-family:'Plus Jakarta Sans',sans-serif; }
.experience-player header { position:absolute; z-index:2; top:0; left:0; right:0; display:flex; align-items:center; gap:32px; padding:22px clamp(20px,3vw,54px); background:linear-gradient(#050912bd,transparent); font-size:20px; }
.experience-player header button { color:white; border:0; background:transparent; padding:9px 0; font:700 18px 'Plus Jakarta Sans',sans-serif; cursor:pointer; }
.experience-player header strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#ch-video-state { margin-left:auto; min-width:110px; padding:8px 15px; border-radius:8px; background:#1b2030d9; font-size:13px; font-weight:700; text-align:center; letter-spacing:.06em; }
#ch-video-state:empty { display:none; }
#experience-player-stage { width:100%; min-height:100dvh; }
#experience-player-stage #playback-check { display:grid; grid-template-rows:minmax(320px,1fr) auto; align-content:stretch; min-height:100dvh; margin:0; border:0; border-radius:0; padding:0; background:#050505; }
#experience-player-stage #playback-heading,#experience-player-stage .profile-note,#experience-player-stage .actions { display:none; }
.ch-video-surface { position:relative; display:grid; place-items:center; min-height:0; background:radial-gradient(circle at 60% 30%,#142038,#050505 72%); }
/* PRESTOplay inserts a container around the video; fill the allocated stage. */
#experience-player-stage .ch-video-surface > .clpp-container { position:absolute; inset:0; width:100%; height:100%; }
#experience-player-stage .clpp-container #playback-video { margin:0; border-radius:0; max-height:none; }
#experience-player-stage #playback-video { display:block; width:100%; height:100%; max-height:calc(100dvh - 174px); object-fit:contain; background:#050505; }
#experience-player-stage #playback-video[hidden] { display:none; }
#ch-video-center { position:absolute; z-index:1; left:50%; top:50%; transform:translate(-50%,-50%); width:88px; height:88px; padding:0 0 0 5px; border:2px solid white; border-radius:50%; background:#1537e8; color:#fff; font-size:38px; cursor:pointer; box-shadow:0 10px 32px #0009; }
#ch-video-center:hover,#ch-video-center:focus-visible { background:#3150f4; }
.ch-video-controls { padding:12px clamp(20px,3vw,54px) 22px; background:linear-gradient(#0b0e15,#050505); }
.ch-video-timeline { display:block; }
.ch-video-timeline input { appearance:none; -webkit-appearance:none; padding:0; border:0; box-shadow:none; display:block; width:100%; height:22px; margin:0; cursor:pointer; accent-color:#1537e8; background:transparent; }
.ch-video-timeline input::-webkit-slider-runnable-track { height:6px; border-radius:9px; background:linear-gradient(to right,#1537e8 var(--played,0%),#707887 var(--played,0%)); }
.ch-video-timeline input::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:14px; height:14px; margin-top:-4px; border:0; border-radius:50%; background:#1537e8; }
.ch-video-timeline input::-moz-range-thumb { width:14px; height:14px; border:0; border-radius:50%; background:#1537e8; }
.ch-video-timeline input:focus-visible { outline:2px solid #9eb3ff; outline-offset:3px; }
.ch-video-timeline input::-moz-range-track { height:6px; border-radius:9px; background:#707887; }
.ch-video-timeline input::-moz-range-progress { height:6px; border-radius:9px; background:#1537e8; }
.ch-video-time { display:grid; grid-template-columns:150px 1fr 150px; gap:12px; margin:6px 0 22px; color:#d1d5e1; font-size:14px; }
.ch-video-time span:last-child { text-align:right; }
.ch-video-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.ch-video-actions button,.ch-video-actions label { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 16px; border:1px solid #303849; border-radius:9px; background:#1b2030; color:#fff; font:600 14px 'Plus Jakarta Sans',sans-serif; cursor:pointer; }
.ch-video-actions button:hover,.ch-video-actions button:focus-visible,.ch-video-actions select:focus-visible { border-color:#9eb3ff; outline:2px solid #9eb3ff; outline-offset:1px; }
.ch-video-actions .ch-video-primary { min-width:135px; border-color:#1537e8; background:#1537e8; }
.ch-video-actions .ch-video-primary:hover { background:#3150f4; }
.ch-video-actions select { max-width:145px; border:0; color:#fff; background:#1b2030; font:inherit; cursor:pointer; }
.ch-video-actions .ch-video-volume { padding:5px 10px; cursor:default; }
.ch-video-volume input { width:80px; accent-color:#9eb3ff; }
#experience-player-stage #playback-status { grid-row:3; margin:0; padding:0 clamp(20px,3vw,54px) 12px; color:#a8adb7; font-size:13px; text-align:left; }
#experience-player-stage #playback-status:empty { display:none; }
/* In full screen the video uses the entire viewport; controls float over it. */
.experience-player.ch-fullscreen { width:100vw; height:100dvh; overflow:hidden; }
.experience-player.ch-fullscreen #experience-player-stage,
.experience-player.ch-fullscreen #experience-player-stage #playback-check { width:100%; height:100dvh; min-height:0; display:block; overflow:hidden; }
.experience-player.ch-fullscreen .ch-video-surface { width:100%; height:100dvh; }
.experience-player.ch-fullscreen #experience-player-stage #playback-video { width:100%; height:100dvh; max-height:none; object-fit:contain; }
.experience-player.ch-fullscreen .ch-video-controls { position:absolute; z-index:3; left:0; right:0; bottom:0; padding-top:32px; background:linear-gradient(transparent,#050505e8 35%,#050505); transition:opacity .22s ease,visibility .22s ease; }
.experience-player.ch-fullscreen header { transition:opacity .22s ease,visibility .22s ease; }
.experience-player.ch-fullscreen #playback-status:not(:empty) { position:absolute; z-index:4; left:0; bottom:155px; }
.experience-player.ch-fullscreen.ch-controls-idle { cursor:none; }
.experience-player.ch-fullscreen.ch-controls-idle header,
.experience-player.ch-fullscreen.ch-controls-idle .ch-video-controls { opacity:0; visibility:hidden; pointer-events:none; }
@media(max-width:700px) {
  .experience-player header { gap:14px; font-size:15px; padding:12px 18px; }
  .experience-player header button { font-size:15px; }
  #ch-video-state { min-width:0; font-size:10px; }
  #experience-player-stage #playback-check { grid-template-rows:minmax(240px,1fr) auto; }
  #experience-player-stage #playback-video { max-height:calc(100dvh - 250px); }
  .ch-video-controls { padding:8px 16px 16px; }
  .ch-video-time { grid-template-columns:70px 1fr 70px; font-size:11px; margin-bottom:12px; }
  .ch-video-actions { gap:7px; }
  .ch-video-actions button,.ch-video-actions label { font-size:12px; padding:8px 10px; }
  .ch-video-volume { display:none!important; }
}
.auth-overlay { position:fixed; inset:0; z-index:100; overflow-y:auto; background:linear-gradient(105deg,#0e1838 0%,#11121f 42%,#09090b 100%); color:white; font-family:'Plus Jakarta Sans',sans-serif; }
.auth-layout { min-height:100vh; width:min(1440px,100%); margin:auto; display:grid; grid-template-columns:1fr 633px; align-items:center; gap:48px; padding:70px 65px 70px 74px; }
.auth-story { align-self:stretch; position:relative; display:flex; flex-direction:column; justify-content:center; min-width:0; }
.auth-story:before { content:''; position:absolute; width:680px; height:720px; left:-110px; top:8%; pointer-events:none; background:radial-gradient(ellipse at center,rgba(19,41,110,.5),transparent 68%); }
.auth-wordmark { position:absolute; top:-30px; left:0; width:172px; height:38px; }
.auth-wordmark img { width:100%; height:100%; object-fit:contain; }
.auth-quote { position:relative; padding:0 10px 0 31px; }
.auth-quote > span { display:block; color:#4268d8; font-size:116px; font-weight:700; height:95px; line-height:1; }
.auth-quote blockquote { padding:0; margin:10px 0 34px; font-size:clamp(29px,3vw,41px); line-height:1.23; font-weight:700; letter-spacing:-.035em; }
.auth-quote cite { display:block; color:#b4c4e8; font-size:15px; font-style:normal; font-weight:600; }
.auth-quote p { color:#9faabe; font-size:17px; margin-top:18px; }
.auth-card { position:relative; background:#13151a; border:1px solid #323744; border-radius:19px; padding:30px 40px 36px; box-shadow:0 20px 55px #0005; }
.auth-card h1 { font-size:30px; line-height:1.25; margin:0 0 4px; letter-spacing:-.035em; }
.auth-card > p { color:#abb3be; font-size:16px; margin:0 0 25px; }
.auth-close { position:absolute; right:14px; top:12px; color:#abb3be; background:transparent; border:0; font-size:29px; padding:0 10px; }
#auth-social { display:grid; gap:10px; }
#auth-social button { height:46px; border:1px solid #414650; border-radius:10px; background:#222429; color:#fff; font:500 17px 'Plus Jakarta Sans',sans-serif; }
#auth-social button { display:flex; align-items:center; justify-content:center; gap:12px; }
.auth-provider-icon { width:19px; height:19px; display:inline-grid; place-items:center; font-family:Arial,sans-serif; font-size:20px; font-weight:800; }
.auth-provider-icon.auth-google { background:conic-gradient(#4285f4 0 90deg,#34a853 90deg 180deg,#fbbc05 180deg 270deg,#ea4335 270deg); color:transparent; background-clip:text; }
.auth-provider-icon.auth-facebook { color:#1877f2; font-size:24px; }
.auth-marketing { display:flex; align-items:flex-start; gap:10px; color:#c4cad8; font-size:13px; line-height:1.45; }
.auth-marketing input { width:17px!important; height:17px!important; flex:none; margin:1px 0 0; accent-color:#1537e8; }
#auth-social button:disabled { opacity:.56; cursor:not-allowed; }
.auth-divider { display:flex; align-items:center; gap:13px; justify-content:center; margin:13px 0 4px; color:#818894; font-size:14px; }
.auth-divider:before,.auth-divider:after { content:''; height:1px; background:#414650; flex:1; }
#auth-form { display:grid; gap:13px; }
#auth-form input { width:100%; height:49px; background:#222429; border:1px solid #414650; border-radius:10px; color:#fff; padding:0 15px; font:400 16px 'Plus Jakarta Sans',sans-serif; }
#auth-form input::placeholder { color:#858d99; }
.auth-password { position:relative; }
.auth-password input { padding-right:78px!important; }
.auth-password button { position:absolute; right:6px; top:5px; height:39px; padding:0 10px; background:transparent; color:#aab7cb; font-size:15px; }
#auth-forgot { justify-self:end; padding:0; margin:0 0 8px; background:transparent; color:#b3bfda; font-size:15px; font-weight:500; }
#auth-submit { width:100%; height:54px; background:#163aeb; border-radius:10px; color:#fff; font:700 18px 'Plus Jakarta Sans',sans-serif; }
#auth-submit:hover { background:#3455ff; }
#auth-message { min-height:20px; margin:10px 0!important; color:#b5c7f4!important; font-size:14px!important; }
#auth-switch { display:block; margin:0 auto; padding:6px; color:#b6c6e5; background:transparent; font:600 16px 'Plus Jakarta Sans',sans-serif; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:950px) { .auth-layout { grid-template-columns:1fr; gap:32px; padding:35px 24px; } .auth-story { min-height:190px; } .auth-wordmark { position:relative; top:0; } .auth-quote { display:none; } .auth-card { width:min(100%,633px); margin:auto; } }
@media(max-width:550px) { .auth-story { min-height:52px; } .auth-card { padding:34px 21px 26px; } .auth-card h1 { font-size:26px; } }
#experience-bell { font-size:23px; min-width:40px; position:relative; }
#experience-bell.has-unread:after { content:''; width:7px; height:7px; border-radius:50%; background:#64c8ff; position:absolute; top:7px; right:6px; }
#experience-content { min-height:45vh; }
.experience-hero { height:430px; display:grid; grid-template-columns:40.5% 59.5%; border-radius:12px; margin:0 0 34px; position:relative; overflow:hidden; background:#101216; }
.experience-hero-copy { position:relative; z-index:1; min-width:0; padding:24px 40px; display:flex; flex-direction:column; justify-content:center; background:#101216; }
.experience-hero-media { position:relative; min-width:0; overflow:hidden; background:linear-gradient(135deg,#111827,#0d1725 55%,#070a10); }
.experience-hero-media > img { display:block; width:100%; height:100%; object-fit:contain; }
.experience-inline-trailer { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; }
.experience-hero-video { z-index:1; }
.experience-hero-media:after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#10121670,transparent 32%),linear-gradient(0deg,#05050550,transparent 35%); pointer-events:none; }
.experience-preview-label { position:absolute; top:36px; left:36px; z-index:1; color:#7190ff; font-size:13px; font-weight:700; letter-spacing:.06em; }
.experience-hero-hint { color:#a8adb7; font-size:11px; font-weight:600; margin:25px 0 0; }
.experience-hero-trailer { position:absolute; z-index:2; right:25px; top:25px; border:1px solid #dbe3ff77; border-radius:7px; background:#090d16c4; color:white; padding:9px 12px; }
.experience-kicker { color:#7190ff; text-transform:uppercase; font-size:12px; font-weight:800; letter-spacing:.08em; }
.experience-hero h1 { font-size:clamp(31px,3.2vw,49px); line-height:1.08; margin:12px 0; letter-spacing:-.045em; text-transform:uppercase; }
.experience-display-title { font-weight:400; letter-spacing:0!important; }
.experience-description { color:#b9c0ca; line-height:1.5; font-size:15px; max-width:60ch; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; }
.experience-actions { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 0; }
.experience-actions button,.experience-actions a,.experience-account-panel button { min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:10px 21px; border-radius:9px; font-weight:750; font-size:14px; text-decoration:none; }
.experience-primary { color:#fff; background:var(--ch-blue); border:1px solid var(--ch-blue); border-radius:12px!important; }
.experience-secondary { color:#fff; background:#303743; border:1px solid #303743; }
.experience-pagination { position:absolute; z-index:3; right:24px; bottom:15px; display:flex; align-items:center; gap:5px; background:#090d16c9; border-radius:24px; padding:3px 7px; }
.experience-plain { color:#fff; background:transparent; border:0; font-size:18px; padding:6px; min-width:28px; }
.experience-plain[aria-current=true] { color:#8ca3ff; }
.experience-shelf { margin:28px 0 46px; }
.experience-shelf-head { display:flex; align-items:baseline; gap:18px; margin-bottom:16px; }
.experience-shelf-head h2 { font-size:24px; line-height:1.2; text-transform:uppercase; margin:0; }
.experience-shelf-head span { color:var(--ch-muted); font-size:13px; }
.experience-row { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(190px,248px); gap:20px; overflow-x:auto; padding-bottom:12px; scrollbar-color:#303743 #050505; }
.experience-card { display:block; position:relative; text-align:left; background:transparent; color:#fff; min-width:0; }
.experience-card-link { position:absolute; inset:0; z-index:3; border-radius:8px; }
.experience-card-link:focus-visible { outline:2px solid #a8bbff; outline-offset:3px; }
.experience-card .experience-image { width:100%; aspect-ratio:16/9; position:relative; border-radius:8px; overflow:hidden; background:linear-gradient(140deg,#111421,#202c47 52%,#09101b); }
.experience-card .experience-image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .2s ease; }
.experience-card:hover img,.experience-card:focus-within img { transform:scale(1.04); }
.experience-card-video { z-index:1; }
.experience-card-preview { position:absolute; z-index:2; left:0; bottom:0; width:100%; padding:35px 12px 11px; font-size:12px; font-weight:700; color:#fff; background:linear-gradient(transparent,#050505e8); opacity:0; transition:opacity .2s ease; display:grid; gap:5px; }
.experience-card:hover .experience-card-preview,.experience-card:focus-within .experience-card-preview { opacity:1; }
.experience-card-preview strong { font-family:'Plus Jakarta Sans',system-ui,sans-serif; font-size:14px; font-weight:700; line-height:1.25; }
.experience-card-meta { display:flex; gap:7px; align-items:center; color:#e4e8ef; }
.experience-card-meta > span + span:not(.experience-rating):before { content:'·'; margin-right:7px; }
.experience-rating { border:1px solid #d9dce6; border-radius:2px; padding:1px 4px; font-size:10px; line-height:1.1; letter-spacing:.02em; color:#fff; background:#1118; }
.experience-type { position:absolute; z-index:2; right:9px; top:9px; border:1px solid rgba(66,94,173,.65); border-radius:9px; width:30px; height:30px; display:grid; place-items:center; color:#5475ff; background:#0b101c; }
.content-badges { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 12px; }
.content-badges[hidden] { display:none; }
.content-badge { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border-radius:4px; font-family:'Plus Jakarta Sans',system-ui,sans-serif; font-weight:800; font-size:10px; line-height:1.2; letter-spacing:.07em; box-shadow:0 1px 5px #0005; }
.content-badge::before { content:''; width:6px; height:6px; flex:none; transform:rotate(45deg); background:currentColor; }
.content-badge-original { color:#fff; background:#263fa3; border:1px solid #6985ff; }
.content-badge-exclusive { color:#263fa3; background:#fff; border:1px solid #fff; }
.content-badges-card { position:absolute; z-index:2; left:9px; top:9px; max-width:calc(100% - 58px); flex-direction:column; align-items:flex-start; gap:4px; margin:0; pointer-events:none; }
.content-badges-card .content-badge { font-size:9px; padding:4px 6px; max-width:100%; }
.experience-type svg { width:19px; height:19px; }
.experience-video-type { background:#1537e8; border-color:#1537e8; color:#fff; }
.experience-audio-type { background:#fff; border-color:#fff; color:#1537e8; }
.experience-trailer-sound { position:absolute; z-index:4; right:12px; top:12px; display:grid; place-items:center; width:34px; height:34px; padding:5px; border:1px solid #ffffff85; border-radius:50%; background:#090d16cc; color:#fff; cursor:pointer; }
.experience-trailer-sound svg { width:20px; height:20px; }
.experience-hero-media .experience-trailer-sound { top:20px; right:20px; }
.experience-card .experience-trailer-sound { top:auto; bottom:10px; right:10px; }
.experience-trailer-sound:focus-visible { outline:2px solid #a8bbff; outline-offset:2px; }
.experience-heading { padding:38px 0 28px; }
.experience-heading h1 { font-size:clamp(36px,4vw,50px); margin:0 0 6px; letter-spacing:-.04em; }
.experience-heading p,.experience-empty { color:#abb5c7; font-size:16px; line-height:1.55; }
.experience-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:30px 20px; margin:12px 0 60px; }
.experience-detail { display:grid; grid-template-columns:41% 59%; gap:0; border-radius:12px; background:#101216; margin:28px 0; min-height:430px; overflow:hidden; }
.experience-detail .experience-image { min-height:430px; position:relative; background:linear-gradient(140deg,#111421,#202c47); overflow:hidden; }
.experience-detail .experience-image img { display:block; width:100%; height:100%; object-fit:cover; }
.experience-detail .experience-landscape:after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#1012167a,transparent 32%); pointer-events:none; }
.experience-detail .experience-poster { min-height:0; margin:32px; width:248px; height:370px; border-radius:9px; }
.experience-detail.experience-audio-detail { grid-template-columns:312px 1fr; }
.experience-detail-copy { padding:42px 48px; min-width:0; }
.experience-audio-detail .experience-detail-copy { padding-left:24px; }
.experience-detail-copy h1 { font-size:clamp(30px,4vw,52px); line-height:1.08; margin:14px 0; }
.experience-meta { color:#a8adb7; }
.experience-about-row { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr); gap:26px; }
.experience-about,.experience-account-panel,.experience-chapters { background:#101216; border-radius:9px; padding:26px; margin:0 0 26px; line-height:1.7; }
.experience-about { min-height:210px; }
.experience-reviews { display:flex; align-items:stretch; gap:32px; padding:30px; background:#101216; border-radius:9px; margin:0 0 32px; min-height:145px; }
.experience-reviews h2 { margin:0; }
.experience-reviews p { color:#a8adb7; }
.experience-review-overview { flex:0 0 250px; min-width:0; }
.experience-review-overview h3 { margin:20px 0 12px; color:#8fa8ff; font:400 12px 'Lemon Milk',sans-serif; letter-spacing:.06em; text-transform:uppercase; }
.experience-skull-scale { display:inline-flex; gap:5px; align-items:center; }
.experience-skull-slot { position:relative; display:block; width:28px; height:28px; color:#707887; }
.experience-skull-fill { position:absolute; top:0; left:0; height:100%; overflow:hidden; color:#9eb3ff; }
.experience-skull { display:block; width:28px; height:28px; flex:none; }
.experience-review-content { min-width:0; flex:1; }
.experience-review-summary { margin:12px 0 0; font-weight:700; }
.experience-review-form { display:grid; grid-template-columns:1fr; gap:12px; }
.experience-review-form label { display:grid; gap:7px; color:#c6cad3; font-size:13px; }
.experience-review-rating { display:grid; gap:8px; color:#c6cad3; font-size:13px; }
.experience-skull-choices { display:flex; gap:4px; align-items:center; }
.experience-review-form .experience-skull-choice { box-sizing:border-box; flex:0 0 44px; width:44px; height:44px; padding:0; display:flex; align-items:center; justify-content:center; border:0; border-radius:8px; background:transparent; color:#707887; cursor:pointer; }
.experience-skull-choice.selected { color:#9eb3ff; }
.experience-skull-choice:hover,.experience-skull-choice:focus-visible { background:#252b3b; outline:2px solid #9eb3ff; outline-offset:1px; }
.experience-review-form textarea { width:100%; border:1px solid #344057; border-radius:8px; color:white; background:#1b2030; padding:10px; font:inherit; }
.experience-review-form button.experience-primary { justify-self:start; min-height:42px; padding:9px 17px; color:white; }
.experience-review-form > p { margin:0; }
.experience-review-list { display:grid; gap:10px; margin-top:18px; }
.experience-review-list article { border-top:1px solid #303849; padding-top:12px; }
.experience-review-list article p { margin:6px 0; }
.experience-review-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.experience-review-remove { min-height:42px; padding:9px 12px; border:1px solid #566078; border-radius:8px; background:transparent; color:#c6cad3; cursor:pointer; }
.experience-review-actions [hidden] { display:none; }
.experience-review-list article p { white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:950px) { .experience-reviews { flex-direction:column; } .experience-review-overview,.experience-review-content { flex:auto; width:100%; } }
.experience-facts p { display:grid; grid-template-columns:95px 1fr; gap:8px; margin:6px 0; color:#e7e8ee; font-size:13px; }
.experience-facts span { color:#a8adb7; }
.experience-facts .experience-rating { justify-self:start; align-self:center; font-size:12px; font-weight:700; }
.experience-credits { display:grid; gap:20px; margin-top:22px; }
.experience-credit-group { min-width:0; padding-top:18px; border-top:1px solid #252b35; }
.experience-credit-group h3 { margin:0 0 12px; color:#8fa8ff; font:400 12px 'Lemon Milk',sans-serif; letter-spacing:.06em; text-transform:uppercase; }
.experience-credit-group ul { list-style:none; display:grid; gap:12px; padding:0; margin:0; }
.experience-credit-group li { display:grid; gap:2px; padding-bottom:12px; border-bottom:1px solid #252b35; }
.experience-credit-group li:last-child { border-bottom:0; padding-bottom:0; }
.experience-credit-group strong { font:700 14px 'Plus Jakarta Sans',sans-serif; }
.experience-credit-group li span { color:#a8adb7; font-size:13px; }
.experience-facts .experience-credit-empty { display:block; margin:0; color:#a8adb7; }
.experience-chapter { display:block; width:100%; margin:8px 0; border:0; border-radius:7px; text-align:left; padding:15px; color:#fff; background:#1b2030; }
.experience-chapter:hover { background:#293554; }
.experience-all-title { margin:48px 0 15px; }
.experience-filters { display:flex; gap:14px; flex-wrap:wrap; margin:0 0 30px; }
.experience-filter-label { display:grid; gap:7px; min-width:160px; flex:1 1 165px; max-width:260px; color:#abb5c7; font-size:12px; }
.experience-filter-label select { width:100%; min-height:42px; border:1px solid #344057; border-radius:8px; background:#1b2030; color:#fff; padding:8px 12px; font:inherit; font-size:14px; }
.experience-filter-label select:focus-visible,.experience-load-more:focus-visible { outline:2px solid #8fa8ff; outline-offset:2px; }
.experience-load-more { display:block; margin:28px auto; border:1px solid #344057; border-radius:8px; padding:11px 20px; background:#1b2030; color:#fff; font:inherit; cursor:pointer; }
.experience-load-more:hover { background:#293554; }
.experience-catalog-continuation { min-height:88px; padding-bottom:24px; text-align:center; }
.experience-catalog-status { min-height:1.5em; margin:8px 0; color:#aab5c9; font-size:14px; }
.experience-catalog-continuation .experience-load-more { margin:12px auto; }
.experience-about h2,.experience-account-panel h2 { margin-top:0; }
.experience-profile-row { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:24px; }
.experience-account-panel .experience-profile { width:140px; min-height:112px; background:#1b2030; color:#fff; border:1px solid #313b57; }
.experience-account-panel .experience-profile.active { border-color:#7190ff; box-shadow:0 0 0 2px #1537e8; }
.experience-footer { margin-top:66px; border:1px solid #1f2939; background:#070a0f; padding:26px; display:grid; grid-template-columns:2fr repeat(2,1fr); gap:25px; color:#abb5c7; font-size:13px; }
.experience-footer strong { font-size:21px; color:#fff; letter-spacing:-.08em; }
.experience-footer h3 { color:#8fa8ff; font-family:'Lemon Milk',system-ui,sans-serif; font-size:12px; font-weight:400; letter-spacing:.06em; text-transform:uppercase; margin-top:3px; }
.experience-footer a { display:block; color:#abb5c7; margin:10px 0; text-decoration:none; }
.experience-footer a:hover { color:white; }
.experience-availability { grid-column:1/-1; border-top:1px solid #1f2939; padding-top:18px; display:flex; align-items:center; gap:18px 30px; flex-wrap:wrap; }
.experience-availability .platform-logo { color:#e7e8eb; display:inline-flex; align-items:center; gap:8px; min-height:42px; margin:0; font-size:13px; font-weight:600; white-space:nowrap; }
.experience-availability .platform-logo:hover,.experience-availability .platform-logo:focus-visible { color:white; }
.platform-logo svg,.platform-logo .platform-android-icon { display:block; width:24px; height:24px; object-fit:contain; }
.platform-logo .platform-wordmark { display:block; height:auto; max-height:42px; object-fit:contain; }
.platform-logo .platform-fire-tv { width:72px; }
.platform-logo .platform-roku { width:105px; }
.platform-logo .platform-samsung { width:130px; }
.platform-android-icon { filter:grayscale(1) brightness(0) invert(.9); }
.experience-social { grid-column:1/-1; display:flex; align-items:center; gap:22px; }
.experience-footer .experience-social a { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; margin:0; border-radius:6px; }
.experience-social img { width:20px; height:20px; filter:invert(.82); }
.experience-social a:hover img,.experience-social a:focus-visible img { filter:invert(1); }
@media(hover:none) { .experience-card-preview { position:relative; opacity:1; background:none; padding:8px 0 0; } }
.experience-ready .shell { display:none; background:#080d16; }
.experience-ready .shell.experience-tools-open { display:grid; }
.experience-ready .shell .card { width:min(100%,850px); }
#experience-close-tools { justify-self:start; margin-bottom:15px; }
.experience-ready .shell:not(.experience-tools-open) #playback-video { display:none; }
.experience-ready .shell.experience-tools-open #playback-video:not([hidden]) { width:100%; }
@media(max-width:1050px) { .experience-nav { gap:12px; } .experience-header { gap:12px; flex-wrap:wrap; padding:12px 0; } .experience-header form { order:3; flex:1 0 100%; } }
@media(max-width:900px) { .experience-hero { grid-template-columns:46% 54%; } .experience-hero-copy,.experience-detail-copy { padding:32px; } .experience-about-row { grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr); } }
@media(max-width:700px) { .experience-header { position:relative; } .experience-nav { order:4; width:100%; overflow:auto; padding-bottom:5px; } .experience-hero { display:flex; flex-direction:column-reverse; height:auto; } .experience-hero-media { height:min(56vw,360px); min-height:240px; flex:none; } .experience-hero-copy { padding:24px; } .experience-hero h1 { font-size:34px; } .experience-pagination { right:20px; } .experience-detail,.experience-detail.experience-audio-detail { display:flex; flex-direction:column; } .experience-detail .experience-image { min-height:240px; height:240px; order:0; } .experience-detail-copy { order:1; padding:24px; } .experience-detail .experience-poster { margin:24px auto 0; width:170px; min-height:255px; height:255px; } .experience-about-row { grid-template-columns:1fr; gap:0; } .experience-footer { grid-template-columns:1fr 1fr; } .experience-footer > div:first-child { grid-column:1/-1; } }
@media(max-width:700px) { .experience-filter-label { min-width:calc(50% - 7px); max-width:none; } }
body:not(.experience-ready) { background:radial-gradient(circle at 30% 55%,#112960,#11121f 44%,#09090b 80%); }
body:not(.experience-ready) .shell { grid-template-columns:minmax(280px,1fr) minmax(380px,630px); gap:7vw; max-width:1500px; margin:auto; }
body:not(.experience-ready) .shell:before { grid-column:1; grid-row:1; content:'“The children of the night. What music they make!”'; color:#fff; font-size:clamp(30px,3.2vw,46px); font-weight:800; line-height:1.25; max-width:650px; padding-left:5vw; }
body:not(.experience-ready) .card { grid-column:2; grid-row:1; width:100%; background:#13151a; border:1px solid #323744; border-radius:19px; box-shadow:0 24px 80px #0005; }
body:not(.experience-ready) .brand { font-size:26px; letter-spacing:-.08em; }
body:not(.experience-ready) .brand-dot { color:#fff; }
body:not(.experience-ready) .eyebrow { color:#7190ff; letter-spacing:.13em; }
body:not(.experience-ready) #status { color:#abb3be; }
body:not(.experience-ready) .actions button:not(.secondary) { color:#fff; background:#1537e8; }
body:not(.experience-ready) .actions button.secondary { color:#fff; background:#222429; border-color:#414650; }
@media(max-width:850px) { body:not(.experience-ready) .shell { display:flex; flex-direction:column; align-items:center; } body:not(.experience-ready) .shell:before { display:none; } }

body.audio-experience { background:#050505; }
body.audio-experience .shell { display:grid; grid-template-columns:1fr; max-width:1000px; gap:0; }
body.audio-experience .shell:before { display:none; }
body.audio-experience .card { grid-column:1; grid-row:auto; width:min(100%,850px); background:#101216; }
body.audio-experience .card h1 { margin-bottom:15px; }
body.audio-experience { margin:0; background:#050505; color:#fff; font-family:'Plus Jakarta Sans',system-ui,sans-serif; }
.audio-page { width:min(1440px,100%); margin:auto; padding:0 clamp(20px,3.4vw,48px) 60px; }
.audio-page main { max-width:1220px; margin:0 auto; }
.audio-page .experience-header { border-bottom:1px solid #171a22; }
.audio-back { display:inline-block; margin:28px 0 38px; color:#c9d1e8; text-decoration:none; font-size:14px; }
.audio-back:hover { color:white; }
.audio-masthead { display:flex; align-items:center; gap:46px; padding:20px 0 50px; min-height:350px; background:radial-gradient(ellipse at 36% 47%,#13265e77,transparent 44%); }
.audio-cover-frame { flex:none; width:210px; aspect-ratio:2/3; border-radius:9px; overflow:hidden; background:linear-gradient(145deg,#1b294d,#101216 65%); box-shadow:0 12px 38px #000a; display:grid; place-items:center; }
.audio-cover-frame img { width:100%; height:100%; object-fit:cover; }
#audio-cover-fallback { font-weight:800; letter-spacing:.12em; }
.audio-masthead-copy h1 { margin:12px 0 10px; font-size:clamp(32px,4.2vw,58px); letter-spacing:-.05em; line-height:1.12; }
.audio-masthead-copy p { color:#b4bac6; }
#audio-chapter-title { font-size:18px; }
#status { margin-top:32px; color:#a4adbd; font-size:14px; }
.audio-player-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr); gap:24px; }
.audio-panel { min-width:0; background:#101216; border:1px solid #20242f; border-radius:12px; padding:30px; display:flex; flex-direction:column; gap:14px; }
.audio-panel-heading { display:flex; align-items:center; gap:15px; margin-bottom:16px; }
.audio-panel-icon { width:48px; height:48px; flex:none; display:grid; place-items:center; border-radius:12px; color:#85a3ff; background:#172352; }
.audio-panel h2 { margin:3px 0 0; font-size:23px; }
.audio-panel p { color:#afb5c0; line-height:1.6; }
.audio-panel label,.audio-settings label { color:#c8cbd4; font-size:13px; font-weight:650; }
.audio-panel select,.audio-settings select { width:100%; padding:12px 14px; border:1px solid #313747; border-radius:8px; color:#fff; background:#1b2030; font:inherit; }
.audio-panel audio { width:100%; margin:15px 0 2px; }
.audio-panel input[type=range] { width:100%; accent-color:#3152ef; }
.audio-player-actions { display:flex; justify-content:space-between; flex-wrap:wrap; gap:7px; }
.audio-panel button { border:1px solid #313747; border-radius:8px; padding:10px 12px; color:#fff; background:#1b2030; font:600 13px 'Plus Jakarta Sans',sans-serif; cursor:pointer; }
.audio-panel button:disabled { opacity:.45; cursor:not-allowed; }
.audio-player-actions #start { border-color:#1537e8; background:#1537e8; }
.audio-stop { align-self:flex-start; margin:2px 0 18px; }
.audio-atmosphere #ambient-toggle { align-self:flex-start; margin:4px 0 24px; }
.audio-atmosphere #ambient-status { font-size:13px; }
.audio-settings { border:1px solid #242935; border-radius:9px; margin:25px 0; background:#101216; }
.audio-settings summary { padding:16px 20px; cursor:pointer; color:#c8d1e5; }
.audio-settings > div { display:grid; grid-template-columns:140px 1fr; gap:12px 20px; padding:10px 20px 22px; align-items:center; }
.audio-support-note { color:#8d96a6; font-size:12px; line-height:1.5; }
.audio-dock { position:fixed; bottom:0; left:0; right:0; z-index:80; height:205px; background:#0d111c; border-top:1px solid #354574; box-shadow:0 -12px 42px #000b; color:white; font-family:'Plus Jakarta Sans',sans-serif; }
.audio-dock.expanded { height:min(80vh,680px); }
.audio-dock-bar { height:49px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 clamp(16px,4vw,52px); }
.audio-dock-bar strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.audio-dock-bar div { display:flex; align-items:center; gap:10px; }
.audio-dock-bar button { padding:5px 9px; color:white; background:transparent; border:0; font:600 13px 'Plus Jakarta Sans',sans-serif; }
.audio-dock iframe { width:100%; height:calc(100% - 49px); border:0; }
body:has(.audio-dock:not([hidden])) #experience { padding-bottom:210px; }
body:has(.audio-dock.expanded) #experience { padding-bottom:min(80vh,680px); }
body.audio-embed { min-height:0; background:#0d111c; }
.audio-embed .audio-page { padding:0 18px 20px; }
.audio-embed .experience-header,.audio-embed .audio-back,.audio-embed .audio-masthead,.audio-embed .audio-settings,.audio-embed .audio-support-note { display:none; }
.audio-embed .audio-player-grid { display:block; }
.audio-embed .audio-panel { padding:6px 12px; border:0; background:transparent; gap:5px; }
.audio-embed .audio-panel-heading,.audio-embed .audio-panel > label,.audio-embed .audio-panel > select,.audio-embed .audio-panel > input,.audio-embed .audio-stop,.audio-embed .audio-atmosphere { display:none; }
.audio-embed .audio-panel audio { margin:0; height:42px; }
.audio-embed .audio-player-actions { justify-content:center; gap:8px; }
.audio-embed .audio-player-actions button { padding:7px 9px; }
.audio-embed.audio-expanded { overflow:auto; }
.audio-embed.audio-expanded .audio-player-grid { display:grid; }
.audio-embed.audio-expanded .audio-panel { padding:25px; border:1px solid #20242f; background:#101216; gap:14px; }
.audio-embed.audio-expanded .audio-panel-heading { display:flex; }
.audio-embed.audio-expanded .audio-panel > label,.audio-embed.audio-expanded .audio-panel > select,.audio-embed.audio-expanded .audio-panel > input,.audio-embed.audio-expanded .audio-stop,.audio-embed.audio-expanded .audio-atmosphere { display:flex; }
.audio-embed.audio-expanded .audio-panel > select { display:block; }
.audio-embed.audio-expanded .audio-panel > input { display:block; }
.audio-embed.audio-expanded .audio-settings { display:block; }
@media(max-width:750px) { .audio-embed.audio-expanded .audio-player-grid { grid-template-columns:1fr; } .audio-dock-bar strong { max-width:40%; } }
@media(max-width:750px) { .audio-masthead { gap:22px; min-height:260px; } .audio-cover-frame { width:128px; } .audio-player-grid { grid-template-columns:1fr; } .audio-panel { padding:22px; } }
@media(max-width:450px) { .audio-masthead { align-items:flex-start; flex-direction:column; padding:0 0 28px; } .audio-cover-frame { width:110px; } .audio-settings > div { grid-template-columns:1fr; } }

/* Audiobook page and persistent compact player */
.audio-player-slot { height:900px; margin:24px 0 36px; }
.audio-detail-playing .experience-audio-detail,
.audio-detail-playing .experience-chapters { display:none; }
.audio-dock.detail-mode {
  position:absolute; top:var(--audio-inline-top); left:var(--audio-inline-left);
  right:auto; bottom:auto; width:var(--audio-inline-width); height:900px;
  border:0; border-radius:18px; background:#050505; box-shadow:none; overflow:hidden;
}
.audio-dock.detail-mode.ready .audio-dock-bar { display:none; }
.audio-dock.detail-mode iframe { height:100%; }
.audio-dock:not(.detail-mode) { height:142px; border-top:1px solid #284b9f; background:#0a1023; }
.audio-dock:not(.detail-mode).expanded { height:min(82vh,850px); }
.audio-dock:not(.detail-mode) .audio-dock-bar { height:38px; }
.audio-dock:not(.detail-mode) iframe { height:calc(100% - 38px); }
body:has(.audio-dock:not([hidden]):not(.detail-mode)) #experience { padding-bottom:145px; }
body:has(.audio-dock:not([hidden]):not(.detail-mode).expanded) #experience { padding-bottom:min(82vh,850px); }
body:has(.audio-dock.detail-mode) #experience { padding-bottom:0; }
.audio-page main { max-width:1360px; }
.audio-page .audio-back { font-size:17px; }
.audio-masthead {
  align-items:stretch; gap:0; min-height:330px; padding:0; margin:16px 0 30px;
  border-radius:18px; overflow:hidden; background:radial-gradient(circle at 75% 28%,#0c1b61 0 30%,transparent 30.1%),#07112b;
}
.audio-masthead .audio-cover-frame {
  width:27%; min-height:330px; aspect-ratio:auto; border-radius:0; box-shadow:none;
}
.audio-masthead-copy { min-width:0; flex:1; padding:32px clamp(24px,3vw,50px); }
.audio-masthead-copy .experience-kicker { color:#a6c6ff; font-size:15px; font-weight:800; letter-spacing:.06em; }
.audio-masthead-copy h1 { margin:22px 0 8px; font-size:clamp(28px,3.4vw,48px); letter-spacing:-.04em; }
.audio-masthead-copy #audio-chapter-title { margin:0; font-size:clamp(16px,1.9vw,24px); color:#aebbd3; }
.audio-masthead-copy #audio-ambient-now { margin:12px 0 0; color:#bad2ff; font-size:15px; font-weight:700; }
.audio-masthead-copy #status { margin:9px 0 0; font-size:12px; }
.audio-waveform,.audio-ambient-waveform { display:flex; align-items:center; gap:5px; height:52px; overflow:hidden; }
.audio-waveform { margin-top:20px; }
.audio-waveform span,.audio-ambient-waveform span { width:5px; min-width:3px; border-radius:8px; background:#337df3; }
.audio-ambient-waveform { margin:12px 0 18px; height:42px; gap:4px; }
.audio-ambient-waveform span { width:4px; }
.audio-player-grid { grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr); gap:22px; }
.audio-panel { min-height:330px; padding:28px; border-radius:16px; background:#1b2133; border:1px solid #292f45; gap:12px; }
.audio-panel-heading { display:block; margin:0; }
.audio-panel-heading h2 { margin:0; font-size:20px; text-transform:uppercase; }
.audio-panel-heading h2 span { color:#b5cdff; margin-right:8px; }
.audio-panel-heading p { margin:6px 0 0; color:#acb3c5; font-size:14px; }
.audio-panel > label[for="chapter"] { margin-top:8px; }
.audio-panel audio { width:100%; margin:0; height:42px; }
.audio-progress { display:grid; gap:12px; }
.audio-progress > div { display:flex; justify-content:space-between; font-weight:650; }
.audio-progress #audio-remaining { color:#aeb7cc; }
.audio-progress input { width:100%; margin:0; accent-color:#2546ef; cursor:pointer; }
.audio-player-actions { justify-content:center; align-items:center; gap:8px; margin:6px 0; }
.audio-player-actions button { font-size:14px; }
.audio-player-actions #start { min-width:100px; }
.audio-story-options { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.audio-story-options label { display:flex; align-items:center; gap:7px; }
.audio-story-options select { width:auto; padding:6px 9px; }
.audio-story-volume { display:flex; align-items:center; gap:12px; }
.audio-story-volume input { flex:1; }
.audio-stop { margin:0; }
.audio-atmosphere { background:#101a3e; border:2px solid #2446ed; }
.audio-atmosphere .audio-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.audio-atmosphere #ambient-toggle { margin:0; padding:7px 18px; background:#1741e8; border:0; }
.audio-atmosphere .audio-loop-state { margin:0; color:#aac8ff; font-size:13px; font-weight:700; text-transform:uppercase; }
.audio-atmosphere #ambient-track { margin-top:6px; }
.audio-atmosphere #ambient-status { margin:0; color:#b2bfd9; }
.audio-embed { background:#050505; }
.audio-embed .audio-page { padding:0 12px 18px; width:100%; }
.audio-embed .experience-header,.audio-embed .audio-back,.audio-embed .audio-settings,.audio-embed .audio-support-note { display:none; }
.audio-embed .audio-page main { display:flex; align-items:center; gap:18px; }
.audio-embed .audio-masthead {
  display:flex; align-items:center; width:34%; min-height:0; height:82px; margin:7px 0 0;
  border-radius:9px; background:#101b38;
}
.audio-embed .audio-cover-frame { width:72px; height:82px; min-height:0; flex:none; }
.audio-embed .audio-masthead-copy { padding:7px 12px; }
.audio-embed .audio-masthead-copy .experience-kicker,.audio-embed .audio-waveform,
.audio-embed #audio-ambient-now,.audio-embed #status { display:none; }
.audio-embed .audio-masthead-copy h1 { margin:0 0 4px; font-size:15px; line-height:1.2; }
.audio-embed .audio-masthead-copy #audio-chapter-title { font-size:12px; line-height:1.3; }
.audio-embed .audio-player-grid { display:block; flex:1; min-width:0; }
.audio-embed .audio-panel { min-height:0; padding:4px; border:0; background:transparent; gap:5px; }
.audio-embed .audio-panel-heading,.audio-embed .audio-panel > label,
.audio-embed .audio-panel > select,.audio-embed .audio-story-options,
.audio-embed .audio-story-volume,.audio-embed .audio-stop,.audio-embed .audio-atmosphere { display:none; }
.audio-embed .audio-panel audio { display:none; }
.audio-embed .audio-progress { gap:2px; }
.audio-embed .audio-progress > div { font-size:10px; }
.audio-embed .audio-player-actions { margin:0; gap:5px; }
.audio-embed .audio-player-actions button { padding:4px 8px; }
.audio-embed.audio-expanded .audio-page { padding:0 18px 28px; }
.audio-embed.audio-expanded .audio-page main { display:block; }
.audio-embed.audio-expanded .audio-masthead { width:100%; height:auto; min-height:300px; margin:14px 0 22px; border-radius:16px; }
.audio-embed.audio-expanded .audio-cover-frame { width:27%; height:auto; min-height:300px; }
.audio-embed.audio-expanded .audio-masthead-copy { padding:30px clamp(24px,3vw,50px); }
.audio-embed.audio-expanded .audio-masthead-copy .experience-kicker { display:block; }
.audio-embed.audio-expanded .audio-masthead-copy h1 { margin:18px 0 8px; font-size:clamp(28px,3.4vw,48px); }
.audio-embed.audio-expanded .audio-masthead-copy #audio-chapter-title { font-size:20px; }
.audio-embed.audio-expanded .audio-waveform { display:flex; }
.audio-embed.audio-expanded #audio-ambient-now,.audio-embed.audio-expanded #status { display:block; }
.audio-embed.audio-expanded .audio-player-grid { display:grid; }
.audio-embed.audio-expanded .audio-panel { min-height:330px; padding:26px; border:1px solid #292f45; background:#1b2133; gap:12px; }
.audio-embed.audio-expanded .audio-atmosphere { display:flex; background:#101a3e; border:2px solid #2446ed; }
.audio-embed.audio-expanded .audio-panel-heading { display:block; }
.audio-embed.audio-expanded .audio-atmosphere .audio-panel-heading { display:flex; }
.audio-embed.audio-expanded .audio-panel > label,.audio-embed.audio-expanded .audio-panel > select,
.audio-embed.audio-expanded .audio-story-options,.audio-embed.audio-expanded .audio-story-volume,
.audio-embed.audio-expanded .audio-stop { display:flex; }
.audio-embed.audio-expanded .audio-panel > select { display:block; }
.audio-embed.audio-expanded .audio-panel audio { display:none; }
@media(max-width:750px) {
  .audio-player-slot,.audio-dock.detail-mode { height:1090px; }
  .audio-masthead,.audio-embed.audio-expanded .audio-masthead { min-height:0; }
  .audio-masthead .audio-cover-frame,.audio-embed.audio-expanded .audio-cover-frame { width:36%; min-height:240px; }
  .audio-player-grid,.audio-embed.audio-expanded .audio-player-grid { grid-template-columns:1fr; }
  .audio-embed .audio-masthead { width:42%; }
}
@media(max-width:500px) {
  .audio-embed .audio-masthead { width:40%; }
  .audio-embed .audio-cover-frame { display:none; }
  .audio-embed .audio-masthead-copy { padding:6px; }
  .audio-embed .audio-player-actions button { font-size:11px; }
  .audio-embed .audio-player-actions #previous,.audio-embed .audio-player-actions #next { display:none; }
  .audio-embed.audio-expanded .audio-masthead { flex-direction:row; }
  .audio-embed.audio-expanded .audio-cover-frame { display:grid; width:38%; min-height:230px; }
}

@media(prefers-reduced-motion:no-preference) { .audio-playing .audio-waveform span,.audio-playing .audio-ambient-waveform span { animation:audio-pulse 1.7s ease-in-out infinite alternate; animation-delay:calc(var(--bar-index, 1) * -35ms); } }
@keyframes audio-pulse { from { transform:scaleY(.72); opacity:.7; } to { transform:scaleY(1.06); opacity:1; } }

/* Persistent player: cover, chapter transport, and atmosphere. */
.audio-dock:not(.detail-mode) { height:168px; padding:0 clamp(10px,3.3vw,68px) 8px; background:transparent; border:0; box-shadow:none; }
.audio-dock:not(.detail-mode).ready .audio-dock-bar { display:none; }
.audio-dock:not(.detail-mode).ready iframe { height:100%; border:0; border-radius:18px; background:transparent; }
.audio-dock:not(.detail-mode):not(.ready) { background:#101626; }
body:has(.audio-dock:not([hidden]):not(.detail-mode)) #experience { padding-bottom:174px; }
.audio-embed:not(.audio-expanded) { overflow:hidden; background:transparent; }
.audio-embed:not(.audio-expanded) .audio-page { height:100%; padding:0; }
.audio-embed:not(.audio-expanded) .audio-page main {
  box-sizing:border-box; display:grid; grid-template-columns:minmax(220px,1fr) minmax(330px,1.2fr) minmax(270px,1.05fr);
  gap:0; align-items:stretch; height:100%; max-width:none; padding:8px 12px;
  border:1px solid #40589b; border-top:3px solid #336cf6; border-radius:18px;
  background:#141a28; box-shadow:0 12px 36px #000b;
}
.audio-embed:not(.audio-expanded) .audio-masthead {
  width:auto; height:auto; min-width:0; margin:0; padding:6px 18px 6px 0;
  border-radius:0; background:transparent; border-right:1px solid #44506c;
}
.audio-embed:not(.audio-expanded) .audio-cover-frame { width:72px; height:96px; min-height:0; border-radius:8px; overflow:hidden; }
.audio-embed:not(.audio-expanded) .audio-masthead-copy { padding:4px 0 4px 18px; align-self:stretch; display:flex; flex-direction:column; justify-content:flex-start; }
.audio-mini-label,.audio-mini-links { display:none; }
.audio-embed:not(.audio-expanded) .audio-mini-label { display:block; color:#85aaff; font-size:13px; font-weight:800; letter-spacing:.02em; }
.audio-embed:not(.audio-expanded) .audio-masthead-copy h1 { font-family:'Lemon Milk',sans-serif; font-size:clamp(16px,1.4vw,25px); font-weight:400; margin:5px 0 3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.audio-embed:not(.audio-expanded) .audio-masthead-copy #audio-chapter-title { font-size:14px; color:#aab5ce; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.audio-embed:not(.audio-expanded) .audio-mini-links { display:flex; align-items:center; gap:10px; margin-top:auto; }
.audio-embed:not(.audio-expanded) .audio-mini-links button { color:#9ab9ff; background:transparent; border:0; font:700 14px 'Plus Jakarta Sans',sans-serif; padding:0; cursor:pointer; }
.audio-embed:not(.audio-expanded) #audio-mini-close { font-size:19px; margin-left:auto; }
.audio-embed:not(.audio-expanded) .audio-player-grid { display:contents; }
.audio-embed:not(.audio-expanded) .audio-panel { display:flex; flex-direction:column; min-width:0; min-height:0; gap:4px; padding:4px 20px; background:transparent; border:0; border-radius:0; }
.audio-embed:not(.audio-expanded) .audio-panel:first-child { border-right:1px solid #44506c; }
.audio-embed:not(.audio-expanded) .audio-panel-heading { display:block; margin:0; }
.audio-embed:not(.audio-expanded) .audio-panel-heading h2 { font:400 14px 'Lemon Milk',sans-serif; color:#a8bde4; }
.audio-embed:not(.audio-expanded) .audio-panel-heading h2 span { color:inherit; }
.audio-embed:not(.audio-expanded) .audio-panel-heading p,
.audio-embed:not(.audio-expanded) .audio-panel > label[for="chapter"],
.audio-embed:not(.audio-expanded) #chapter,
.audio-embed:not(.audio-expanded) .audio-atmosphere > label[for="ambient-track"],
.audio-embed:not(.audio-expanded) .audio-atmosphere > label[for="ambient-volume"],
.audio-embed:not(.audio-expanded) .audio-ambient-waveform,
.audio-embed:not(.audio-expanded) #ambient-status { display:none; }
.audio-embed:not(.audio-expanded) .audio-progress { display:flex; flex-direction:column; gap:4px; margin:0; }
.audio-embed:not(.audio-expanded) .audio-progress > div { order:0; font-size:13px; color:#9eabc4; }
.audio-embed:not(.audio-expanded) .audio-progress input { order:1; height:5px; }
.audio-embed:not(.audio-expanded) .audio-player-actions { display:flex; justify-content:center; flex-wrap:nowrap; gap:6px; margin:2px 0 0; }
.audio-embed:not(.audio-expanded) .audio-player-actions button { flex:1; min-width:0; padding:8px 5px; border-radius:8px; background:#262e42; font-size:12px; white-space:nowrap; }
.audio-embed:not(.audio-expanded) .audio-player-actions #start { flex:1.7; background:#2447ee; min-width:0; }
.audio-embed:not(.audio-expanded) .audio-story-options { display:flex; margin-top:auto; justify-content:flex-end; }
.audio-embed:not(.audio-expanded) .audio-story-options label:first-child { font-size:0; }
.audio-embed:not(.audio-expanded) .audio-story-options label:last-child { display:none; }
.audio-embed:not(.audio-expanded) .audio-story-options select { font-size:13px; padding:4px 8px; color:white; background:#252e45; }
.audio-embed:not(.audio-expanded) .audio-atmosphere { display:flex; background:#101d43; border:1px solid #315bf4; border-radius:14px; padding:11px 18px; gap:5px; }
.audio-embed:not(.audio-expanded) .audio-atmosphere .audio-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.audio-embed:not(.audio-expanded) .audio-atmosphere #ambient-toggle { display:block; margin:0; padding:6px 14px; min-width:58px; background:#2447ee; }
.audio-embed:not(.audio-expanded) .audio-loop-state { font-size:12px; margin:0; }
.audio-embed:not(.audio-expanded) #ambient-track { display:block; width:100%; margin:0; padding:5px 24px 5px 0; border:0; background:transparent; color:white; font-size:18px; font-weight:700; }
.audio-embed:not(.audio-expanded) #ambient-volume { display:block; width:100%; margin:auto 0 4px; accent-color:#315af4; }
@media(max-width:1100px) {
  .audio-embed:not(.audio-expanded) .audio-page main { grid-template-columns:minmax(190px,1fr) minmax(295px,1.35fr) minmax(210px,.9fr); padding:10px; }
  .audio-embed:not(.audio-expanded) .audio-cover-frame { width:72px; height:105px; }
  .audio-embed:not(.audio-expanded) .audio-masthead-copy { padding-left:10px; }
  .audio-embed:not(.audio-expanded) .audio-panel { padding:8px 12px; }
  .audio-embed:not(.audio-expanded) .audio-atmosphere { padding:9px; }
}
@media(max-width:750px) {
  .audio-dock:not(.detail-mode) { height:282px; padding:0 8px 8px; }
  body:has(.audio-dock:not([hidden]):not(.detail-mode)) #experience { padding-bottom:290px; }
  .audio-embed:not(.audio-expanded) .audio-page main { grid-template-columns:1fr 1fr; grid-template-rows:78px 1fr; }
  .audio-embed:not(.audio-expanded) .audio-masthead { grid-column:1 / -1; border-right:0; border-bottom:1px solid #44506c; padding:0 0 8px; }
  .audio-embed:not(.audio-expanded) .audio-cover-frame { width:52px; height:62px; }
  .audio-embed:not(.audio-expanded) .audio-masthead-copy h1 { margin:3px 0; }
  .audio-embed:not(.audio-expanded) .audio-panel { padding:8px; }
  .audio-embed:not(.audio-expanded) .audio-player-actions { flex-wrap:nowrap; }
  .audio-embed:not(.audio-expanded) .audio-player-actions button { flex:1; }
  .audio-embed:not(.audio-expanded) .audio-player-actions #start { flex:1.3; }
}
@media(max-width:500px) {
  .audio-dock:not(.detail-mode) { height:356px; }
  body:has(.audio-dock:not([hidden]):not(.detail-mode)) #experience { padding-bottom:364px; }
  .audio-embed:not(.audio-expanded) .audio-page main { grid-template-columns:1fr; grid-template-rows:72px 120px 1fr; }
  .audio-embed:not(.audio-expanded) .audio-masthead { grid-column:1; }
  .audio-embed:not(.audio-expanded) .audio-cover-frame { display:grid; width:48px; height:56px; }
  .audio-embed:not(.audio-expanded) .audio-panel:first-child { border-right:0; border-bottom:1px solid #44506c; }
  .audio-embed:not(.audio-expanded) .audio-atmosphere { padding:6px 12px; }
  .audio-embed:not(.audio-expanded) .audio-player-actions #previous,
  .audio-embed:not(.audio-expanded) .audio-player-actions #next { display:block; }
}

/* Account and viewer profile management */
.experience-account-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:0 0 48px; }
.experience-account-grid .experience-account-panel { min-width:0; margin:0; padding:28px 30px; background:#1b2132; border-radius:16px; line-height:1.45; }
.experience-account-grid .experience-account-panel h2 { margin:0 0 12px; font:400 clamp(23px,2.2vw,32px) 'Lemon Milk',sans-serif; color:#fff; }
.experience-account-muted { color:#a8b2c6; margin:0 0 16px; line-height:1.5; }
.experience-profile-panel { grid-column:1 / -1; }
.experience-profile-panel .experience-profile-row { margin:26px 0 4px; gap:18px; }
.experience-account-grid .experience-profile {
  width:172px; min-height:152px; padding:18px; display:flex; flex-direction:column; align-items:flex-start;
  justify-content:space-between; background:#0d121e; border:2px solid transparent; border-radius:14px;
  color:#fff; text-align:left; font:700 20px 'Plus Jakarta Sans',sans-serif;
}
.experience-account-grid .experience-profile.active { background:#101c41; border-color:#2447ee; box-shadow:none; }
.experience-account-grid .experience-profile:hover,.experience-account-grid .experience-profile:focus-visible { border-color:#5376ff; }
.experience-profile-avatar { display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:#1e42e9; color:white; font-size:23px; }
.experience-profile-plus { font-size:44px; font-weight:400; line-height:1; }
.experience-account-actions { display:flex; flex-wrap:wrap; gap:12px 32px; margin-top:22px; }
.experience-account-grid .experience-account-link {
  display:inline-flex; align-items:center; width:auto; min-height:38px; padding:5px 0;
  border:0; border-radius:0; background:transparent; color:#a8c2ff;
  font:700 16px 'Plus Jakarta Sans',sans-serif; text-align:left; text-decoration:none; cursor:pointer;
}
.experience-account-grid .experience-account-link:hover { color:white; text-decoration:underline; }
.experience-access-status { color:#a9ceff; font-size:18px; font-weight:750; margin:4px 0 10px; }
.experience-preference-row { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:16px 0; color:#eef2fa; }
.experience-preference-row input[type="checkbox"] { width:22px; height:22px; flex:none; accent-color:#2546ef; cursor:pointer; }
.experience-account-grid .experience-account-panel > a,.experience-account-grid .experience-account-panel > button { display:flex; }
@media(max-width:750px) {
  .experience-account-grid { grid-template-columns:1fr; gap:16px; }
  .experience-profile-panel { grid-column:auto; }
  .experience-account-grid .experience-account-panel { padding:22px; }
  .experience-account-grid .experience-profile { width:calc(50% - 9px); min-height:138px; }
}

/* Membership and billing destination */
.experience-membership-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin:28px 0 60px; }
.experience-membership-card {
  display:flex; flex-direction:column; min-height:490px; padding:30px 32px;
  border:1px solid #344b82; border-radius:22px; background:#151822; color:#fff;
}
.experience-membership-card h2 { margin:0 0 22px; font:400 clamp(23px,2vw,32px) 'Lemon Milk',sans-serif; }
.experience-membership-card .experience-access-status { margin:12px 0 20px; }
.experience-membership-card .experience-account-muted { font-size:16px; line-height:1.55; margin:0 0 20px; }
.experience-membership-actions { display:flex; flex-direction:column; align-items:stretch; gap:14px; margin-top:auto; padding-top:28px; }
.experience-membership-actions .experience-account-muted { font-size:14px; margin:0; }
.experience-membership-button,.experience-membership-secondary {
  display:flex; align-items:center; justify-content:center; min-height:56px; padding:12px 18px;
  border:0; border-radius:14px; background:#2244ec; color:#fff;
  font:750 17px 'Plus Jakarta Sans',sans-serif; text-decoration:none; text-align:center; cursor:pointer;
}
.experience-membership-secondary { background:#252c3f; }
.experience-membership-button:hover,.experience-membership-secondary:hover { filter:brightness(1.14); }
#experience-content > .experience-account-link { margin:0; padding:4px 0; background:transparent; border:0; color:#a8c2ff; font:700 15px 'Plus Jakarta Sans',sans-serif; cursor:pointer; }
@media(max-width:800px) {
  .experience-membership-grid { grid-template-columns:1fr; gap:18px; }
  .experience-membership-card { min-height:0; padding:24px; }
}

.experience-membership-button:disabled { opacity:.55; cursor:not-allowed; filter:none; }
.experience-billing-options { margin:6px 0 26px; padding-left:24px; color:#e1e8f7; line-height:2; font-size:16px; }

/* Dedicated profile management */
.experience-profile-management { max-width:900px; margin:20px auto 90px; color:#f5f7ff; }
.experience-profile-back { display:inline-block; margin:0 0 25px; padding:8px 0; border:0; background:none; color:#a9bfff; font:700 15px 'Plus Jakarta Sans',sans-serif; cursor:pointer; }
.experience-profile-back:hover { color:#fff; text-decoration:underline; }
.experience-profile-management .experience-heading { margin-bottom:25px; }
.experience-manage-row { display:flex; flex-wrap:wrap; gap:22px; margin:30px 0 20px; }
.experience-manage-tile { display:flex; flex-direction:column; align-items:center; gap:9px; width:150px; padding:20px 12px; border:1px solid #354365; border-radius:14px; background:#1b2132; color:#f5f7ff; cursor:pointer; }
.experience-manage-tile:hover,.experience-manage-tile:focus-visible { border-color:#8ca2ff; }
.experience-manage-tile strong { font:700 16px 'Plus Jakarta Sans',sans-serif; }
.experience-manage-tile > span:last-child:not(.experience-profile-avatar) { color:#a8b2c6; font-size:13px; }
.experience-manage-tile .experience-profile-avatar { width:86px; height:86px; }
.experience-manage-plus { font-size:48px; }
.experience-profile-editor { padding:clamp(24px,4vw,44px); border:1px solid #354365; border-radius:17px; background:#1b2132; }
.experience-profile-editor h2 { margin:30px 0 18px; font:400 21px 'Lemon Milk',sans-serif; }
.experience-profile-name { display:grid; gap:10px; max-width:420px; font:700 16px 'Plus Jakarta Sans',sans-serif; }
.experience-profile-name input { box-sizing:border-box; width:100%; padding:14px 16px; border:1px solid #56627c; border-radius:8px; outline:none; background:#0e1422; color:white; font:500 17px 'Plus Jakarta Sans',sans-serif; }
.experience-profile-name input:focus { border-color:#91a6ff; box-shadow:0 0 0 2px #6179ff55; }
.experience-avatar-picker { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; max-width:650px; margin:0 0 27px; }
.experience-avatar-option { display:grid; place-items:center; width:100%; padding:4px; border:2px solid transparent; border-radius:50%; background:transparent; cursor:pointer; }
.experience-avatar-option[aria-checked="true"] { border-color:#9aaeff; box-shadow:0 0 0 2px #1227be; }
.experience-avatar-option:focus-visible { outline:3px solid #e0e7ff; outline-offset:3px; }
.experience-avatar-option .experience-profile-avatar { width:min(100%,100px); height:auto; aspect-ratio:1; background:#121b32; overflow:hidden; }
.experience-profile-avatar img { display:block; width:100%; height:100%; border-radius:50%; object-fit:cover; }
.experience-profile-editor-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:28px; }
.experience-profile-save,.experience-profile-delete { min-height:45px; padding:10px 22px; border-radius:8px; font:700 15px 'Plus Jakarta Sans',sans-serif; cursor:pointer; }
.experience-profile-save { border:1px solid #4060fa; background:#2546e9; color:white; }
.experience-profile-delete { border:1px solid #696f81; background:transparent; color:#f5f7ff; }
.experience-profile-save:disabled { opacity:.6; cursor:wait; }
.experience-profile-status { min-height:24px; margin:14px 0 0; color:#ffd2d2; }
@media(max-width:600px) {
  .experience-avatar-picker { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
  .experience-manage-tile { width:calc(50% - 11px); box-sizing:border-box; }
  .experience-profile-management { margin-top:0; }
}

/* Signup onboarding and profile interests */
.experience-interest-picker { margin:26px 0; }
.experience-interest-picker h2 { margin:0 0 8px; }
.experience-interest-group { margin:20px 0; padding:0; border:0; }
.experience-interest-group legend { margin-bottom:10px; color:#e8eeff; font:700 16px 'Plus Jakarta Sans',sans-serif; }
.experience-interest-choices { display:flex; flex-wrap:wrap; gap:9px; }
.experience-interest-choice { position:relative; cursor:pointer; }
.experience-interest-choice input { position:absolute; opacity:0; width:1px; height:1px; }
.experience-interest-choice span { display:inline-block; padding:9px 14px; border:1px solid #53617d; border-radius:999px; background:#101828; color:#e5ebf7; font-size:14px; }
.experience-interest-choice input:checked + span { border-color:#829aff; background:#223fbd; color:white; }
.experience-interest-choice input:focus-visible + span { outline:3px solid #e0e7ff; outline-offset:2px; }
.experience-consent-row { display:flex; align-items:flex-start; gap:12px; margin:17px 0; color:#e9eeff; cursor:pointer; line-height:1.4; }
.experience-consent-row input { flex:none; width:21px; height:21px; margin:1px 0 0; accent-color:#3152f0; }
.experience-consent-row span { display:grid; gap:3px; }
.experience-consent-row small { color:#aab4c8; font-size:13px; }
.experience-welcome { max-width:850px; }

/* Signup details and six-digit verification */
.auth-signup-field { display:grid; gap:7px; }
.auth-signup-field label { color:#e2e8f5; font-size:14px; font-weight:700; }
.auth-signup-field label small { color:#aab4c8; font-weight:400; }
.auth-otp { margin:20px 0 0; }
.auth-otp-digits { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
#auth-form .auth-otp-digits input { min-width:0; height:clamp(49px,5vw,72px); padding:0; border:1px solid #596884; border-radius:12px; background:#222936; color:#fff; text-align:center; font-size:29px; font-weight:700; }
#auth-form .auth-otp-digits input:focus { outline:2px solid #3154ff; outline-offset:0; border-color:#3154ff; }
#auth-resend { display:inline-block; margin:16px 0 2px; padding:0; border:0; background:transparent; color:#9ab5ff; font:500 15px 'Plus Jakarta Sans',sans-serif; text-align:left; cursor:pointer; }
#auth-resend:hover { color:#fff; text-decoration:underline; }
#auth-resend:disabled { opacity:.5; cursor:wait; }
.auth-confirm-mode .auth-card { min-height:435px; padding:38px 40px 34px; }
.auth-confirm-mode .auth-card h1 { font-family:'Lemon Milk',sans-serif; font-weight:400; letter-spacing:-.035em; }
.auth-confirm-mode #auth-switch { margin-top:25px; }
@media(max-width:550px) { .auth-otp-digits { gap:6px; } #auth-form .auth-otp-digits input { font-size:23px; } .auth-confirm-mode .auth-card { min-height:0; padding:34px 21px 26px; } }

/* Profile choice and playback history */
.experience-choose-profile { min-height:55vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.experience-choose-profile .experience-heading { margin-bottom:12px; }
.experience-choose-profile .experience-manage-row { justify-content:center; width:100%; }
.experience-choose-profile .experience-manage-tile { min-height:190px; justify-content:center; }
.experience-history-section { max-width:900px; margin:26px auto 42px; }
.experience-history-section h2 { margin:0 0 16px; }
.experience-history-list { display:grid; gap:8px; margin:12px 0 22px; }
.experience-history-item { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 17px; border:1px solid #34405a; border-radius:10px; background:#111827; color:#eef2ff; text-decoration:none; }
.experience-history-item:hover,.experience-history-item:focus-visible { border-color:#7692f9; background:#1b2744; }
.experience-history-item > span:first-child { display:grid; gap:5px; min-width:0; }
.experience-history-item strong { font:700 16px 'Plus Jakarta Sans',sans-serif; overflow-wrap:anywhere; }
.experience-history-item small { color:#aebbd4; font-size:13px; }
.experience-history-arrow { color:#9cb3ff; font-size:24px; }
.experience-profile-history-preview { margin-top:22px; }
.experience-account-grid .experience-history-list { margin:12px 0; }
.experience-account-grid .experience-history-item { padding:10px 12px; }
@media(max-width:600px) { .experience-choose-profile .experience-manage-tile { min-height:150px; } }

/* Membership plan comparison */
.experience-plan-grid { margin:0; gap:20px; }
.experience-plan-card { min-height:0; padding:28px; }
.experience-plan-price { margin:0 0 20px; font:750 32px 'Plus Jakarta Sans',sans-serif; }
.experience-plan-cadence { margin-left:10px; color:#bfc8da; font-size:16px; font-weight:400; }
.experience-plan-benefits { list-style:none; padding:0; margin:8px 0 28px; line-height:1.6; }
.experience-plan-benefits li { position:relative; padding-left:28px; margin-bottom:14px; }
.experience-plan-benefits li::before { content:'✓'; position:absolute; left:0; color:#72a7ff; font-weight:750; }
.experience-plan-card .experience-membership-button { margin-top:auto; }
@media(max-width:800px) {
  .experience-plan-card { padding:22px; }
}

/* Subscription gate */
.experience-subscription-dialog { box-sizing:border-box; width:min(480px,calc(100% - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:32px; border:1px solid #344b82; border-radius:20px; background:#151822; color:#fff; font-family:'Plus Jakarta Sans',sans-serif; box-shadow:0 24px 80px #0008; }
.experience-subscription-dialog::backdrop { background:#000b; }
.experience-subscription-dialog h2 { margin:0 0 16px; font:400 28px 'Lemon Milk',sans-serif; }
.experience-subscription-dialog .experience-membership-actions { padding-top:12px; }
.experience-subscription-dialog button:focus-visible { outline:2px solid #b4c5ff; outline-offset:4px; }


/* Customer feedback: clear navigation and conventional media controls. */
h1, h2, h3, h4, h5, h6 { text-transform:capitalize; }
.experience-actions .experience-tertiary { background:transparent; border:0; color:#c5cad5; padding:10px 8px; font-size:14px; text-decoration:underline; text-underline-offset:4px; }
.experience-pagination { align-items:center; gap:2px; }
.experience-banner-arrow,.experience-banner-dot { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; background:transparent; color:white; border-radius:50%; }
.experience-banner-arrow { background:#11151bb3; }
.experience-banner-arrow svg { width:28px; height:28px; }
.experience-banner-dot::after { content:""; width:7px; height:7px; border-radius:50%; background:#ffffff66; transition:background .15s; }
.experience-banner-dot[aria-current="true"]::after { background:#fff; }
.experience-banner-arrow:hover { background:#323842; }
.experience-detail-back { display:flex; align-items:center; gap:6px; min-height:44px; border:0; background:transparent; color:#fff; margin-bottom:12px; }
.experience-detail-back svg { width:22px; height:22px; }
.ch-video-actions button:not(#ch-video-next),.audio-player-actions button,.audio-embed .audio-player-actions button,.audio-embed:not(.audio-expanded) .audio-player-actions button { display:grid; place-items:center; flex:0 0 44px; width:44px; min-width:44px; height:44px; padding:10px; border:0; border-radius:50%; background:transparent; }
.ch-video-actions button svg,.audio-player-actions button svg { display:block; width:24px; height:24px; }
.ch-video-actions .ch-video-primary,.audio-player-actions #start,.audio-embed:not(.audio-expanded) .audio-player-actions #start { flex:0 0 48px; min-width:48px; width:48px; height:48px; background:#2447ee; }
.ch-video-actions button:hover,.audio-player-actions button:hover { background:#ffffff22; }
.ch-video-actions label { border:0; background:transparent; padding:6px; }
button:focus-visible { outline:2px solid #fff; outline-offset:3px; }

.experience-account-form { display:grid; gap:14px; margin-top:18px; }
.experience-account-form label { display:grid; gap:8px; color:#c5cad5; }
.experience-account-form input { width:100%; box-sizing:border-box; min-height:44px; padding:10px 12px; border:1px solid #414650; border-radius:8px; color:#fff; background:#222429; font:inherit; }
.experience-account-form button { justify-self:start; }
.experience-account-form[hidden] { display:none; }

.audio-atmosphere { position:relative; isolation:isolate; overflow:hidden; }
.audio-atmosphere::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background-image:var(--ambient-artwork, none); background-size:cover; background-position:center; opacity:.3; filter:saturate(.65); }

.audio-player-grid .audio-panel { background-color:rgba(27,33,51,.72); }
@media(max-width:750px) {
  .audio-embed:not(.audio-expanded) .audio-player-actions button { flex:0 0 36px; width:36px; min-width:36px; height:36px; padding:6px; }
  .audio-embed:not(.audio-expanded) .audio-player-actions #start { flex:0 0 44px; width:44px; min-width:44px; height:44px; }
}

/* The full player grows with its content; the outer page owns scrolling. */
.audio-player-slot,
.audio-dock.detail-mode { height:var(--audio-content-height,900px); }
.audio-dock.detail-mode iframe { height:100%; }
html:has(body.audio-embed), body.audio-embed { overflow:hidden; }
.audio-embed.audio-expanded { overflow:hidden; }
.audio-embed.audio-expanded .audio-page { height:auto; min-height:0; }

/* Keep startup and failure messages visible inside the video overlay. */
#experience-player-stage #playback-status:not(:empty) {
  position:fixed; z-index:3; top:76px; left:clamp(20px,3vw,54px); right:clamp(20px,3vw,54px);
  grid-row:auto; padding:14px 18px; border:1px solid #354574; border-radius:10px;
  background:#141b2ef2; color:#fff; font-size:15px; line-height:1.5;
}


#audio-dock-error:not([hidden]) { position:absolute; inset:0 0 auto; z-index:2; margin:0; padding:12px 20px; background:#371923; color:#fff; border-bottom:1px solid #b45971; }
.audio-embed #status:not([hidden]) { display:block; color:#ffd1dc; }

/* Fit the artwork and both control panels together on laptop screens. */
@media(min-width:901px) {
  .audio-player-slot,.audio-dock.detail-mode { height:max(500px,calc(100dvh - 180px)); }
  .audio-player-slot { margin:12px 0 20px; }
  .audio-embed.audio-expanded .audio-page { height:100dvh; padding:0 12px 12px; overflow:auto; }
  .audio-embed.audio-expanded .audio-page main { max-width:1200px; }
  .audio-embed.audio-expanded .audio-masthead { height:clamp(150px,30dvh,210px); min-height:0; margin:8px 0 12px; }
  .audio-embed.audio-expanded .audio-cover-frame { width:clamp(100px,13vw,140px); height:100%; min-height:0; background:#050505; }
  .audio-embed.audio-expanded .audio-cover-frame img { object-fit:contain; }
  .audio-embed.audio-expanded .audio-masthead-copy { padding:16px 24px; }
  .audio-embed.audio-expanded .audio-masthead-copy h1 { font-size:clamp(24px,2.8vw,36px); margin:0 0 8px; }
  .audio-embed.audio-expanded .audio-masthead-copy #audio-chapter-title { font-size:16px; }
  .audio-embed.audio-expanded .audio-waveform { height:28px; margin:12px 0 0; }
  .audio-embed.audio-expanded .audio-panel { min-height:0; padding:14px 18px; gap:6px; }
  .audio-embed.audio-expanded .audio-panel-heading { margin:0 0 4px; }
  .audio-embed.audio-expanded .audio-panel h2 { font-size:19px; }
  .audio-embed.audio-expanded .audio-panel select { padding:8px 10px; font-size:14px; }
  .audio-embed.audio-expanded .audio-panel > label[for="chapter"] { margin-top:0; }
  .audio-embed.audio-expanded .audio-progress { gap:6px; }
  .audio-embed.audio-expanded .audio-player-actions { margin:0; }
  .audio-embed.audio-expanded .audio-story-options { margin:0; gap:12px; }
  .audio-embed.audio-expanded .audio-story-volume { gap:8px; }
  .audio-embed.audio-expanded .audio-ambient-waveform { height:38px; margin:8px 0; }
  .audio-embed.audio-expanded .audio-panel p { margin:4px 0; }
  .audio-embed.audio-expanded .audio-stop { padding:6px 10px; }
}

.ch-video-end { position:absolute; inset:0; z-index:2; display:flex; align-items:center; padding:clamp(24px,5vw,80px); overflow:hidden; background:#101522; }
.ch-video-end[hidden],.ch-video-up-next[hidden] { display:none; }
.ch-video-end-art { position:absolute; inset:0; }
.ch-video-end-art .experience-image,.ch-video-end-art img { width:100%; height:100%; object-fit:cover; }
.ch-video-end-art::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#050505ed,#05050566); }
.ch-video-end-copy { position:relative; max-width:55%; }
.ch-video-end-copy h2 { font-size:clamp(24px,4vw,52px); }
.ch-video-end button,.ch-video-up-next button { border:0; border-radius:8px; padding:10px 16px; background:#2447ee; color:white; font:700 14px 'Plus Jakarta Sans',sans-serif; cursor:pointer; }
.ch-video-end button { margin:4px 8px 4px 0; }
.ch-video-end button:disabled,.ch-video-up-next button:disabled { opacity:.5; cursor:wait; }
.ch-video-up-next { position:absolute; right:24px; bottom:24px; z-index:4; width:clamp(210px,23vw,300px); padding:16px; border:1px solid #53617e; border-radius:14px; background:#101727f2; box-shadow:0 12px 40px #0008; display:grid; gap:10px; }
.ch-video-up-next > span { color:#a8bde4; font-size:13px; }
.ch-video-up-next .experience-image { aspect-ratio:16 / 9; border-radius:8px; overflow:hidden; }
.ch-video-up-next img { width:100%; height:100%; object-fit:cover; }
.ch-video-up-next #ch-video-next-dismiss { position:absolute; top:6px; right:6px; padding:4px 10px; background:transparent; font-size:22px; }
@media(max-width:600px) {
  .ch-video-up-next { right:12px; bottom:12px; width:190px; padding:12px; gap:6px; }
  .ch-video-up-next .experience-image { display:none; }
  .ch-video-end-copy { max-width:calc(100% - 190px); }
  .ch-video-end { padding:16px; }
  .ch-video-end-copy h2 { font-size:20px; }
}

/* Public information pages use the same site shell and remain readable on laptops. */
.info-page { max-width: 980px; margin: 0 auto; padding: 28px 0 60px; line-height: 1.75; overflow-wrap: anywhere; }
.info-page h1 { font-size: clamp(28px, 4vw, 46px); line-height: 1.2; margin: 30px 0 20px; }
.info-page h2 { font-size: 24px; line-height: 1.35; margin: 32px 0 12px; }
.info-page p, .info-page ul, .info-page ol { margin: 14px 0; }
.info-page a { color: #9cc9ff; text-decoration: underline; text-underline-offset: 4px; }
.info-nav, .info-topics { display: flex; flex-wrap: wrap; gap: 12px 22px; }
.info-nav a[aria-current=page] { color: white; font-weight: 700; }
.info-page button, .info-page input, .info-page textarea, .info-page select { font: inherit; }
.info-topics button { padding: 10px 16px; border-radius: 10px; border: 1px solid #424957; background: #181e29; color: white; cursor: pointer; }
.info-topics button[aria-pressed=true] { background: #2459a0; }
.info-search, .info-contact label { display: flex; flex-direction: column; gap: 6px; }
.info-search { margin: 24px 0; }
.info-search input, .info-contact input, .info-contact select, .info-contact textarea { box-sizing: border-box; min-width: 0; width: 100%; color: white; background: #141a25; padding: 12px; border: 1px solid #424957; border-radius: 8px; }
.info-question { border-bottom: 1px solid #353a46; padding: 16px 0; }
.info-question summary { cursor: pointer; font-size: 18px; font-weight: 600; }
.info-question[hidden] { display: none; }
.info-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 30px; }
.info-contact label:has(select), .info-contact label:has(textarea), .info-contact p { grid-column: 1 / -1; }
.info-contact textarea { min-height: 180px; resize: vertical; }
.info-contact .info-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.info-contact button { justify-self: start; }
.info-contact button:disabled { opacity: .65; cursor: wait; }
.ch-about-stats, .ch-about-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin: 28px 0; }
.ch-about-stat, .ch-about-card { padding: 20px; background: #151b26; border-radius: 12px; }
.ch-about-stat span { display: block; }
.ch-about-stat-num { font-size: 24px; font-weight: 700; }
.ch-about-quote { border-left: 3px solid #3583e0; padding-left: 24px; font-size: 22px; }
@media (max-width: 640px) { .info-contact, .ch-about-stats, .ch-about-grid { grid-template-columns: 1fr; } .info-page { padding-top: 12px; } }



/* Approved desktop preferences; catalog choices and consent remain live controls. */
@font-face { font-family:'Rubik Distressed'; src:url('/assets/RubikDistressed-Regular.woff') format('woff'); font-weight:400; font-style:normal; font-display:swap; }
.experience-ready:has(.experience-welcome) #experience { display:flow-root; max-width:none; padding:0 24px; }
.experience-ready:has(.experience-welcome) .experience-header,.experience-ready:has(.experience-welcome) .experience-footer { display:none; }
.experience-welcome { --welcome-outline:#303743; max-width:1040px; margin:40px auto; color:#fff; }
.experience-welcome *, .experience-welcome *::before, .experience-welcome *::after { box-sizing:border-box; }
.experience-welcome-brand { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:32px; }
.experience-welcome-brand img { display:block; width:126px; height:28px; object-fit:contain; }
.experience-welcome-brand span { color:var(--ch-muted); font-size:12px; font-weight:600; }
.experience-welcome .experience-profile-editor { display:flex; flex-direction:column; gap:32px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.experience-welcome .experience-profile-editor[hidden] { display:none; }
.experience-welcome .experience-heading { margin:0; padding:0; }
.experience-welcome .experience-heading h1 { margin:0 0 12px; font:400 40px/1.2 'Rubik Distressed',sans-serif; letter-spacing:0; }
.experience-welcome .experience-heading p { margin:0; color:var(--ch-muted); font-size:16px; line-height:1.5; }
.experience-welcome .experience-interest-picker { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:24px; margin:0; padding:0; }
.experience-welcome .experience-interest-group { display:flex; flex-direction:column; gap:18px; min-width:0; margin:0; padding:24px; border:1px solid var(--welcome-outline); border-radius:16px; background:var(--ch-surface); }
.experience-welcome .experience-interest-group legend { float:left; width:100%; margin:0; padding:0; color:#fff; font:600 20px/1.3 'Plus Jakarta Sans',sans-serif; }
.experience-welcome .experience-interest-help { margin:0; color:var(--ch-muted); font-size:13px; line-height:1.4; }
.experience-welcome .experience-interest-tools { display:flex; justify-content:space-between; gap:16px; margin:0; }
.experience-welcome .experience-interest-tools button { min-height:18px; padding:0; border:0; background:transparent; color:#fff; font:600 13px/1.4 'Plus Jakarta Sans',sans-serif; cursor:pointer; }
.experience-welcome .experience-interest-tools button:last-child { color:var(--ch-muted); font-weight:400; }
.experience-welcome .experience-interest-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.experience-welcome .experience-interest-choice { display:flex; min-width:0; }
.experience-welcome .experience-interest-choice > span { display:flex; align-items:center; justify-content:center; flex:1; min-width:0; min-height:48px; padding:10px 12px; border:1px solid var(--welcome-outline); border-radius:8px; background:var(--ch-raised); color:#fff; font:600 13px/1.4 'Plus Jakarta Sans',sans-serif; text-align:center; overflow-wrap:anywhere; }
.experience-welcome .experience-interest-choice input:checked + span { background:var(--ch-blue); border-color:var(--welcome-outline); }
.experience-welcome .experience-interest-choice input:checked + span::before { content:'✓'; margin-right:8px; }
.experience-welcome .experience-interest-choice:hover > span { border-color:#829aff; }
.experience-welcome .experience-interest-choice small { display:none; }
.experience-welcome-preferences { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }
.experience-welcome .local-location-form { display:grid; gap:10px; min-width:0; margin:0; padding:0; border:0; background:transparent; }
.experience-welcome .local-location-form legend { margin:0 0 10px; padding:0; color:var(--ch-muted); font:600 12px/1.4 'Plus Jakarta Sans',sans-serif; }
.experience-welcome .local-location-label,.experience-welcome .local-location-help,.experience-welcome .local-location-note { display:none; }
.experience-welcome .local-location-form label { display:block; }
.experience-welcome .local-location-form input { display:block; width:100%; max-width:none; min-height:52px; margin:0; padding:16px; border:1px solid var(--welcome-outline); border-radius:8px; background:var(--ch-surface); color:#fff; font:400 14px/1.4 'Plus Jakarta Sans',sans-serif; }
.experience-welcome .local-location-form input::placeholder { color:var(--ch-muted); opacity:1; }
.experience-welcome-communications { display:flex; flex-direction:column; gap:14px; margin:0; padding:0; border:0; background:transparent; }
.experience-welcome-communications .experience-consent-row { align-items:center; gap:8px; margin:0; color:#fff; font-size:14px; line-height:1.4; }
.experience-welcome-communications .experience-consent-row:nth-child(2) { color:var(--ch-muted); }
.experience-welcome-communications .experience-consent-row strong { font-weight:400; }
.experience-welcome-communications .experience-consent-row small { display:none; }
.experience-welcome-communications .experience-consent-row input { appearance:auto; width:14px; height:14px; margin:0; accent-color:var(--ch-blue); }
.experience-welcome-email-help { margin:0; color:var(--ch-muted); font-size:12px; line-height:1.5; }
.experience-welcome-actions { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.experience-welcome-reassurance { display:grid; gap:6px; }
.experience-welcome-reassurance p { margin:0; color:var(--ch-muted); font-size:13px; line-height:1.4; }
.experience-welcome-skip { justify-self:start; min-height:24px; margin:0; padding:0; border:0; background:transparent; color:#fff; font:600 14px/1.4 'Plus Jakarta Sans',sans-serif; cursor:pointer; }
.experience-welcome .experience-profile-save { width:300px; min-height:48px; margin:0; padding:12px 24px; border:1px solid var(--welcome-outline); border-radius:8px; background:var(--ch-blue); color:#fff; font:600 13px/1.4 'Plus Jakarta Sans',sans-serif; cursor:pointer; }
.experience-welcome .experience-profile-save:hover { background:#3150f4; }
.experience-welcome button:focus-visible,.experience-welcome input:focus-visible { outline:3px solid #e0e7ff; outline-offset:3px; }
.experience-welcome button:disabled { opacity:.55; cursor:wait; }
.experience-welcome .experience-profile-status { margin:0; color:var(--ch-muted); font-size:14px; }
.experience-welcome .experience-profile-status:empty { display:none; }
@media(max-width:760px) {
  .experience-welcome { margin:28px auto; }
  .experience-welcome-brand { margin-bottom:28px; }
  .experience-welcome-brand span { font-size:10px; }
  .experience-welcome .experience-heading h1 { font-size:32px; }
  .experience-welcome .experience-interest-picker,.experience-welcome-preferences { grid-template-columns:1fr; }
  .experience-welcome .experience-interest-group { padding:20px; }
  .experience-welcome .experience-interest-group legend { font-size:18px; }
  .experience-welcome-actions { flex-direction:column-reverse; align-items:stretch; }
  .experience-welcome .experience-profile-save { width:100%; }
}

/* Creator pages use the existing Chilling shell, fonts and color tokens. */
.creator-portal { --creator-outline:#303743; max-width:1248px; margin:48px auto 64px; color:#fff; font-family:'Plus Jakarta Sans',system-ui,sans-serif; }
.creator-portal *, .creator-portal *::before, .creator-portal *::after { box-sizing:border-box; }
.creator-portal h1 { margin:0; font-family:'Lemon Milk',Impact,sans-serif; font-size:40px; line-height:1.18; font-weight:400; text-transform:uppercase; }
.creator-portal h2, .creator-portal h3, .creator-fieldset legend { text-transform:none; font-family:'Lemon Milk',system-ui,sans-serif; font-weight:400; letter-spacing:0; }
.creator-portal h2 { margin:0; font-size:24px; line-height:1.45; }
.creator-portal h3 { margin:0; font-size:22px; line-height:1.45; }
.creator-portal p { margin:0; line-height:1.45; }
.creator-portal button { font-family:inherit; cursor:pointer; }
.creator-portal button:disabled { opacity:.55; cursor:not-allowed; }
.creator-portal button:focus-visible, .creator-portal a:focus-visible, .creator-portal summary:focus-visible { outline:2px solid #9eb3ff; outline-offset:4px; }
.creator-portal .experience-primary, .creator-portal .experience-secondary { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 24px; border-radius:8px!important; font-size:14px; font-weight:600; line-height:1.2; }
.creator-portal .experience-primary { background:var(--ch-blue); border:1px solid var(--ch-blue); color:#fff; }
.creator-portal .experience-primary:hover { background:#3150f4; }
.creator-text-action { min-height:44px; padding:8px 0; border:0; background:transparent; color:var(--ch-muted); font-size:14px; font-weight:600; text-align:left; }
.creator-text-action:hover, .creator-footer a:hover { color:#fff; }
.creator-portal .creator-eyebrow { margin:0; color:var(--ch-muted); font-size:12px; font-weight:600; line-height:1.45; letter-spacing:0; }
.creator-marketing-hero { display:grid; grid-template-columns:minmax(0,552fr) minmax(0,648fr); align-items:center; gap:48px; }
.creator-hero-copy { display:flex; flex-direction:column; align-items:flex-start; gap:24px; min-width:0; }
.creator-marketing-hero h1 { font-size:clamp(36px,3.62vw,52px); }
.creator-marketing-hero h1 span { display:block; }
.creator-portal .creator-marketing-lead { max-width:520px; color:var(--ch-muted); font-size:20px; }
.creator-hero-copy > .experience-primary { min-width:224px; }
.creator-portal .creator-returning { color:var(--ch-muted); font-size:14px; }
.creator-returning .creator-text-action { display:inline; min-height:0; padding:0; font-weight:400; }
.creator-hero-artwork { display:block; width:100%; height:auto; aspect-ratio:648 / 480; object-fit:cover; border-radius:8px; }
.creator-partnership { margin:40px 0 0; }
.creator-partnership > h2 { font-size:28px; }
.creator-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:24px 0 40px; }
.creator-benefit { min-width:0; min-height:180px; padding:24px; border:1px solid var(--creator-outline); border-radius:8px; background:var(--ch-surface); display:flex; flex-direction:column; gap:8px; }
.creator-benefit h3 { font-size:20px; }
.creator-benefit > p:last-child { color:var(--ch-muted); font-size:15px; overflow-wrap:anywhere; }
.creator-disclosure { margin:16px 0 0; padding:0 16px; border:1px solid var(--creator-outline); border-radius:8px; background:var(--ch-surface); }
.creator-disclosure summary { position:relative; padding:16px 28px 16px 0; cursor:pointer; list-style:none; font-size:16px; font-weight:600; line-height:1.45; }
.creator-disclosure summary::-webkit-details-marker { display:none; }
.creator-disclosure summary::after { content:''; position:absolute; right:4px; top:22px; width:7px; height:7px; border-right:2px solid var(--ch-muted); border-bottom:2px solid var(--ch-muted); transform:rotate(45deg); }
.creator-disclosure[open] summary::after { transform:rotate(225deg); top:25px; }
.creator-portal .creator-disclosure > p { margin:0 0 16px; }
.creator-footer { margin-top:40px!important; color:var(--ch-muted); font-size:13px; }
.creator-footer a { color:inherit; }
.creator-page-heading { display:grid; gap:24px; margin-bottom:24px; }
.creator-help, .creator-field-help, .creator-progress, .creator-record-meta { color:var(--ch-muted); font-weight:400; }
.creator-portal .creator-help { font-size:16px; }
.creator-back { margin-bottom:16px; }
.creator-card { min-width:0; padding:32px; margin:0; border:1px solid var(--creator-outline); border-radius:8px; background:var(--ch-surface); }
.creator-section-heading, .creator-submission-row { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.creator-submissions { display:grid; gap:24px; margin-top:24px; }
.creator-submission-info { min-width:0; display:grid; gap:8px; }
.creator-submission-info h3, .creator-review-notes { overflow-wrap:anywhere; }
.creator-submission-row > button { flex:none; min-width:216px; }
.creator-portal .creator-record-meta { font-size:13px; text-transform:capitalize; }
.creator-portal .creator-review-notes { color:#d4dcf1; font-size:15px; line-height:1.6; }
.creator-state { display:inline-block; margin-bottom:24px; padding:6px 12px; border:1px solid var(--creator-outline); border-radius:30px; background:var(--ch-raised); color:var(--ch-muted); font-size:12px; letter-spacing:.05em; }
.creator-form-layout { display:grid; grid-template-columns:minmax(0,824fr) minmax(0,384fr); align-items:start; gap:40px; }
.creator-form-layout:has(> .creator-card:only-child) { grid-template-columns:1fr; }
.creator-form { display:grid; gap:24px; margin:0; }
.creator-portal .creator-progress { font-size:13px; font-weight:600; }
.creator-fieldset { min-width:0; margin:0; padding:0; border:0; display:grid; gap:24px; }
.creator-fieldset legend { margin-bottom:24px; padding:0; font-size:22px; line-height:1.45; }
.creator-form label { min-width:0; display:grid; gap:8px; font-size:15px; font-weight:600; }
.creator-portal .creator-field-help { font-size:13px; line-height:1.45; }
.creator-form input, .creator-form textarea, .creator-form select, .creator-step input { width:100%; min-width:0; min-height:40px; margin:0; padding:10px 15px; border:1px solid var(--creator-outline); border-radius:8px; background:var(--ch-raised); color:#fff; font:400 15px/1.45 'Plus Jakarta Sans',system-ui,sans-serif; }
.creator-form input::placeholder, .creator-form textarea::placeholder { color:var(--ch-muted); opacity:1; }
.creator-form textarea { min-height:80px; resize:vertical; }
.creator-form input:focus-visible, .creator-form textarea:focus-visible, .creator-form select:focus-visible, .creator-step input:focus-visible { outline:2px solid #9eb3ff; outline-offset:2px; }
.creator-form input:disabled, .creator-form textarea:disabled, .creator-form select:disabled { opacity:.7; }
.creator-contact-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.creator-form-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }
.creator-form-actions .experience-primary { min-width:232px; }
.creator-form-guide { padding:24px; display:grid; gap:24px; }
.creator-form-guide h2 { font-size:20px; }
.creator-portal .creator-form-guide .creator-help { font-size:15px; }
.creator-status { color:#beeaff; margin-top:16px!important; }
.creator-status:empty { display:none; }
.creator-step { display:flex; flex-direction:column; align-items:flex-start; gap:24px; margin-top:24px; }
.creator-step > .creator-help { max-width:860px; }
.creator-step > .creator-disclosure { width:100%; margin:0; }
.creator-step label { display:grid; gap:8px; width:min(100%,320px); font-size:15px; }
.creator-code-entry { display:flex; align-items:end; flex-wrap:wrap; gap:16px; width:100%; }
.creator-challenge { display:block; overflow-wrap:anywhere; padding:16px; margin:16px 0; background:var(--ch-raised); border-radius:8px; }
.creator-agreement { max-width:960px; margin:auto; }
.creator-agreement > h2 { margin:24px 0 8px; }
.creator-agreement > h3 { margin:28px 0 12px; font-size:20px; }
.creator-agreement > p { line-height:1.7; }
.creator-agreement .creator-form { margin-top:32px; }
.creator-form .creator-check { display:flex; align-items:flex-start; gap:12px; font-weight:400; line-height:1.6; }
.creator-check input { width:20px; min-height:20px; margin-top:4px; flex:none; accent-color:var(--ch-blue); }
.creator-history { margin-top:24px; }
@media(max-width:1000px) {
  .creator-form-layout { grid-template-columns:minmax(0,1fr); gap:24px; }
  .creator-form-guide { order:1; }
  .creator-marketing-hero { gap:32px; }
}
@media(max-width:820px) {
  .creator-marketing-hero { grid-template-columns:minmax(0,1fr); gap:24px; }
  .creator-hero-artwork { aspect-ratio:342 / 226; }
  .creator-benefits { grid-template-columns:minmax(0,1fr); }
  .creator-portal .creator-marketing-lead { font-size:16px; }
}
@media(max-width:600px) {
  .creator-portal { margin-top:40px; }
  .creator-portal h1 { font-size:32px; overflow-wrap:anywhere; }
  .creator-marketing-hero h1 { font-size:36px; }
  .creator-hero-copy > .experience-primary { width:100%; }
  .creator-partnership { margin-top:24px; }
  .creator-partnership > h2 { font-size:24px; }
  .creator-benefits { margin:24px 0; }
  .creator-card { padding:24px; }
  .creator-section-heading, .creator-submission-row { align-items:flex-start; flex-direction:column; gap:16px; }
  .creator-submission-row > button { width:100%; min-width:0; }
  .creator-contact-fields { grid-template-columns:minmax(0,1fr); }
  .creator-form-actions { align-items:stretch; flex-direction:column; gap:8px; }
  .creator-form-actions .experience-primary { min-width:0; width:100%; }
  .creator-form-actions .creator-text-action { align-self:flex-start; }
  .creator-portal .creator-progress { line-height:1.7; }
}


/* Titles and headings use the supplied brand heading face. */
h1,h2,h3,h4,h5,h6,.experience-card-preview strong,.experience-player header strong,.experience-history-item strong,.audio-dock-bar strong,.experience-manage-tile strong,.audio-embed:not(.audio-expanded) .audio-masthead-copy h1,.auth-confirm-mode .auth-card h1,.creator-portal h2,.creator-portal h3 { font-family:'Lemon Milk',sans-serif; font-weight:400; }

/* Approved compact account access, shared by desktop and mobile web. */
.auth-layout { display:flex; flex-direction:column; gap:24px; width:min(100%,438px); padding:40px 24px 24px; margin:auto; }
.auth-story { min-height:28px; }
.auth-wordmark { position:static; }
.auth-quote { display:none; }
.auth-card,.auth-confirm-mode .auth-card { width:100%; background:transparent; border:0; border-radius:0; padding:0; box-shadow:none; min-height:0; }
.auth-card h1 { font-size:24px; line-height:32px; margin-bottom:16px; }
.auth-card > p { font-size:14px; line-height:20px; margin-bottom:16px; }
.auth-social { gap:16px; }
.auth-social button { min-height:48px; background:#101216; border-color:#303743; border-radius:8px; }
.experience-email-record { display:grid; gap:16px; }
.experience-email-record label { display:grid; gap:8px; }
.experience-email-record input { width:100%; min-height:48px; border:1px solid #303743; border-radius:8px; padding:12px 16px; background:#1b2030; color:white; font:inherit; }

/* First transition only; the standard sign-in and existing preferences stay compact. */
.auth-recognized-eyebrow,.auth-recognized-help,.auth-recognized-hint { display:none; }
.auth-recognized-mode .auth-layout { width:min(100%,488px); gap:50px; padding:30px 24px; }
.auth-recognized-mode { background:#050505; }
.auth-recognized-mode .auth-story { display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
.auth-recognized-mode .auth-story:before { display:none; }
.auth-recognized-mode .auth-wordmark { width:126px; height:28px; }
.auth-recognized-mode .auth-close { display:none; }
.auth-recognized-mode .auth-recognized-help { display:block; color:#a6b7ff; font-size:14px; text-decoration:none; }
.auth-recognized-mode .auth-card h1 { font-family:'Rubik Distressed',sans-serif; font-size:36px; line-height:1.2; letter-spacing:0; text-transform:none; margin:0 0 16px; }
.auth-recognized-mode .auth-card > .auth-recognized-eyebrow { display:block; color:#a6b7ff; font-size:11px; margin-bottom:16px; }
.auth-recognized-mode .auth-card > p { font-size:15px; line-height:1.45; color:#a8adb7; }
.auth-recognized-mode #auth-form { gap:16px; }
.auth-recognized-mode #auth-form label { font-size:14px; font-weight:400; }
.auth-recognized-mode #auth-form input { background:#101216; border-color:#303743; border-radius:8px; font-size:14px; }
.auth-recognized-mode .auth-recognized-hint { display:block; color:#a8adb7; font-size:12px; line-height:1.45; margin:0; }
.auth-recognized-mode #auth-submit { min-height:52px; background:#1537e8; border-radius:8px; text-transform:none; font-weight:400; font-size:14px; }
.auth-recognized-mode #auth-switch { color:#a6b7ff; font-size:14px; margin:0; padding:0; text-align:left; }
.auth-recognized-mode #auth-message:empty { min-height:0; margin:16px 0 0!important; }
.recognized-flow { max-width:440px; margin:30px auto 64px; display:flex; flex-direction:column; gap:16px; font-family:'Plus Jakarta Sans',sans-serif; }
.recognized-brand { display:flex; align-items:center; justify-content:space-between; margin-bottom:34px; }
.recognized-brand img { width:126px; height:28px; object-fit:contain; }
.recognized-eyebrow { color:#a6b7ff; font-size:11px; margin:0; }
.recognized-flow .experience-heading { margin:0; padding:0; }
.recognized-onboarding-open .experience-header,.recognized-onboarding-open .experience-footer { display:none; }
.recognized-onboarding-open #experience { display:flow-root; }
.recognized-flow .experience-profile-status:empty { display:none; }
.recognized-flow .experience-heading h1 { font-family:'Rubik Distressed',sans-serif; font-size:36px; line-height:1.2; letter-spacing:0; text-transform:none; margin:0 0 16px; }
.recognized-flow .experience-heading p { color:#a8adb7; font-size:15px; line-height:1.45; margin:0; }
.recognized-form { display:flex; flex-direction:column; gap:16px; }
.recognized-choices { padding:0; border:0; margin:0; min-width:0; }
.recognized-choices legend { color:white; font-size:14px; margin-bottom:16px; }
.recognized-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.recognized-choice,.recognized-primary { min-height:52px; border:1px solid #303743; border-radius:8px; padding:12px; font:inherit; font-size:14px; color:white; background:#101216; cursor:pointer; }
.recognized-choice[aria-pressed="true"],.recognized-primary { background:#1537e8; border-color:#1537e8; }
.recognized-link { display:block; text-align:left; padding:0; border:0; background:none; color:#a6b7ff; font:inherit; font-size:14px; text-decoration:none; cursor:pointer; }
.recognized-note { padding:16px; border-radius:12px; background:#1b2030; display:grid; gap:8px; font-size:14px; }
.recognized-note p { color:#a8adb7; font-size:13px; line-height:1.45; margin:0; }
.recognized-small { color:#a8adb7; font-size:12px; margin:0; }
.recognized-flow button:disabled { opacity:.55; cursor:wait; }
@media(max-width:550px) { .auth-recognized-mode .auth-card h1,.recognized-flow .experience-heading h1 { font-size:30px; } .recognized-flow { margin:20px auto 40px; } }

/* Edit Profile shares the approved preferences layout and Chilling tokens. */
.experience-profile-edit-page .experience-interest-choices { align-items:flex-start; }
.experience-profile-edit-page .experience-interest-choice > span { position:relative; pointer-events:none; }
.experience-profile-edit-page { max-width:1200px; margin:32px auto 64px; color:#fff; }
.experience-profile-edit-page *, .experience-profile-edit-page *::before, .experience-profile-edit-page *::after { box-sizing:border-box; }
.experience-profile-edit-page .experience-heading { margin-bottom:24px; }
.experience-profile-edit-page .experience-heading h1 { font-size:clamp(28px,3vw,36px); line-height:1.35; }
.experience-profile-edit-page .experience-heading p { margin-top:8px; color:var(--ch-muted); font-size:16px; line-height:1.5; }
.experience-profile-editor-redesign { padding:0; border:0; border-radius:0; background:transparent; }
.experience-profile-editor-grid { display:grid; grid-template-columns:360px minmax(0,1fr); align-items:start; gap:24px; }
.experience-editor-card { min-width:0; padding:24px; border:1px solid #303743; border-radius:8px; background:var(--ch-surface); }
.experience-editor-card h2 { margin:0 0 24px; font-size:20px; line-height:1.45; }
.experience-editor-card h3 { margin:24px 0 16px; font-size:16px; line-height:1.45; }
.experience-editor-preview { display:flex; align-items:center; gap:16px; margin-bottom:24px; }
.experience-editor-preview > .experience-profile-avatar { flex:none; width:96px; height:96px; }
.experience-editor-preview > div { display:grid; min-width:0; gap:8px; }
.experience-editor-preview strong { font-size:22px; line-height:1.4; overflow-wrap:anywhere; }
.experience-profile-edit-page .experience-account-muted { color:var(--ch-muted); font-size:14px; line-height:1.5; }
.experience-editor-identity .experience-profile-name { max-width:none; font-size:14px; }
.experience-editor-identity .experience-profile-name input { min-height:48px; border-color:#303743; border-radius:8px; background:var(--ch-raised); font-size:16px; }
.experience-editor-identity .experience-avatar-picker { grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:0 0 24px; max-width:none; }
.experience-editor-identity .experience-avatar-option { min-width:0; padding:3px; }
.experience-editor-identity .experience-avatar-option[aria-checked="true"] { border-color:var(--ch-blue); box-shadow:0 0 0 1px #91a6ff; }
.experience-editor-identity > p { margin:0; }
.experience-editor-preferences { display:grid; min-width:0; gap:24px; }
.experience-profile-edit-page .experience-interest-picker { margin:0; }
.experience-editor-interests > h2 { margin-bottom:8px; }
.experience-editor-interests > p { margin:0 0 24px; }
.experience-profile-edit-page .experience-interest-group { min-width:0; margin:0 0 24px; }
.experience-profile-edit-page .experience-interest-group:last-child { margin-bottom:0; }
.experience-profile-edit-page .experience-interest-group legend { width:100%; margin-bottom:8px; font-size:16px; line-height:1.5; }
.experience-profile-edit-page .experience-interest-tools { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin:0 0 16px; }
.experience-profile-edit-page .experience-interest-tools .experience-account-link { min-height:44px; margin:0; padding:10px 16px; border:1px solid #303743; border-radius:8px; background:var(--ch-raised); color:#fff; font:600 14px/1.4 'Plus Jakarta Sans',sans-serif; }
.experience-profile-edit-page .experience-interest-choices { gap:8px; }
.experience-profile-edit-page .experience-interest-choice { max-width:100%; }
.experience-profile-edit-page .experience-interest-choice > span { display:flex; flex-direction:column; justify-content:center; min-height:48px; max-width:100%; padding:12px 16px; border-color:#303743; border-radius:8px; background:var(--ch-raised); font-size:14px; line-height:1.4; overflow-wrap:anywhere; }
.experience-profile-edit-page .experience-interest-choice input:checked + span { border-color:var(--ch-blue); background:var(--ch-blue); color:#fff; }
.experience-profile-edit-page .experience-interest-choice input:checked + span::before { content:'✓'; position:absolute; top:50%; left:12px; transform:translateY(-50%); }
.experience-profile-edit-page .experience-interest-choice input:checked + span { padding-left:32px; }
.experience-profile-edit-page .experience-interest-choice small { font-size:12px; color:inherit; }
.experience-profile-edit-page .experience-consent-row { gap:16px; margin:0 0 24px; font-size:16px; }
.experience-profile-edit-page .experience-consent-row:last-child { margin-bottom:0; }
.experience-profile-edit-page .experience-consent-row input { width:24px; height:24px; accent-color:var(--ch-blue); }
.experience-profile-edit-page .experience-consent-row span { min-width:0; gap:8px; }
.experience-profile-edit-page .experience-consent-row small { color:var(--ch-muted); font-size:14px; }
.experience-profile-edit-page .experience-profile-editor-actions { margin-top:24px; gap:16px; }
.experience-profile-edit-page .experience-profile-editor-actions p { margin:0; }
.experience-profile-edit-page .experience-profile-save, .experience-profile-edit-page .experience-profile-cancel, .experience-profile-edit-page .experience-profile-delete { min-height:48px; padding:12px 24px; border-radius:8px; font:600 14px/1.4 'Plus Jakarta Sans',sans-serif; }
.experience-profile-edit-page .experience-profile-save { min-width:184px; border-color:var(--ch-blue); background:var(--ch-blue); }
.experience-profile-cancel { border:1px solid #303743; background:var(--ch-raised); color:#fff; cursor:pointer; }
.experience-profile-edit-page .experience-profile-save:hover { background:#3150f4; }
.experience-profile-edit-page .experience-profile-delete { border-color:#c72630; color:#ff8e95; background:transparent; }
.experience-profile-edit-page button:disabled { opacity:.55; cursor:wait; }
.experience-profile-edit-page button:focus-visible { outline:3px solid #e0e7ff; outline-offset:3px; }
.experience-profile-edit-page .experience-profile-status { font-size:14px; line-height:1.5; }
.experience-profile-edit-page .experience-profile-status:empty { display:none; }
.experience-profile-edit-page .experience-profile-history-preview { margin-top:24px; padding:24px; border-color:#303743; border-radius:8px; background:var(--ch-surface); }
.experience-profile-edit-page .experience-profile-history-preview h2 { margin:0 0 16px; font-size:20px; }
.experience-profile-edit-page .experience-profile-history-preview .experience-profile-back { min-height:44px; margin:16px 0 0; }
.experience-editor-danger { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:24px; }
.experience-editor-danger h2 { margin:0 0 8px; font-size:16px; }
.experience-editor-danger p { margin:0; }
.experience-editor-danger .experience-profile-status { margin-top:12px; }
.experience-editor-danger .experience-profile-delete { flex:none; }
@media(max-width:1000px) {
  .experience-profile-editor-grid { grid-template-columns:320px minmax(0,1fr); }
}
@media(max-width:760px) {
  .experience-profile-editor-grid { grid-template-columns:minmax(0,1fr); }
  .experience-profile-edit-page { margin-top:24px; }
  .experience-editor-identity .experience-avatar-picker { max-width:360px; }
  .experience-profile-edit-page .experience-interest-tools { justify-content:flex-start; }
  .experience-profile-edit-page .experience-profile-editor-actions { align-items:stretch; flex-direction:column; }
  .experience-profile-edit-page .experience-profile-editor-actions > button { width:100%; }
  .experience-editor-danger { flex-direction:column; align-items:stretch; gap:16px; }
}
@media(max-width:360px) {
  .experience-editor-card, .experience-profile-edit-page .experience-profile-history-preview { padding:16px; }
  .experience-editor-preview > .experience-profile-avatar { width:72px; height:72px; }
}




.experience-membership-input { display:block; box-sizing:border-box; width:100%; margin-top:8px; padding:12px; border:1px solid #566078; border-radius:8px; background:#0d111d; color:#fff; font:inherit; }
.experience-membership-input:focus-visible { outline:2px solid #a5b8ff; outline-offset:2px; }

/* Recognized customers use the standard picker with its own scoped presentation. */
.recognized-onboarding-open #experience { max-width:none; padding:0 24px; }
.recognized-flow:has(.recognized-form) { width:100%; max-width:880px; margin:40px auto 64px; gap:16px; }
.recognized-flow:has(.recognized-form),.recognized-flow:has(.recognized-form) *,.recognized-flow:has(.recognized-form) *::before,.recognized-flow:has(.recognized-form) *::after { box-sizing:border-box; }
.recognized-flow:has(.recognized-form) .recognized-brand { margin-bottom:20px; }
.recognized-flow:has(.recognized-form) .experience-heading h1 { max-width:760px; margin-bottom:16px; font-size:36px; line-height:1.2; text-wrap:balance; }
.recognized-flow:has(.recognized-form) .experience-heading p { max-width:620px; font-size:15px; line-height:1.6; }
.recognized-form { display:grid; grid-template-columns:1fr auto; gap:24px; margin-top:12px; }
.recognized-form .experience-interest-picker { grid-column:1 / -1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:0; }
.recognized-form .experience-interest-group { display:flex; flex-direction:column; gap:12px; min-width:0; margin:0; padding:24px; border:1px solid #292f3a; border-radius:14px; background:#0e1117; }
.recognized-form .experience-interest-group legend { float:left; width:100%; margin:0; padding:0; color:#f5f6fa; font:600 16px/1.5 'Plus Jakarta Sans',sans-serif; }
.recognized-form .experience-interest-help { margin:0; color:#a8adb7; font:400 12px/1.5 'Plus Jakarta Sans',sans-serif; }
.recognized-form .experience-interest-tools { display:flex; align-items:center; justify-content:flex-end; gap:20px; margin:0; }
.recognized-form .experience-interest-tools .experience-account-link { width:auto; min-height:36px; margin:0; padding:4px 0; border:0; border-radius:0; background:transparent; box-shadow:none; color:#bec9ff; font:500 12px/1.5 'Plus Jakarta Sans',sans-serif; cursor:pointer; }
.recognized-form .experience-interest-tools .experience-account-link:last-child { color:#a8adb7; }
.recognized-form .experience-interest-tools .experience-account-link:hover { color:#fff; text-decoration:underline; }
.recognized-form .experience-interest-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.recognized-form .experience-interest-choice { display:flex; min-width:0; }
.recognized-form .experience-interest-choice > span { display:flex; align-items:center; justify-content:center; flex:1; min-width:0; min-height:48px; padding:11px 12px; border:1px solid #303743; border-radius:8px; background:#171b23; color:#e8ebf2; font:500 13px/1.5 'Plus Jakarta Sans',sans-serif; text-align:center; overflow-wrap:anywhere; transition:background .15s,border-color .15s; }
.recognized-form .experience-interest-choice:hover > span { border-color:#7a8dc9; }
.recognized-form .experience-interest-choice input:checked + span { background:#1537e8; border-color:#526dff; color:#fff; }
.recognized-form .experience-interest-choice input:checked + span::before { content:'✓'; flex-shrink:0; margin-right:7px; }
.recognized-form .experience-interest-choice small { display:none; }
.recognized-form > .recognized-primary { grid-column:2; grid-row:2; width:240px; min-height:50px; margin:0; padding:12px 24px; font-size:14px; font-weight:600; }
.recognized-form > .recognized-link { grid-column:1; grid-row:2; justify-self:start; align-self:center; min-height:44px; display:flex; align-items:center; color:#a8adb7; }
.recognized-form > .experience-profile-status { grid-column:1 / -1; margin:0; font-size:13px; line-height:1.5; }
.recognized-flow:has(.recognized-form) button:focus-visible,.recognized-form input:focus-visible + span { outline:2px solid #bcc9ff; outline-offset:4px; }
@media(max-width:640px) {
  .recognized-onboarding-open #experience { padding:0 20px; }
  .recognized-flow:has(.recognized-form) { margin:24px auto 40px; gap:14px; }
  .recognized-flow:has(.recognized-form) .recognized-brand { margin-bottom:14px; }
  .recognized-flow:has(.recognized-form) .experience-heading h1 { font-size:28px; }
  .recognized-flow:has(.recognized-form) .experience-heading p { font-size:14px; }
  .recognized-form { grid-template-columns:1fr; gap:16px; margin-top:8px; }
  .recognized-form .experience-interest-picker { grid-template-columns:1fr; gap:16px; }
  .recognized-form .experience-interest-group { padding:20px; }
  .recognized-form .experience-interest-tools .experience-account-link { min-height:44px; }
  .recognized-form > .recognized-primary { grid-column:1; width:100%; }
  .recognized-form > .recognized-link { grid-column:1; grid-row:3; justify-self:center; }
}