@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Noto+Sans+SC:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap');

:root { --yu-void:#081018; --yu-deep:#0c1823; --yu-slate:#142534; --yu-panel:rgba(19,35,48,.78); --yu-panel-strong:rgba(23,42,57,.94); --yu-line:rgba(192,211,221,.15); --yu-line-strong:rgba(204,223,232,.28); --yu-ink:#f1f5f4; --yu-muted:#a9bac2; --yu-faint:#718692; --yu-orange:#e98955; --yu-orange-bright:#f3a36f; --yu-green:#81c3a2; --yu-danger:#ef998d; --yu-display:"DM Serif Display","Noto Sans SC",serif; --yu-body:"Outfit","Noto Sans SC",system-ui,sans-serif; }
html { background:var(--yu-void); scroll-behavior:smooth; }
body { min-height:100dvh; overflow-x:hidden; background:radial-gradient(80rem 42rem at 88% -12%,rgba(49,95,126,.32),transparent 64%),radial-gradient(48rem 38rem at -16% 55%,rgba(156,80,47,.15),transparent 68%),linear-gradient(135deg,#081018 0%,#0c1823 48%,#0a1520 100%) !important; background-attachment:fixed !important; color:var(--yu-ink) !important; font-family:var(--yu-body) !important; font-size:16px !important; letter-spacing:0 !important; }
body::before { position:fixed; z-index:-1; inset:0; pointer-events:none; background-image:linear-gradient(rgba(202,222,232,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(202,222,232,.022) 1px,transparent 1px); background-size:56px 56px; content:""; mask-image:linear-gradient(to bottom,black,transparent 86%); }
::selection { background:var(--yu-orange); color:#17100c; } a { color:var(--yu-orange-bright); } a:hover { color:#ffd0b1; } :focus-visible { outline:3px solid rgba(243,163,111,.72) !important; outline-offset:3px !important; }

/* Shared chrome */
.navbar { position:sticky !important; z-index:80; top:0; border:0 !important; border-bottom:1px solid rgba(204,223,232,.1) !important; background:rgba(8,16,24,.74) !important; box-shadow:0 12px 34px rgba(0,0,0,.14) !important; backdrop-filter:blur(22px) saturate(1.1); }
.nav-inner { width:min(100% - 64px,1280px) !important; min-height:76px; margin-inline:auto; padding:0 !important; }
.nav-brand { display:inline-flex; align-items:center; gap:11px; color:var(--yu-ink) !important; font-family:var(--yu-body) !important; font-size:19px !important; font-weight:600 !important; text-decoration:none; }
.nav-brand::before { width:42px; height:42px; flex:0 0 auto; border:1px solid rgba(243,163,111,.35); border-radius:50%; background:#f9e7d9 url('/images/yu-captain-logo.png') center/37px no-repeat; box-shadow:0 0 0 5px rgba(233,137,85,.08),0 8px 21px rgba(0,0,0,.24); content:""; }
.nav-brand span { color:var(--yu-faint) !important; font-family:var(--yu-body); font-size:9px !important; font-weight:600; letter-spacing:1.05px !important; }
.nav-links { gap:3px !important; }.nav-links a { border:0 !important; border-radius:4px !important; background:transparent !important; color:var(--yu-muted) !important; font-size:14px !important; font-weight:500 !important; }.nav-links a:hover,.nav-links a[aria-current="page"] { background:rgba(178,205,218,.09) !important; color:var(--yu-ink) !important; box-shadow:none !important; transform:none !important; }.nav-links .btn-primary,#navRegisterBtn { margin-left:7px; border:1px solid rgba(243,163,111,.48) !important; background:var(--yu-orange) !important; color:#21130c !important; box-shadow:0 9px 20px rgba(0,0,0,.2) !important; }.nav-hamburger { border-color:var(--yu-line-strong) !important; border-radius:4px !important; background:rgba(255,255,255,.04) !important; }.hamburger-line { background:var(--yu-ink) !important; }
h1,h2,h3,h4,.download-head h1,.benefit-intro h1,.pricing-hero h1,.auth-card h1,.page-head h1 { color:var(--yu-ink) !important; font-family:var(--yu-body) !important; font-weight:600 !important; letter-spacing:0 !important; } p,.sub,.desc,.download-head p,.benefit-intro p { color:var(--yu-muted) !important; } button,input,select,textarea,.btn,.button { font-family:var(--yu-body) !important; } button,.btn,.button { font-size:16px !important; } body p,body li { font-size:max(16px,1em) !important; line-height:1.75; } body small,body .sub,body .desc,body .supported { font-size:max(13px,1em) !important; line-height:1.65; }
.btn-primary,.button,.parse-shell button,#parseBtn,.pricing-buy,.download-btn,.primary-button,.auth-card button[type="submit"],.snap-home__submit { border:1px solid rgba(243,163,111,.6) !important; border-radius:5px !important; background:linear-gradient(135deg,var(--yu-orange-bright),var(--yu-orange)) !important; color:#21130c !important; box-shadow:0 12px 24px rgba(0,0,0,.2) !important; }.btn-primary:hover,.button:hover,.parse-shell button:hover,#parseBtn:hover,.pricing-buy:hover,.download-btn:hover,.snap-home__submit:hover { background:#ffd0b1 !important; color:#21130c !important; transform:translateY(-1px); } button:active,.btn:active,.button:active { transform:translateY(1px) !important; } input,select,textarea { min-height:50px; border:1px solid var(--yu-line-strong) !important; border-radius:5px !important; background:rgba(5,13,20,.54) !important; color:var(--yu-ink) !important; font-size:16px !important; } input::placeholder,textarea::placeholder { color:#71828d !important; opacity:1; }

/* Homepage: media stage and direct control console. */
.snap-home { max-width:none !important; margin:0 !important; padding:0 !important; }.snap-home__hero { position:relative; display:grid !important; grid-template-columns:minmax(0,.83fr) minmax(510px,1.17fr); align-items:center; gap:clamp(48px,7vw,122px); width:min(100% - 96px,1320px); min-height:min(760px,calc(100dvh - 76px)); margin:0 auto !important; padding:62px 0 76px !important; overflow:visible; border:0; border-radius:0; background:transparent !important; text-align:left !important; }.snap-home__hero::before { position:absolute; z-index:-1; inset:11% -7% 5% 38%; border:1px solid rgba(172,207,221,.08); border-radius:48% 52% 45% 55%; background:radial-gradient(ellipse at 69% 31%,rgba(55,111,142,.19),transparent 61%); box-shadow:0 0 90px rgba(55,111,142,.07); content:""; }.quiet-hero__copy { max-width:500px; min-width:0; }.snap-home__hero h1 { max-width:470px; margin:0 !important; color:#f5f2eb !important; font-family:var(--yu-display) !important; font-size:clamp(51px,4.7vw,72px) !important; font-weight:400 !important; line-height:1.1 !important; text-wrap:balance; }.snap-home__hero h1::before { display:block; width:30px; height:1px; margin:0 0 25px; background:var(--yu-orange); box-shadow:48px 0 0 rgba(243,163,111,.32); content:""; }.snap-home__subtitle { max-width:470px !important; margin:25px 0 38px !important; color:var(--yu-muted) !important; font-size:17px !important; line-height:1.9 !important; }
.snap-home__tool { padding:21px; border:1px solid rgba(210,227,235,.17); border-radius:6px; background:rgba(10,22,31,.68); box-shadow:0 24px 58px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035); backdrop-filter:blur(12px); }.snap-home__input-label { margin-bottom:10px !important; color:#c6d4d8 !important; font-size:13px !important; font-weight:600; letter-spacing:.25px !important; }.snap-home__control { min-height:62px !important; border:1px solid rgba(193,215,225,.2) !important; border-radius:4px !important; background:rgba(4,12,18,.68) !important; box-shadow:none !important; }.snap-home__control:focus-within { border-color:rgba(243,163,111,.7) !important; box-shadow:0 0 0 3px rgba(233,137,85,.12) !important; }.snap-home__control input { background:transparent !important; color:var(--yu-ink) !important; }.snap-home__link-mark { color:var(--yu-orange-bright) !important; }.snap-home__clear { background:transparent !important; color:var(--yu-faint) !important; }.snap-home__submit { min-width:122px; min-height:50px; margin:5px; }.snap-home__sample-row { justify-content:flex-start !important; gap:14px; margin:20px 0 0 !important; }.snap-home__sample { padding:0 0 3px !important; border:0 !important; border-bottom:1px solid rgba(243,163,111,.62) !important; border-radius:0 !important; background:transparent !important; color:var(--yu-orange-bright) !important; font-weight:600; }.snap-home__sample-hint,.quiet-hero__note { color:var(--yu-faint) !important; font-size:13px !important; }.quiet-hero__note { margin:20px 0 0 !important; }
.quiet-hero__screen { position:relative; min-width:0; margin:0; padding:10px 10px 55px; overflow:hidden; border:1px solid rgba(194,220,231,.23); border-radius:6px; background:#07121a; box-shadow:0 38px 90px rgba(0,0,0,.4),26px 26px 0 rgba(19,51,66,.2); }.quiet-hero__screen::before { position:absolute; z-index:2; top:22px; left:22px; width:10px; height:10px; border-radius:50%; background:var(--yu-orange); box-shadow:0 0 0 6px rgba(233,137,85,.14); content:""; }.quiet-hero__screen::after { position:absolute; z-index:1; inset:10px 10px 55px; pointer-events:none; border:1px solid rgba(239,248,250,.13); background:linear-gradient(135deg,rgba(0,0,0,.05),transparent 52%,rgba(80,157,177,.12)); content:""; }.quiet-hero__screen video { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; filter:saturate(.7) contrast(1.08) brightness(.78); }.quiet-hero__screen figcaption { position:absolute; z-index:3; right:20px; bottom:15px; left:20px; display:flex; align-items:center; justify-content:space-between; gap:14px; }.quiet-hero__screen figcaption strong { color:#edf1ee; font-family:var(--yu-body); font-size:14px; font-weight:600; letter-spacing:.8px; }.quiet-hero__screen figcaption small { color:var(--yu-faint); font-size:12px; letter-spacing:.8px; }
.snap-home__guide { width:min(100% - 96px,1240px); margin:0 auto !important; padding:4px 0 76px !important; border:0 !important; background:transparent !important; }.snap-home__tasks { border:1px solid var(--yu-line) !important; border-inline:0 !important; background:transparent !important; }.snap-home__tasks b { color:var(--yu-ink) !important; font-family:var(--yu-body); font-size:19px; font-weight:600; }.snap-home__tasks small { color:var(--yu-muted) !important; font-size:14px; }.snap-home__tasks strong { color:var(--yu-orange-bright) !important; font-size:14px; }.snap-home__facts { border-top:0 !important; }.snap-home__facts>div { min-height:130px; border-color:var(--yu-line) !important; background:transparent !important; }.snap-home__facts b { color:#d9e5e5 !important; font-size:16px; }.snap-home__facts span { color:var(--yu-muted) !important; font-size:14px; }.snap-home__lower,.home-faq { width:min(100% - 96px,1240px) !important; margin:0 auto !important; }.snap-home__lower { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr); gap:72px; padding:74px 0 !important; }.home-recent,.home-tips { border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }.home-section-head { padding-bottom:19px; border-bottom:1px solid var(--yu-line); }.home-section-head h2,.home-faq h2 { font-size:28px !important; }.home-section-head p { font-size:15px !important; }.home-section-head a,.home-recent__empty a { color:var(--yu-orange-bright) !important; }.home-recent__empty { border-color:var(--yu-line) !important; background:transparent !important; }.home-recent__empty strong { color:var(--yu-ink) !important; font-family:var(--yu-body); font-size:18px; }.home-tips { padding-left:31px; border-left:1px solid rgba(233,137,85,.55) !important; }.home-tips li { border-color:var(--yu-line) !important; }.home-tips li b { color:#d5e0e1 !important; }.home-tips li span { color:var(--yu-muted) !important; }.home-faq { padding:20px 0 100px !important; }.home-faq__list { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:25px; background:var(--yu-line); }.home-faq details { min-height:158px; border:0 !important; border-radius:0 !important; background:rgba(13,27,37,.74) !important; box-shadow:none !important; }.home-faq summary { color:#dce6e5 !important; font-weight:600; }

/* Functional screens use the same studio surface. */
.download-page,.page,.auth-wrap,.pricing-shell,.workbench-page,.client-page,.help-page,.legal-page,.status-page { width:min(100% - 64px,1180px) !important; max-width:1180px !important; margin-top:46px !important; margin-bottom:90px !important; }.download-head,.page-head,.head { padding-bottom:24px !important; border-left:0 !important; border-bottom:1px solid var(--yu-line) !important; }.download-head h1,.page-head h1,.head h1,.benefit-intro h1 { font-size:clamp(36px,4vw,56px) !important; line-height:1.16 !important; }.download-head p,.page-head p,.head p,.benefit-intro p { max-width:60ch; margin-top:13px !important; font-size:16px !important; }.parse-shell { border-color:var(--yu-line-strong) !important; border-radius:5px !important; background:rgba(6,15,23,.78) !important; box-shadow:0 22px 48px rgba(0,0,0,.2) !important; }.parse-shell input { background:transparent !important; color:var(--yu-ink) !important; }.clear-url { background:transparent !important; color:var(--yu-muted) !important; }.download-benefit { color:var(--yu-orange-bright) !important; }.download-client-callout,.parse-progress,.media-card,.workspace,.panel,.card,.purchase-panel,.auth-card,.pricing-assist,.pricing-facts,.free-compare,.guide-card,.task-history,.recent-tasks,article { border-color:var(--yu-line) !important; border-radius:6px !important; background:var(--yu-panel) !important; box-shadow:0 18px 54px rgba(0,0,0,.12) !important; }.summary,.grid { gap:1px !important; padding:1px !important; background:var(--yu-line) !important; }.summary .card,.grid>.panel { border:0 !important; border-radius:0 !important; background:rgba(13,27,37,.88) !important; box-shadow:none !important; }.summary .card b,.card b { color:var(--yu-ink) !important; font-family:var(--yu-body); font-weight:600; }.chip,.format,.pricing-tabs button,.plan-row,.payment-profile-switch button { border-radius:4px !important; }.chip { background:rgba(123,166,176,.14) !important; color:#bfdbde !important; }.format.selected,.pricing-tabs button.active,.plan-row.is-selected,.payment-profile-switch button[aria-pressed="true"] { border-color:rgba(243,163,111,.7) !important; background:rgba(233,137,85,.11) !important; color:#ffe0ca !important; box-shadow:inset 3px 0 0 var(--yu-orange) !important; }.scan-fill { background:var(--yu-orange) !important; }.notice.error,.parse-error { background:rgba(151,66,58,.2) !important; color:#ffc1b9 !important; }.notice.info { background:rgba(67,117,143,.18) !important; color:#c8e7f5 !important; }.notice.success { background:rgba(54,127,91,.2) !important; color:#bcebcf !important; }

/* Pricing is a dark transaction studio, not a collection of cards. */
body[data-page="pricing"] .pricing-shell { grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr) !important; gap:82px !important; align-items:start; } body[data-page="pricing"] .benefits-pane { border-left:0 !important; } body[data-page="pricing"] .benefits-content>h1,body[data-page="pricing"] .benefit-intro h1 { max-width:440px; font-size:clamp(38px,4vw,57px) !important; line-height:1.15 !important; } body[data-page="pricing"] .plan-context { background:transparent !important; color:var(--yu-faint) !important; } body[data-page="pricing"] .automation-benefits,body[data-page="pricing"] .benefit-list { gap:0; } body[data-page="pricing"] .automation-benefit,body[data-page="pricing"] .benefit-row { border-color:var(--yu-line) !important; border-inline:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; } body[data-page="pricing"] .automation-benefit__mark,body[data-page="pricing"] .benefit-mark { border-radius:50% !important; background:rgba(233,137,85,.12) !important; color:var(--yu-orange-bright) !important; } body[data-page="pricing"] .automation-benefit h2,body[data-page="pricing"] .benefit-row h2 { color:var(--yu-ink) !important; font-family:var(--yu-body); font-weight:600; } body[data-page="pricing"] .purchase-panel { overflow:hidden; border-color:var(--yu-line-strong) !important; background:rgba(13,28,39,.92) !important; box-shadow:0 34px 80px rgba(0,0,0,.26) !important; } body[data-page="pricing"] .purchase-panel .pricing-tabs { border-color:var(--yu-line) !important; } body[data-page="pricing"] .purchase-panel .pricing-tabs button { background:transparent !important; color:var(--yu-faint) !important; } body[data-page="pricing"] .purchase-panel .pricing-tabs button.active { color:#f8eee7 !important; } body[data-page="pricing"] .purchase-panel .pricing-tabs button.active::after { background:var(--yu-orange) !important; } body[data-page="pricing"] .plan-row { border-color:var(--yu-line) !important; background:rgba(4,13,20,.38) !important; } body[data-page="pricing"] .plan-row:hover { border-color:rgba(243,163,111,.48) !important; background:rgba(233,137,85,.06) !important; } body[data-page="pricing"] .plan-row.is-selected { background:rgba(233,137,85,.1) !important; } body[data-page="pricing"] .plan-name,body[data-page="pricing"] .plan-price strong,body[data-page="pricing"] .purchase-heading h2,body[data-page="pricing"] .payment-options h2 { color:var(--yu-ink) !important; } body[data-page="pricing"] .recommended { background:var(--yu-orange) !important; color:#20130e !important; } body[data-page="pricing"] .purchase-value,body[data-page="pricing"] .compact-credit-notice { border-color:rgba(243,163,111,.28) !important; background:rgba(233,137,85,.08) !important; color:var(--yu-muted) !important; } body[data-page="pricing"] .purchase-value>strong,body[data-page="pricing"] .plan-price small { color:var(--yu-orange-bright) !important; } body[data-page="pricing"] .payment-profile-switch button { border-color:var(--yu-line-strong) !important; background:rgba(4,13,20,.45) !important; color:var(--yu-muted) !important; } body[data-page="pricing"] .payment-profile-switch button[aria-pressed="true"] { color:var(--yu-ink) !important; } body[data-page="pricing"] .agreement a,body[data-page="pricing"] .enterprise-link { color:var(--yu-muted) !important; }

/* Auth and reading pages */
.auth { background:transparent !important; }.auth-story { background:linear-gradient(155deg,rgba(21,52,67,.9),rgba(10,24,34,.92)) !important; }.auth-story *,.auth-story p { color:#d4e1e1 !important; }.auth>.card,.auth-card { background:rgba(13,28,39,.93) !important; } body .auth>.card .auth-benefit { border-color:rgba(243,163,111,.25) !important; background:rgba(233,137,85,.09) !important; color:#ffd6be !important; } body .auth>.card .code button { border-color:var(--yu-line-strong) !important; background:rgba(255,255,255,.04) !important; color:var(--yu-orange-bright) !important; } body .auth>.card .google { border-color:var(--yu-line-strong) !important; background:rgba(255,255,255,.04) !important; color:var(--yu-ink) !important; } body .auth>.card .terms a { color:var(--yu-orange-bright) !important; } article,.guide-card,.legal-page { color:var(--yu-muted) !important; } article h1,article h2,article h3,.legal-page h1,.legal-page h2,.help-page h1,.help-page h2 { color:var(--yu-ink) !important; }
.footer { border-top:1px solid var(--yu-line) !important; background:#071018 !important; color:var(--yu-muted) !important; }.footer-inner { max-width:1240px !important; }.footer-brand h3::before { display:inline-block; width:42px; height:42px; margin-right:12px; vertical-align:middle; border:1px solid rgba(243,163,111,.33); border-radius:50%; background:#f9e7d9 url('/images/yu-captain-logo.png') center/37px no-repeat; content:""; }.footer h3,.footer h4 { color:var(--yu-ink) !important; }.footer a,.footer p,.footer-bottom { color:var(--yu-muted) !important; }.footer a:hover { color:var(--yu-orange-bright) !important; }
@media (max-width:980px) { .snap-home__hero { grid-template-columns:1fr; width:min(100% - 56px,720px); min-height:0; gap:47px; padding:58px 0 70px !important; }.quiet-hero__copy { max-width:100%; }.quiet-hero__screen { width:100%; max-width:650px; }.snap-home__guide,.snap-home__lower,.home-faq { width:min(100% - 56px,720px) !important; }.snap-home__lower { grid-template-columns:1fr; gap:50px; }.home-tips { padding:25px 0 0; border-top:1px solid rgba(233,137,85,.5) !important; border-left:0 !important; } body[data-page="pricing"] .pricing-shell { grid-template-columns:1fr !important; gap:44px !important; } }
@media (max-width:740px) { .nav-inner { width:calc(100% - 28px) !important; min-height:68px; }.nav-brand { gap:8px; font-size:18px !important; }.nav-brand::before { width:36px; height:36px; background-size:32px; }.nav-brand span { display:none !important; }.nav-links { border:1px solid var(--yu-line-strong) !important; border-radius:6px !important; background:#0d1b26 !important; box-shadow:0 22px 60px rgba(0,0,0,.35) !important; }.snap-home__hero { width:calc(100% - 36px) !important; padding:43px 0 56px !important; }.snap-home__hero h1 { font-size:47px !important; }.snap-home__subtitle { font-size:16px !important; }.snap-home__tool { padding:14px; }.snap-home__control { display:grid !important; grid-template-columns:38px minmax(0,1fr) 38px; height:auto !important; }.snap-home__control input { height:56px !important; }.snap-home__submit { grid-column:1/-1; width:calc(100% - 10px) !important; }.quiet-hero__screen { padding:7px 7px 62px; box-shadow:14px 17px 0 rgba(28,64,81,.35),0 28px 65px rgba(0,0,0,.38); }.quiet-hero__screen figcaption { right:14px; bottom:14px; left:14px; align-items:flex-start; flex-direction:column; gap:3px; }.snap-home__guide,.snap-home__lower,.home-faq { width:calc(100% - 36px) !important; }.snap-home__facts { grid-template-columns:1fr !important; }.snap-home__facts>div { min-height:0; border-right:0 !important; border-bottom:1px solid var(--yu-line) !important; }.home-faq__list { grid-template-columns:1fr; }.download-page,.page,.auth-wrap,.pricing-shell,.workbench-page,.client-page,.help-page,.legal-page,.status-page { width:calc(100% - 32px) !important; margin-top:28px !important; }.download-head h1,.page-head h1,.head h1,.benefit-intro h1 { font-size:36px !important; }.media-main,.workspaces,.summary,.grid { grid-template-columns:1fr !important; }.summary,.grid { background:transparent !important; gap:9px !important; padding:0 !important; }.summary .card,.grid>.panel { border:1px solid var(--yu-line) !important; border-radius:5px !important; }.auth { padding-inline:12px !important; }.auth-story { display:none !important; }.auth>.card { width:100% !important; max-width:100% !important; padding:25px 20px !important; } body[data-page="pricing"] .purchase-panel .pricing-tabs { margin-inline:18px !important; } body[data-page="pricing"] .purchase-content { padding:17px 18px 24px !important; } body[data-page="pricing"] .plan-row { grid-template-columns:22px minmax(0,1fr) minmax(68px,auto) !important; gap:8px !important; padding-inline:10px !important; } }
.snap-home,.snap-home__hero { background:transparent !important; }
.snap-home__hero::after { display:none !important; }
.snap-home__hero>* { position:relative; z-index:1; }
body[data-page] { background:radial-gradient(80rem 42rem at 88% -12%,rgba(49,95,126,.32),transparent 64%),radial-gradient(48rem 38rem at -16% 55%,rgba(156,80,47,.15),transparent 68%),linear-gradient(135deg,#081018 0%,#0c1823 48%,#0a1520 100%) !important; color:var(--yu-ink) !important; }
body[data-page="index"] .snap-home,body[data-page="index"] .snap-home__hero { background:transparent !important; }
body[data-page="index"] .snap-home__hero::after { display:none !important; }
body[data-page="index"] .snap-home__hero>* { position:relative; z-index:1; }
body[data-page="index"] .snap-home__hero h1 { color:#f5f2eb !important; }
body .btn-primary,body .button,body .parse-shell button,body #parseBtn,body .pricing-buy,body .download-btn,body .primary-button,body .auth-card button[type="submit"],body .snap-home__submit { background-color:var(--yu-orange) !important; background-image:linear-gradient(135deg,var(--yu-orange-bright),var(--yu-orange)) !important; }
body .download-client-callout__actions a:first-child { border-color:rgba(243,163,111,.6) !important; background-color:var(--yu-orange) !important; background-image:linear-gradient(135deg,var(--yu-orange-bright),var(--yu-orange)) !important; color:#21130c !important; }
.auth { display:grid !important; grid-template-columns:minmax(0,.9fr) minmax(420px,.72fr) !important; align-items:center !important; gap:72px !important; width:min(100% - 64px,1060px) !important; min-height:calc(100dvh - 76px); margin:0 auto !important; padding:48px 0 72px !important; }
.auth-story { padding:0 !important; background:transparent !important; }
.auth-kicker { color:var(--yu-orange-bright) !important; font-size:13px !important; font-weight:600; letter-spacing:.4px !important; }
.auth-story h1 { max-width:400px; font-size:clamp(39px,3.7vw,54px) !important; line-height:1.16 !important; }
.auth-story-list { margin-top:30px !important; border-top:1px solid var(--yu-line); }
.auth-story-item { display:block !important; padding:17px 0 !important; border-bottom:1px solid var(--yu-line); }
.auth-story-item i { display:none !important; }
.auth-story-item b { color:#dde8e6 !important; font-size:15px !important; font-weight:600; }
.auth-story-item span { display:block; margin-top:5px; color:var(--yu-muted) !important; font-size:14px !important; line-height:1.6; }
.auth-account-preview { display:none !important; }
.auth>.card { width:100% !important; max-width:none !important; margin:0 !important; border:1px solid var(--yu-line-strong) !important; border-radius:6px !important; box-shadow:0 32px 76px rgba(0,0,0,.26) !important; }
@media (max-width:800px) { .auth { display:block !important; width:calc(100% - 32px) !important; min-height:0; padding:32px 0 56px !important; }.auth-story { display:none !important; }.auth>.card { padding:25px 20px !important; } }
/* Brighter graphite palette: visual structure intentionally remains unchanged. */
:root { --yu-void:#1a2933; --yu-deep:#233640; --yu-slate:#304752; --yu-panel:rgba(49,71,81,.76); --yu-panel-strong:rgba(57,81,92,.93); --yu-line:rgba(237,242,241,.19); --yu-line-strong:rgba(241,246,244,.32); --yu-ink:#f8f6ef; --yu-muted:#d1ddde; --yu-faint:#a8bcc0; }
html { background:var(--yu-void); }
body,body[data-page] { background:radial-gradient(72rem 42rem at 88% -12%,rgba(164,207,220,.30),transparent 64%),radial-gradient(48rem 38rem at -16% 55%,rgba(244,177,132,.17),transparent 68%),linear-gradient(135deg,#1e303a 0%,#304853 48%,#263b45 100%) !important; }
.navbar { background:rgba(27,43,52,.76) !important; border-bottom-color:rgba(247,245,238,.17) !important; }.nav-links a { color:#d4e0df !important; }.nav-links a:hover,.nav-links a[aria-current="page"] { background:rgba(255,255,255,.12) !important; }
.snap-home__hero::before { border-color:rgba(236,244,244,.16); background:radial-gradient(ellipse at 69% 31%,rgba(134,190,211,.19),transparent 61%); box-shadow:0 0 90px rgba(151,204,218,.10); }.snap-home__subtitle { color:#d0dcdd !important; }.snap-home__tool { border-color:rgba(247,245,238,.24); background:rgba(42,62,72,.67); box-shadow:0 24px 58px rgba(15,27,33,.12),inset 0 1px rgba(255,255,255,.10); }.snap-home__control { border-color:rgba(244,246,241,.28) !important; background:rgba(30,47,57,.68) !important; }.quiet-hero__screen { background:#19313d; box-shadow:0 30px 76px rgba(15,26,32,.26),22px 22px 0 rgba(85,122,135,.18); }.quiet-hero__screen::after { background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 52%,rgba(150,207,222,.17)); }.quiet-hero__screen figcaption small,.snap-home__sample-hint,.quiet-hero__note { color:#b7c8ca !important; }
.snap-home__tasks,.home-section-head { border-color:rgba(246,244,236,.21) !important; }.home-faq__list,.summary,.grid { background:rgba(246,244,236,.18) !important; }.home-faq details,.summary .card,.grid>.panel { background:rgba(58,80,91,.65) !important; }.home-tips { border-left-color:rgba(243,163,111,.70) !important; }
.parse-shell { background:rgba(43,63,73,.83) !important; }.parse-shell input { background:rgba(28,46,56,.72) !important; }.download-client-callout,.parse-progress,.media-card,.workspace,.panel,.card,.purchase-panel,.auth-card,.pricing-assist,.pricing-facts,.free-compare,.guide-card,.task-history,.recent-tasks,article { background:rgba(57,79,90,.76) !important; box-shadow:0 18px 48px rgba(14,25,31,.14) !important; }.auth>.card,.auth-card,body[data-page="pricing"] .purchase-panel { background:rgba(55,78,89,.92) !important; }.auth-story { background:linear-gradient(155deg,rgba(56,93,108,.84),rgba(35,56,68,.90)) !important; }.footer { background:#1a2b34 !important; }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }

/* Captain Yu light ledger palette: structure stays intact, the full public surface returns to warm paper. */
:root { --yu-void:#f2f4ed; --yu-deep:#e4e9df; --yu-slate:#d4ddd1; --yu-panel:rgba(255,253,248,.78); --yu-panel-strong:rgba(255,253,248,.94); --yu-line:rgba(82,105,87,.18); --yu-line-strong:rgba(72,94,79,.34); --yu-ink:#202a24; --yu-muted:#66736b; --yu-faint:#849087; --yu-orange:#d86632; --yu-orange-bright:#ef8751; --yu-green:#537663; --yu-danger:#b94b43; }
html { background:var(--yu-void); }
body,body[data-page] { background:radial-gradient(68rem 38rem at 90% -12%,rgba(244,183,132,.28),transparent 65%),radial-gradient(46rem 34rem at -8% 62%,rgba(165,198,174,.24),transparent 69%),linear-gradient(135deg,#f1f4ed 0%,#fffaf4 49%,#eaf2eb 100%) !important; color:var(--yu-ink) !important; }
body::before { opacity:.42; background-image:radial-gradient(rgba(64,84,69,.12) .45px,transparent .65px); background-size:5px 5px; }
a { color:#b95220; } a:hover { color:#843919; }
.navbar { background:rgba(255,253,248,.78) !important; border-bottom-color:rgba(92,115,97,.16) !important; box-shadow:0 10px 30px rgba(47,68,54,.045) !important; }.nav-brand { color:var(--yu-ink) !important; }.nav-brand::before { border-color:rgba(216,102,50,.25); background-color:#fff5eb; box-shadow:0 0 0 5px rgba(216,102,50,.06),0 8px 21px rgba(65,72,55,.10); }.nav-brand span { color:#7d897f !important; }.nav-links a { color:#5f6c63 !important; }.nav-links a:hover,.nav-links a[aria-current="page"] { background:rgba(83,118,99,.10) !important; color:var(--yu-ink) !important; }.nav-links .btn-primary,#navRegisterBtn { border-color:rgba(216,102,50,.55) !important; background:var(--yu-orange) !important; color:#fffaf5 !important; box-shadow:0 9px 20px rgba(175,76,31,.16) !important; }.nav-hamburger { border-color:var(--yu-line-strong) !important; background:rgba(255,255,255,.58) !important; }.hamburger-line { background:var(--yu-ink) !important; }
h1,h2,h3,h4,.download-head h1,.benefit-intro h1,.pricing-hero h1,.auth-card h1,.page-head h1 { color:var(--yu-ink) !important; } p,.sub,.desc,.download-head p,.benefit-intro p { color:var(--yu-muted) !important; }
.btn-primary,.button,.parse-shell button,#parseBtn,.pricing-buy,.download-btn,.primary-button,.auth-card button[type="submit"],.snap-home__submit,body .btn-primary,body .button,body .parse-shell button,body #parseBtn,body .pricing-buy,body .download-btn,body .primary-button,body .auth-card button[type="submit"],body .snap-home__submit { border-color:rgba(216,102,50,.56) !important; background-color:var(--yu-orange) !important; background-image:linear-gradient(135deg,var(--yu-orange-bright),var(--yu-orange)) !important; color:#fffaf5 !important; box-shadow:0 12px 24px rgba(175,76,31,.16) !important; }.btn-primary:hover,.button:hover,.parse-shell button:hover,#parseBtn:hover,.pricing-buy:hover,.download-btn:hover,.snap-home__submit:hover { background:#bd4e1e !important; color:#fffaf5 !important; }
input,select,textarea { border-color:rgba(97,119,103,.48) !important; background:rgba(255,253,248,.86) !important; color:var(--yu-ink) !important; } input::placeholder,textarea::placeholder { color:#909b92 !important; }
.snap-home__hero::before { border-color:rgba(106,137,114,.14); background:radial-gradient(ellipse at 69% 31%,rgba(154,192,164,.18),transparent 61%); box-shadow:0 0 90px rgba(153,187,161,.08); }.snap-home__hero h1 { color:#202a24 !important; text-shadow:0 1px 0 rgba(255,255,255,.72); }.snap-home__subtitle { color:#66736b !important; }.snap-home__tool { border-color:rgba(104,129,110,.28); background:rgba(255,253,248,.68); box-shadow:0 24px 58px rgba(47,68,54,.07),inset 0 1px rgba(255,255,255,.88); }.snap-home__input-label { color:#425348 !important; }.snap-home__control { border-color:rgba(103,128,110,.45) !important; background:rgba(255,253,248,.82) !important; }.snap-home__control:focus-within { border-color:rgba(216,102,50,.72) !important; box-shadow:0 0 0 3px rgba(216,102,50,.12) !important; }.snap-home__control input { color:var(--yu-ink) !important; }.snap-home__link-mark,.snap-home__sample { color:var(--yu-orange) !important; }.snap-home__clear { color:#78867b !important; }.snap-home__sample { border-bottom-color:rgba(216,102,50,.58) !important; }.snap-home__sample-hint,.quiet-hero__note { color:#748177 !important; }.quiet-hero__screen { border-color:rgba(255,255,255,.35); background:linear-gradient(145deg,#4e735f,#213d30); box-shadow:0 28px 70px rgba(40,68,52,.18),18px 18px 0 rgba(164,193,170,.24); }.quiet-hero__screen::after { background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 52%,rgba(215,130,79,.17)); }.quiet-hero__screen figcaption strong { color:#f1f4ed; }.quiet-hero__screen figcaption small { color:#c5d1c8; }
.snap-home__tasks,.home-section-head { border-color:rgba(101,127,109,.26) !important; }.snap-home__tasks b,.home-recent__empty strong { color:var(--yu-ink) !important; }.snap-home__tasks strong,.home-section-head a,.home-recent__empty a { color:#b95220 !important; }.snap-home__facts b,.home-tips li b { color:#405847 !important; }.snap-home__facts span,.home-tips li span { color:#718078 !important; }.home-tips { border-left-color:rgba(216,102,50,.48) !important; }.home-faq__list,.summary,.grid { background:rgba(104,129,110,.21) !important; }.home-faq details,.summary .card,.grid>.panel { background:rgba(255,253,248,.68) !important; }.home-faq summary { color:#3b5141 !important; }
.parse-shell { border-color:rgba(103,128,110,.45) !important; background:rgba(255,253,248,.86) !important; box-shadow:0 20px 44px rgba(48,72,56,.08) !important; }.parse-shell input { background:transparent !important; color:var(--yu-ink) !important; }.clear-url { color:#778379 !important; }.download-benefit { color:#b95220 !important; }.download-client-callout,.parse-progress,.media-card,.workspace,.panel,.card,.purchase-panel,.auth-card,.pricing-assist,.pricing-facts,.free-compare,.guide-card,.task-history,.recent-tasks,article { border-color:rgba(100,127,107,.20) !important; background:rgba(255,253,248,.73) !important; box-shadow:0 18px 48px rgba(47,68,54,.065) !important; }.chip { background:#e2ebe2 !important; color:#41634f !important; }.format.selected,.pricing-tabs button.active,.plan-row.is-selected,.payment-profile-switch button[aria-pressed="true"] { border-color:rgba(216,102,50,.64) !important; background:rgba(252,235,222,.78) !important; color:#964216 !important; box-shadow:inset 3px 0 0 var(--yu-orange) !important; }.notice.error,.parse-error { background:#fbe9e7 !important; color:#a03e36 !important; }.notice.info { background:#eaf3ee !important; color:#3d6b51 !important; }.notice.success { background:#e8f4ea !important; color:#27714b !important; }
body[data-page="pricing"] .automation-benefit,body[data-page="pricing"] .benefit-row { border-color:rgba(101,127,109,.22) !important; } body[data-page="pricing"] .automation-benefit__mark,body[data-page="pricing"] .benefit-mark { background:rgba(216,102,50,.11) !important; color:var(--yu-orange) !important; } body[data-page="pricing"] .automation-benefit h2,body[data-page="pricing"] .benefit-row h2,body[data-page="pricing"] .plan-name,body[data-page="pricing"] .plan-price strong,body[data-page="pricing"] .purchase-heading h2,body[data-page="pricing"] .payment-options h2 { color:var(--yu-ink) !important; } body[data-page="pricing"] .purchase-panel,body[data-page="pricing"] .purchase-panel .pricing-tabs button { background:rgba(255,253,248,.88) !important; } body[data-page="pricing"] .purchase-panel .pricing-tabs button { color:#778379 !important; } body[data-page="pricing"] .purchase-panel .pricing-tabs button.active { color:#38271e !important; } body[data-page="pricing"] .purchase-panel .pricing-tabs button.active::after { background:var(--yu-orange) !important; } body[data-page="pricing"] .plan-row { border-color:rgba(101,127,109,.22) !important; background:rgba(255,255,255,.48) !important; } body[data-page="pricing"] .plan-row:hover { border-color:rgba(216,102,50,.45) !important; background:#fff9f3 !important; } body[data-page="pricing"] .plan-row.is-selected { background:#fff0e5 !important; } body[data-page="pricing"] .recommended { background:var(--yu-orange) !important; color:#fffaf5 !important; } body[data-page="pricing"] .purchase-value,body[data-page="pricing"] .compact-credit-notice { border-color:rgba(216,102,50,.27) !important; background:#fff1e6 !important; color:#68766d !important; } body[data-page="pricing"] .purchase-value>strong,body[data-page="pricing"] .plan-price small { color:#b44c1d !important; } body[data-page="pricing"] .payment-profile-switch button { border-color:rgba(101,127,109,.32) !important; background:rgba(255,255,255,.64) !important; color:#5d6d63 !important; } body[data-page="pricing"] .agreement a,body[data-page="pricing"] .enterprise-link { color:#65736a !important; }
.auth-story { background:linear-gradient(155deg,#e6f0e6,#fff0e5) !important; }.auth-story *,.auth-story p { color:#365243 !important; }.auth>.card,.auth-card { background:rgba(255,253,248,.94) !important; }.auth-kicker { color:#b95220 !important; }.auth-story-item b { color:#304b3b !important; }.auth-story-item span { color:#69786e !important; } body .auth>.card .auth-benefit { border-color:rgba(216,102,50,.28) !important; background:#fff0e6 !important; color:#a34619 !important; } body .auth>.card .code button { border-color:rgba(216,102,50,.38) !important; background:#fff5ed !important; color:#b95220 !important; } body .auth>.card .google { border-color:rgba(101,127,109,.32) !important; background:#f6faf5 !important; color:#283b2f !important; } body .auth>.card .terms a { color:#b95220 !important; }
.footer { border-top-color:rgba(255,255,255,.14) !important; background:linear-gradient(135deg,#244335,#315443 58%,#3f634e) !important; }.footer h3,.footer h4 { color:#f7f4ec !important; }.footer a,.footer p,.footer-bottom { color:#c2d0c5 !important; }.footer a:hover { color:#ffbf94 !important; }
body[data-page="index"] .snap-home__hero h1 { color:#202a24 !important; }
body[data-page="index"] .snap-home__hero h1 { max-width:510px; font-size:clamp(44px,3.9vw,54px) !important; line-height:1.22 !important; font-weight:400 !important; text-wrap:nowrap; }
@media (max-width:740px) { body[data-page="index"] .snap-home__hero h1 { max-width:100%; font-size:42px !important; line-height:1.24 !important; } }

/* Homepage yacht reel: one active clip at a time, preserving the existing media stage. */
.quiet-hero__screen .quiet-hero__reel { display:flex; width:300%; transform:translate3d(0,0,0); transition:transform 760ms cubic-bezier(.22,.61,.36,1); }
.quiet-hero__screen .quiet-hero__reel video { display:block; flex:0 0 calc(100% / 3); width:calc(100% / 3) !important; aspect-ratio:16 / 9; object-fit:cover; }
@media (prefers-reduced-motion:reduce) { .quiet-hero__screen .quiet-hero__reel { transition:none; } }

/* Homepage navigation: an editorial navigation capsule with a separate account entry. */
@media (min-width:741px) {
  body[data-page="index"] .navbar { position:fixed !important; inset:0 0 auto; min-height:122px; background:rgba(255,253,248,.84) !important; }
  body[data-page="index"] .nav-inner { width:min(100% - 96px,1420px) !important; min-height:122px; gap:26px; }
  body[data-page="index"] .snap-home { padding-top:122px !important; }
  body[data-page="index"] .nav-brand { flex:0 0 auto; }
  body[data-page="index"] .nav-links { display:flex; flex:1 1 auto; align-items:center; justify-content:flex-end; gap:22px !important; }
  body[data-page="index"] .nav-primary-links { display:flex; align-items:center; gap:2px; padding:7px; border:1px solid rgba(99,124,106,.15); border-radius:999px; background:rgba(255,255,255,.72); box-shadow:0 12px 28px rgba(42,65,48,.07),inset 0 1px rgba(255,255,255,.9); }
  body[data-page="index"] .nav-primary-links a { display:inline-flex; min-height:46px; align-items:center; justify-content:center; padding:0 21px; border-radius:999px !important; color:#5b6960 !important; font-size:17px !important; font-weight:650 !important; }
  body[data-page="index"] .nav-primary-links a:hover { background:#fff4eb !important; color:#bb5321 !important; }
  body[data-page="index"] .nav-primary-links a[aria-current="page"] { background:#fff0e4 !important; color:#d55f2b !important; box-shadow:none !important; }
  body[data-page="index"] .nav-account-links { display:flex; align-items:center; gap:10px; }
  body[data-page="index"] .nav-account-links #navLogin { display:inline-flex; min-width:105px; min-height:62px; align-items:center; justify-content:center; padding:0 22px; border:1px solid rgba(216,102,50,.55) !important; border-radius:999px !important; background:rgba(255,253,248,.56) !important; color:#c35524 !important; font-size:17px !important; font-weight:700 !important; box-shadow:none !important; }
  body[data-page="index"] .nav-account-links #navLogin:hover { border-color:#d86632 !important; background:#fff0e4 !important; color:#a94318 !important; }
  body[data-page="index"] .nav-account-links .btn-primary { display:none !important; }
}

/* One bounded public header for every customer route. */
@media (min-width:741px) {
  .navbar { position:fixed !important; z-index:999 !important; inset:0 0 auto !important; min-height:76px !important; height:76px !important; background:rgba(255,253,248,.9) !important; box-shadow:0 8px 22px rgba(47,68,54,.045) !important; transform:translateZ(0); }
  .nav-inner { display:grid !important; grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr); align-items:center; width:min(100% - 96px,1420px) !important; min-height:76px !important; height:76px !important; margin-inline:auto; }
  .nav-brand { display:inline-flex !important; grid-column:1; justify-self:start; }
  .nav-links { display:contents !important; }
  .nav-primary-links { display:flex !important; grid-column:2; align-items:center; gap:2px; padding:5px; border:1px solid rgba(99,124,106,.15); border-radius:999px; background:rgba(255,255,255,.72); box-shadow:0 12px 28px rgba(42,65,48,.07),inset 0 1px rgba(255,255,255,.9); }
  .nav-primary-links a { display:inline-flex; min-height:40px; align-items:center; justify-content:center; padding:0 17px; border-radius:999px !important; color:#5b6960 !important; font-size:17px !important; font-weight:650 !important; }
  .nav-primary-links a:hover,.nav-primary-links a[aria-current="page"] { background:#fff0e4 !important; color:#d55f2b !important; }
  .nav-account-links { display:flex !important; grid-column:3; justify-self:end; align-items:center; }
  .nav-account-links .language-picker { display:inline-flex !important; flex:0 0 auto; margin:0 9px 0 0 !important; }
  .nav-account-links .language-picker select { width:110px !important; max-width:110px !important; min-height:42px !important; padding:0 21px 0 10px !important; border:1px solid rgba(216,102,50,.38) !important; border-radius:999px !important; background:#fffaf7 !important; color:#a94720 !important; font-size:13px !important; font-weight:750 !important; }
  .nav-account-links #navLogin { display:inline-flex; min-width:128px; min-height:48px; align-items:center; justify-content:center; padding:0 22px; border:1px solid rgba(99,124,106,.18) !important; border-radius:999px !important; background:rgba(255,255,255,.82) !important; color:#c35524 !important; font-size:17px !important; font-weight:700 !important; box-shadow:0 12px 28px rgba(42,65,48,.07),inset 0 1px rgba(255,255,255,.92) !important; }
  .nav-account-links #navLogin:hover { border-color:rgba(216,102,50,.5) !important; background:#fff4eb !important; }
  .nav-account-links #navRegisterBtn { display:none !important; }
  .nav-hamburger { display:none !important; }
  body:not([data-page="index"]) .navbar + main { margin-top:76px !important; }
  body[data-page="index"] .nav-primary-links { position:static !important; transform:none !important; }
}

/* Shared account overlay: the account journey stays in the current workspace. */
body.yu-auth-modal-open { overflow:hidden; }
.footer { display:none !important; }
.yu-auth-modal[hidden] { display:none !important; }
.yu-auth-modal { position:fixed; z-index:1200; inset:0; display:grid; place-items:center; padding:24px; }
.yu-auth-modal__backdrop { position:absolute; inset:0; background:rgba(37,47,40,.32); backdrop-filter:blur(9px) saturate(.82); }
.yu-auth-modal__panel { position:relative; width:min(100%,496px); max-height:min(720px,calc(100dvh - 48px)); overflow:auto; padding:38px 40px 36px; border:1px solid rgba(99,124,106,.32); border-radius:8px; background:linear-gradient(145deg,rgba(255,254,250,.98),rgba(255,249,241,.96)); box-shadow:0 30px 90px rgba(38,53,41,.22),0 2px 0 rgba(255,255,255,.72) inset; color:#27342c; }
.yu-auth-modal__close { position:absolute; top:15px; right:17px; display:grid; width:32px; height:32px; padding:0; place-items:center; border:0; border-radius:50%; background:transparent; color:#66746b; font-size:27px !important; font-weight:300; line-height:1; cursor:pointer; }
.yu-auth-modal__close:hover { background:#fff0e5; color:#b95220; }
.yu-auth-modal__header p { margin:0 0 9px; color:#c85d2b; font-size:12px !important; font-weight:750; letter-spacing:1.2px !important; text-transform:uppercase; }
.yu-auth-modal__header h2 { margin:0; color:#223028 !important; font-family:var(--yu-display),serif !important; font-size:34px !important; font-weight:500 !important; line-height:1.2 !important; }
.yu-auth-modal__header span { display:block; margin-top:10px; color:#69776e; font-size:16px !important; line-height:1.65; }
.yu-auth-modal__tabs { display:grid; grid-template-columns:1fr 1fr; gap:3px; margin:27px 0 17px; padding:4px; border:1px solid rgba(99,124,106,.18); border-radius:999px; background:rgba(240,244,237,.78); }
.yu-auth-modal__tabs button { min-height:42px; border:0; border-radius:999px; background:transparent; color:#68766d; font-size:16px !important; font-weight:700; cursor:pointer; }
.yu-auth-modal__tabs button[aria-selected="true"] { background:#fff1e6; color:#c65322; box-shadow:0 4px 11px rgba(123,75,47,.08); }
.yu-auth-modal__notice { margin:0 0 22px; padding:13px 15px; border:1px solid rgba(216,102,50,.35); border-radius:7px; background:#fff0e6; color:#a7461d !important; font-size:15px !important; font-weight:650; line-height:1.6 !important; }
.yu-auth-modal__message { margin:0 0 16px; padding:10px 12px; border-radius:6px; background:#fbe9e7; color:#a03e36 !important; font-size:14px !important; line-height:1.5 !important; }
.yu-auth-modal__message[hidden] { display:none; }
.yu-auth-modal__form { display:grid; gap:16px; }
.yu-auth-modal__form label { display:grid; gap:8px; color:#35453b; font-size:15px !important; font-weight:700; }
.yu-auth-modal__form input:not([type="checkbox"]) { width:100%; min-height:52px; box-sizing:border-box; padding:0 14px; border:1px solid rgba(97,119,103,.45) !important; border-radius:6px !important; background:rgba(255,255,255,.7) !important; color:#223028 !important; font-size:16px !important; }
.yu-auth-modal__remember,.yu-auth-modal__terms { display:flex !important; grid-template-columns:none !important; align-items:flex-start; gap:8px !important; color:#67766d !important; font-size:13px !important; font-weight:500 !important; line-height:1.6; }
.yu-auth-modal__remember input,.yu-auth-modal__terms input { width:16px; height:16px; margin:3px 0 0; accent-color:#d86632; }
.yu-auth-modal__terms a { color:#b95220; font-weight:700; text-decoration:none; }
.yu-auth-modal__submit { min-height:54px; margin-top:4px; border:1px solid rgba(216,102,50,.5); border-radius:6px; background:linear-gradient(135deg,#e97b45,#cc5927); color:#fffaf5; font-size:17px !important; font-weight:750; cursor:pointer; box-shadow:0 12px 24px rgba(175,76,31,.16); }
.yu-auth-modal__submit:disabled { cursor:wait; opacity:.7; }
@media (max-width:520px) { .yu-auth-modal { padding:14px; align-items:end; } .yu-auth-modal__panel { max-height:calc(100dvh - 28px); padding:30px 22px 26px; border-radius:8px; } .yu-auth-modal__header h2 { font-size:29px !important; } }
@media (min-width:1080px) {
  body[data-page="index"] .nav-inner { position:relative; }
  body[data-page="index"] .nav-primary-links { position:absolute; left:50%; transform:translateX(-50%); }
  body[data-page="index"] .nav-account-links { margin-left:auto; }
}

/* The homepage header has three independent anchors, so account controls never wrap. */
@media (min-width:741px) {
  body[data-page="index"] .nav-inner { display:block !important; position:relative !important; }
  body[data-page="index"] .nav-brand { position:absolute !important; top:50%; left:0; transform:translateY(-50%); }
  body[data-page="index"] .nav-primary-links { position:absolute !important; top:50%; left:50%; transform:translate(-50%,-50%) !important; }
  body[data-page="index"] .nav-account-links { position:absolute !important; top:50%; right:0; margin:0 !important; transform:translateY(-50%); }
}
@media (max-width:740px) {
  body[data-page="index"] .navbar { position:fixed !important; inset:0 0 auto; }
  body[data-page="index"] .snap-home { padding-top:68px !important; }
  body[data-page="index"] .nav-primary-links,body[data-page="index"] .nav-account-links { display:contents; }
}

/* Keep the homepage controls above the document, rather than as part of its flow. */
@media (min-width:741px) {
  body[data-page="index"] .navbar {
    position:fixed !important;
    z-index:999 !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;
    min-height:76px !important;
    height:76px !important;
    transform:translateZ(0);
    will-change:transform;
  }
  body[data-page="index"] .nav-inner { min-height:76px !important; height:76px !important; }
  body[data-page="index"] .snap-home { padding-top:76px !important; }
  body[data-page="index"] .nav-primary-links { padding:5px; }
  body[data-page="index"] .nav-primary-links a { min-height:40px; padding-inline:17px; }
  body[data-page="index"] .nav-account-links #navLogin {
    min-width:128px;
    min-height:48px;
    border-color:rgba(99,124,106,.18) !important;
    background:rgba(255,255,255,.82) !important;
    box-shadow:0 12px 28px rgba(42,65,48,.07),inset 0 1px rgba(255,255,255,.92) !important;
    backdrop-filter:blur(14px) saturate(1.08);
  }
  body[data-page="index"] .nav-account-links #navLogin:hover {
    border-color:rgba(216,102,50,.5) !important;
    background:#fff4eb !important;
    box-shadow:0 15px 32px rgba(175,76,31,.12),inset 0 1px rgba(255,255,255,.94) !important;
  }
}

/* Pricing: discrete plan blocks make membership and credit decisions comparable at a glance. */
body[data-page="pricing"] .purchase-panel {
  overflow:visible !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body[data-page="pricing"] .purchase-content {
  padding:0 !important;
}
body[data-page="pricing"] .purchase-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin:0 0 18px;
  padding:0 0 15px;
  border-bottom:1px solid rgba(101,127,109,.25);
}
body[data-page="pricing"] .purchase-heading h2 {
  margin:0;
  font-family:var(--yu-display),serif;
  font-size:28px !important;
  font-weight:500;
  letter-spacing:0;
}
body[data-page="pricing"] .preview-hint {
  color:#7a877f !important;
  font-size:13px !important;
}
body[data-page="pricing"] .purchase-panel .pricing-tabs {
  display:inline-flex;
  width:auto;
  margin:0 0 26px !important;
  padding:5px;
  border:1px solid rgba(101,127,109,.2) !important;
  border-radius:999px;
  background:rgba(255,253,248,.72) !important;
  box-shadow:0 11px 28px rgba(47,68,54,.06),inset 0 1px rgba(255,255,255,.9);
}
body[data-page="pricing"] .purchase-panel .pricing-tabs button {
  min-width:132px;
  min-height:42px;
  padding:0 19px;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#647269 !important;
  font-size:16px !important;
  font-weight:700;
  box-shadow:none !important;
}
body[data-page="pricing"] .purchase-panel .pricing-tabs button.active {
  background:#fff0e5 !important;
  color:#bd5120 !important;
}
body[data-page="pricing"] .purchase-panel .pricing-tabs button.active::after { display:none !important; }
body[data-page="pricing"] .plan-list {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:0 !important;
}
body[data-page="pricing"] .plan-row {
  position:relative;
  display:flex !important;
  flex-direction:column;
  align-items:stretch !important;
  min-height:238px;
  padding:23px 22px 20px !important;
  overflow:hidden;
  border:1px solid rgba(101,127,109,.22) !important;
  border-radius:8px !important;
  background:rgba(255,253,248,.77) !important;
  box-shadow:0 15px 34px rgba(47,68,54,.055) !important;
  cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;
}
body[data-page="pricing"] .plan-row:hover {
  border-color:rgba(216,102,50,.55) !important;
  background:#fffdf9 !important;
  box-shadow:0 19px 38px rgba(115,66,37,.1) !important;
  transform:translateY(-2px);
}
body[data-page="pricing"] .plan-row.is-selected {
  border:1.5px solid #dc6530 !important;
  background:linear-gradient(145deg,#fffdf9 0%,#fff5ed 100%) !important;
  box-shadow:0 20px 42px rgba(187,81,32,.13) !important;
}
body[data-page="pricing"] .plan-row input {
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
body[data-page="pricing"] .plan-row:focus-within {
  outline:3px solid rgba(216,102,50,.2);
  outline-offset:3px;
}
body[data-page="pricing"] .plan-row .plan-copy {
  display:flex;
  flex:1;
  flex-direction:column;
  min-width:0;
}
body[data-page="pricing"] .plan-row .plan-name {
  display:block;
  color:#233028 !important;
  font-family:var(--yu-display),serif;
  font-size:24px !important;
  font-weight:500;
  line-height:1.25;
}
body[data-page="pricing"] .plan-row .plan-points {
  display:block;
  margin-top:9px;
  color:#b95220 !important;
  font-size:14px !important;
  font-weight:700;
}
body[data-page="pricing"] .plan-row .plan-copy::after {
  display:block;
  margin-top:auto;
  padding-top:20px;
  border-top:1px solid rgba(101,127,109,.18);
  color:#718078;
  font-size:13px;
  line-height:1.65;
  content:'高画质、AI 摘要与频道追更权限';
}
body[data-page="pricing"] .plan-row[data-plan-row^="points_"] .plan-copy::after {
  content:'补充余额，按视频画质和功能按次使用';
}
body[data-page="pricing"] .plan-row .plan-price {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  min-height:43px;
  margin-top:16px;
}
body[data-page="pricing"] .plan-row .plan-price strong {
  color:#17261d !important;
  font-size:31px !important;
  font-weight:650;
  letter-spacing:0;
}
body[data-page="pricing"] .plan-row .plan-price small {
  color:#bc5120 !important;
  font-size:13px !important;
  font-weight:700;
}
body[data-page="pricing"] .plan-row .recommended {
  position:absolute;
  top:0;
  right:0;
  display:flex;
  min-width:60px;
  min-height:28px;
  align-items:center;
  justify-content:center;
  border-radius:0 7px 0 8px !important;
  background:#df6630 !important;
  color:#fffaf5 !important;
  font-family:var(--yu-body),sans-serif;
  font-size:11px !important;
  font-weight:800;
  letter-spacing:.08em;
}
body[data-page="pricing"] .plan-row.is-selected::after {
  position:absolute;
  top:14px;
  right:14px;
  display:grid;
  width:22px;
  height:22px;
  place-items:center;
  border-radius:50%;
  background:#df6630;
  color:#fffaf5;
  content:'✓';
  font-size:13px;
  font-weight:800;
}
body[data-page="pricing"] .plan-row .recommended ~ .plan-points { padding-right:68px; }
body[data-page="pricing"] .plan-row:has(.recommended)::after { display:none; }
body[data-page="pricing"] .purchase-value,
body[data-page="pricing"] .compact-credit-notice {
  margin-top:22px;
  padding:19px 20px !important;
  border:1px solid rgba(216,102,50,.25) !important;
  border-radius:8px !important;
  background:rgba(255,247,239,.72) !important;
  box-shadow:none !important;
}
body[data-page="pricing"] .purchase-value>strong {
  display:block;
  color:#9d431c !important;
  font-family:var(--yu-display),serif;
  font-size:19px !important;
  font-weight:500;
}
body[data-page="pricing"] .purchase-value__rights {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:16px 0 !important;
  padding:0 !important;
  list-style:none;
}
body[data-page="pricing"] .purchase-value__rights li {
  padding:0 !important;
  color:#617168 !important;
  font-size:13px !important;
  line-height:1.6;
}
body[data-page="pricing"] .purchase-value__rights li::before {
  margin-right:6px;
  color:#d55f2b;
  content:'✓';
  font-weight:800;
}
body[data-page="pricing"] .purchase-value__grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
body[data-page="pricing"] .purchase-value__tier {
  min-height:0 !important;
  padding:13px 14px !important;
  border:1px solid rgba(101,127,109,.2) !important;
  border-radius:6px !important;
  background:rgba(255,255,255,.55) !important;
}
body[data-page="pricing"] .purchase-value__tier b { color:#31463a !important; font-size:14px !important; }
body[data-page="pricing"] .purchase-value__tier.is-vip { border-color:rgba(216,102,50,.32) !important; background:#fff1e6 !important; }
body[data-page="pricing"] .purchase-value__detail { margin-top:5px; color:#6f7d74 !important; font-size:12px !important; line-height:1.55; }
body[data-page="pricing"] .pricing-buy {
  min-height:54px;
  margin-top:18px !important;
  border-radius:6px !important;
  font-size:16px !important;
}
body[data-page="pricing"] .purchase-trust { justify-content:center; gap:10px 18px; padding-top:14px; color:#738078 !important; }
body[data-page="pricing"] .payment-options { margin-top:26px; padding-top:22px; border-top:1px solid rgba(101,127,109,.2); }
body[data-page="pricing"] .payment-options h2 { font-family:var(--yu-display),serif; font-size:21px !important; font-weight:500; }
@media (max-width:960px) {
  body[data-page="pricing"] .plan-list { grid-template-columns:1fr; }
}
@media (max-width:740px) {
  body[data-page="pricing"] .purchase-heading { align-items:start; flex-direction:column; gap:6px; }
  body[data-page="pricing"] .purchase-heading h2 { font-size:25px !important; }
  body[data-page="pricing"] .purchase-panel .pricing-tabs { display:flex; width:100%; margin-bottom:19px !important; }
  body[data-page="pricing"] .purchase-panel .pricing-tabs button { min-width:0; flex:1; padding-inline:10px; }
  body[data-page="pricing"] .plan-row { min-height:204px; padding:20px 18px 18px !important; }
  body[data-page="pricing"] .purchase-value__rights,.purchase-value__grid { grid-template-columns:1fr; }
}

/* The card-first pricing view replaces the older plan-row treatment above. */
body[data-page="pricing"] .pricing-card.plan-row {
  min-height:540px !important;
  overflow:visible !important;
  background:#fffdfa !important;
}
body[data-page="pricing"] .pricing-card.plan-row.is-previewed:not(.is-selected) {
  border-color:#dfe5dd !important;
  background:#fffdfa !important;
  box-shadow:0 10px 30px rgba(47,68,54,.055) !important;
  transform:none !important;
}
body[data-page="pricing"] .pricing-card.plan-row.is-selected {
  background:linear-gradient(145deg,#fffdfa 0%,#fff5ed 100%) !important;
}
/* Every unselected package is equally readable. Selection changes only the accent. */
body[data-page="pricing"] .pricing-card.plan-row:not(.is-selected) {
  opacity:1 !important;
  filter:none !important;
  background:#fffdfa !important;
}
body[data-page="pricing"] .pricing-card.plan-row:not(.is-selected) h3 { color:#202a24 !important; }
body[data-page="pricing"] .pricing-card.plan-row:not(.is-selected) .pricing-card-audience,
body[data-page="pricing"] .pricing-card.plan-row:not(.is-selected) .pricing-card-total,
body[data-page="pricing"] .pricing-card.plan-row:not(.is-selected) .pricing-card-term { color:#66736b !important; }
body[data-page="pricing"] .pricing-card.plan-row:not(.is-selected) .pricing-card-price strong { color:#476ce6 !important; }
body[data-page="pricing"] .pricing-card.plan-row:not(.is-selected) .pricing-card-action {
  opacity:1 !important;
  border-color:#8a63ff !important;
  background:#fffdfa !important;
  color:#6d28d9 !important;
}

/* Pricing stays deliberately flat: use color hierarchy instead of gradients. */
body[data-page="pricing"] {
  background:#f5f6f0 !important;
  background-image:none !important;
}
body[data-page="pricing"] .pricing-card.plan-row.is-selected {
  background:#fff5ed !important;
}
body[data-page="pricing"] .pricing-card-action,
body[data-page="pricing"] .pricing-buy,
body[data-page="pricing"] .pricing-card.plan-row.is-selected .pricing-card-action {
  background-image:none !important;
}

/* One unselected package surface, shared by every card position. */
body[data-page="pricing"] .pricing-card.plan-row:not(.is-selected) {
  background:#ffffff !important;
  color:#263858 !important;
  opacity:1 !important;
  filter:none !important;
}
body[data-page="pricing"] .pricing-card.plan-row:not(.is-selected) h3 {
  color:#263858 !important;
  font-weight:700 !important;
}
body[data-page="pricing"] .pricing-card.plan-row:not(.is-selected) .pricing-card-audience,
body[data-page="pricing"] .pricing-card.plan-row:not(.is-selected) .pricing-card-total,
body[data-page="pricing"] .pricing-card.plan-row:not(.is-selected) .pricing-card-term {
  color:#52627a !important;
  font-weight:650 !important;
}
body[data-page="pricing"] .pricing-card.plan-row:not(.is-selected) .pricing-card-points {
  color:#263952 !important;
  font-weight:800 !important;
}
body[data-page="pricing"] .pricing-card.plan-row:not(.is-selected) .pricing-card-price strong {
  color:#476ce6 !important;
  font-weight:950 !important;
}

/* Final shared public header: all routes use the same three stable regions. */
@media (min-width:741px) {
  body[data-page="index"] .nav-inner {
    display:grid !important;
    grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr);
    align-items:center;
  }
  body[data-page="index"] .nav-brand,
  body[data-page="index"] .nav-primary-links,
  body[data-page="index"] .nav-account-links {
    position:static !important;
    transform:none !important;
  }
  body[data-page="index"] .nav-brand { grid-column:1; }
  body[data-page="index"] .nav-primary-links { grid-column:2; }
  body[data-page="index"] .nav-account-links {
    display:flex !important;
    grid-column:3;
    justify-self:end;
    align-items:center;
    gap:10px;
  }
  body[data-page="index"] .nav-account-links #navLogin {
    min-width:128px;
    min-height:48px;
    padding:0 22px;
  }
}

@media (min-width:741px) and (max-width:1050px) {
  .nav-inner,
  body[data-page="index"] .nav-inner {
    width:calc(100% - 32px) !important;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:10px;
  }
  .nav-brand span { display:none !important; }
  .nav-primary-links a { min-height:38px; padding-inline:11px; font-size:15px !important; }
  .nav-account-links { gap:7px !important; }
  .nav-account-links .language-picker { margin-right:0 !important; }
  .nav-account-links .language-picker select { width:110px !important; max-width:110px !important; padding-left:8px !important; }
  .nav-account-links #navLogin { min-width:84px; padding-inline:12px; }
}

/* The iPhone audio entry has a deliberately compact, single-line desktop title. */
@media (min-width:741px) {
  body.is-iphone-audio-intent .download-head { max-width:none; }
  body.is-iphone-audio-intent .download-head h1 {
    max-width:none;
    font-size:clamp(34px,3.2vw,46px) !important;
    line-height:1.18 !important;
    white-space:nowrap;
    text-wrap:nowrap;
  }
}
@media (max-width:740px) {
  body.is-iphone-audio-intent .download-head h1 {
    font-size:32px !important;
    line-height:1.24 !important;
    text-wrap:balance;
  }
}