/* Scoped additions to the R2 site. Existing playback, membership and artwork stay intact. */
.yoovoy-intake-form, .intake-preview, .yoovoy-story-page { --intake-ink:#fff; --intake-muted:#bcbcbc; --intake-line:#ffffff30; color:var(--intake-ink); font-family:Inter,"Microsoft JhengHei","PingFang TC",sans-serif; font-size:15px; line-height:1.5; }
.yoovoy-intake-form *, .intake-preview *, .yoovoy-story-page * { box-sizing:border-box; }
.yoovoy-intake-form { display:grid; gap:20px; width:100%; min-width:0; text-align:left; }
.yoovoy-intake-form p, .yoovoy-intake-form h3 { margin:0; }
.intake-zh { display:block; font-size:.86em; font-weight:400; letter-spacing:0; line-height:1.55; text-transform:none; margin-top:3px; }
.intake-eyebrow { font-size:11px; font-weight:500; letter-spacing:.12em; color:var(--intake-muted); }
.intake-heading h3 { margin:12px 0!important; font:500 clamp(24px,2.3vw,32px)/1.15 Inter,"Microsoft JhengHei",sans-serif; letter-spacing:-.035em; }
.intake-heading h3 .intake-zh { margin-top:8px; font-size:17px; letter-spacing:0; }
.intake-intro { font-size:13px; color:#dedede; max-width:48ch; }
.intake-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.intake-field { display:grid; gap:8px; min-width:0; }
.intake-field label { display:block; font-size:13px; font-weight:500; color:#fff; }
.intake-optional { display:block; margin-top:4px; font:400 10px/1.4 Inter,"Microsoft JhengHei",sans-serif; color:var(--intake-muted); }
.intake-field input, .intake-field select, .intake-field textarea { display:block; width:100%; min-width:0; border:1px solid #ffffff38; border-radius:10px; background:#ffffff0a; color:#fff; padding:12px 14px; min-height:48px; font:400 16px/1.5 Inter,"Microsoft JhengHei","PingFang TC",sans-serif; margin:0; transition:border-color .18s,background .18s; }
.intake-field textarea { min-height:114px; resize:vertical; }
.intake-field input::placeholder, .intake-field textarea::placeholder { color:#bdbdbd; opacity:1; font-size:13px; }
.intake-field select option { color:#fff; background:#262626; }
.intake-field input:hover, .intake-field textarea:hover, .intake-field select:hover { border-color:#ffffff70; }
.intake-field input:focus-visible, .intake-field textarea:focus-visible, .intake-field select:focus-visible { border-color:#fff; outline:2px solid #ffffff55; outline-offset:2px; background:#ffffff10; }
.intake-more { border-top:1px solid var(--intake-line); border-bottom:1px solid var(--intake-line); }
.intake-more summary { position:relative; padding:14px 28px 14px 0; font-size:12px; cursor:pointer; list-style:none; min-height:48px; }
.intake-more summary>span[lang] { display:block; color:var(--intake-muted); font-size:11px; }
.intake-more summary::-webkit-details-marker, .intake-chapter summary::-webkit-details-marker { display:none; }
.intake-plus { position:absolute; right:1px; top:50%; transform:translateY(-50%); font:300 24px/1 Inter,sans-serif; }
details[open]>summary .intake-plus { transform:translateY(-50%) rotate(45deg); }
.intake-more .intake-field { margin:4px 0 18px; }
.intake-privacy, .intake-hint { font-size:12px; color:var(--intake-muted); }
.intake-submit { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px 14px; width:100%; min-height:54px; padding:14px 20px; border:1px solid #fff; border-radius:99px; background:#fff; color:#151515; font:500 14px/1.5 Inter,"Microsoft JhengHei",sans-serif; cursor:pointer; transition:background .18s,transform .18s; }
.intake-submit .intake-zh { margin:0; font-size:12px; }
.intake-submit:hover { background:#ddd; }
.intake-submit:active { transform:translateY(1px); }
.intake-submit:disabled { opacity:.5; cursor:default; }
.yoovoy-intake-form :focus-visible, .intake-preview :focus-visible, .yoovoy-story-page a:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.intake-preview-note { font-size:10px; color:var(--intake-muted); text-align:center; }
.intake-next { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:19px; border-top:1px solid var(--intake-line); color:#fff; font-size:12px; text-decoration:none; }
.intake-next:hover, .intake-back:hover { text-decoration:underline; text-underline-offset:4px; }
#yoovoy-enquiry { position:relative; min-height:0; scroll-margin-top:24px; }
/* Forms grow in normal flow; a sticky, viewport-height video section lets the next CTA cover their controls. */
#yoovoy-enquiry .video-main.seco { position:relative; inset:auto; height:auto; min-height:100vh; padding-bottom:80px; }
#yoovoy-enquiry .card-1.for-contact { max-width:100%; }
.intake-preview { position:fixed; margin:auto; padding:32px; width:min(660px,calc(100% - 32px)); max-height:85dvh; overflow:auto; border:1px solid #555; border-radius:20px; background:#171717; }
.intake-preview::backdrop { background:#000c; }
.intake-preview h2 { font:500 26px/1.2 Inter,"Microsoft JhengHei",sans-serif; margin:0 0 16px; letter-spacing:-.03em; }
.intake-preview .intake-preview-note { text-align:left; font-size:12px; }
.intake-preview dl { margin:24px 0; }
.intake-preview dt { color:#bbb; font-size:12px; border-top:1px solid #ffffff25; padding-top:14px; }
.intake-preview dd { margin:7px 0 18px; font-size:15px; white-space:pre-wrap; overflow-wrap:anywhere; }
.yoovoy-story-page { margin:0; min-height:100vh; background:#080808; }
.intake-site-header { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:24px clamp(20px,5vw,80px); border-bottom:1px solid #ffffff25; }
.intake-site-header img { display:block; width:132px; height:48px; object-fit:contain; }
.intake-site-header a { color:#fff; font-size:12px; text-decoration:none; }
.intake-story-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(36px,7vw,100px); max-width:1440px; margin:auto; padding:72px clamp(20px,5vw,80px) 100px; align-items:start; }
.intake-story-intro { position:sticky; top:36px; }
.intake-story-intro h1 { font:500 clamp(40px,4.5vw,68px)/1.02 Inter,"Microsoft JhengHei",sans-serif; letter-spacing:-.055em; margin:24px 0 28px; }
.intake-story-intro h1 .intake-zh { font-size:26px; margin-top:16px; letter-spacing:0; }
.intake-story-intro>p:not(.intake-eyebrow) { max-width:40ch; margin:0 0 24px; font-size:15px; color:#ddd; }
.intake-story-intro>p.intake-hint { font-size:12px; color:#aaa; }
.intake-back { display:inline-block; margin-top:12px; padding:12px 0; color:#fff; font-size:12px; text-decoration:none; }
.intake-story-form { gap:0; }
.intake-chapter { border-top:1px solid #ffffff30; }
.intake-chapter>summary { position:relative; display:flex; align-items:center; gap:20px; list-style:none; padding:24px 32px 24px 0; cursor:pointer; font-size:21px; font-weight:500; }
.intake-chapter>summary .intake-zh { font-size:13px; color:#bcbcbc; }
.intake-number { align-self:flex-start; margin-top:4px; color:#aaa; font-size:12px; }
.intake-chapter-body { display:grid; gap:24px; padding:6px 0 32px; }
.intake-branch { min-width:0; margin:0; padding:0; border:0; display:grid; gap:24px; }
.intake-branch[hidden] { display:none; }
.intake-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; }
.intake-story-actions { display:grid; gap:18px; padding-top:32px; border-top:1px solid #ffffff30; }
.intake-story-footer { border-top:1px solid #ffffff25; padding:24px clamp(20px,5vw,80px); color:#aaa; font-size:12px; }
@media(max-width:767px) {
  .intake-pair { grid-template-columns:minmax(0,1fr); gap:20px; }
  .intake-site-header { padding:18px 20px; }
  .intake-site-header img { width:108px; height:40px; }
  .intake-site-header a { font-size:10px; }
  .intake-story-layout { grid-template-columns:minmax(0,1fr); padding-top:38px; gap:36px; }
  .intake-story-intro { position:static; }
  .intake-story-intro h1 { max-width:12ch; }
  .intake-story-intro h1 .intake-zh { font-size:23px; }
  .intake-chapter>summary { font-size:20px; }
  .intake-preview { padding:24px; }
  #yoovoy-enquiry .container.at { margin-top:40px; }
  #yoovoy-enquiry .grid-2-columns.flex { gap:28px; }
  #yoovoy-enquiry .grid-2-columns.flex>div:first-child>.margin-70 { display:none; }
  #yoovoy-enquiry .grid-2-columns.flex>div:first-child>.margin-40 { margin-top:20px; }
  #yoovoy-enquiry .video-main.seco { padding-bottom:40px; }
}
@media(prefers-reduced-motion:reduce) { .yoovoy-intake-form * { transition:none!important; } }
.intake-status { padding:12px 14px; border:1px solid #ffffff30; border-radius:10px; background:#ffffff08; font-size:12px; white-space:pre-wrap; overflow-wrap:anywhere; }
.intake-status[data-tone=error] { border-color:#c39191; }
.intake-reload { color:#fff; background:transparent; border:1px solid #777; border-radius:10px; min-height:44px; padding:10px 14px; font:400 12px/1.5 Inter,"Microsoft JhengHei",sans-serif; cursor:pointer; }
.intake-next[hidden], .intake-reload[hidden] { display:none; }
.intake-receipt-reference { overflow-wrap:anywhere; font-size:14px; margin:0 0 12px; }

/* Privacy worksheet controls must honour their hidden state on the homepage too. */
.intake-preview [hidden] { display:none!important; }
.intake-preview .intake-copy { margin:16px 0 12px; }