/* A three-step boarding pass: one destination, one departure, one journey. */
.travel-live{--ticket-bg:#422e20;--ticket-paper:#fff;--ticket-soft:#fbf1ea;--ticket-ink:#38271b;--ticket-muted:#776b63;--ticket-accent:#d7c5b9}
.travel-live #travel-shell{background:var(--ticket-bg);padding-bottom:12px;min-height:100dvh}
.travel-live .mobile-header{--header-inset:23px;position:relative;grid-template-columns:56px minmax(0,1fr) 56px;height:68px;padding:12px var(--header-inset);color:#fff}
.travel-live #travel-shell:not(.on-results) .mobile-header{display:grid}
.travel-live .travel-brand{grid-column:2;justify-content:center;min-height:44px;font-size:17px;letter-spacing:0;font-weight:600;gap:0}
.travel-live .travel-brand svg{position:absolute;left:var(--header-inset);top:50%;transform:translateY(-50%);background:#ffffff16;color:#d7c5b9;border-radius:50%;width:32px;height:32px}
.travel-live .saved-link{grid-column:3;justify-self:end;color:#f6e3d6!important;font-size:12px!important}
.travel-live .boarding-hero{display:flex;align-items:center;justify-content:space-between;padding:12px 24px 28px;min-height:142px;color:#fff;overflow:hidden}
.travel-live .boarding-hero>div{position:relative;z-index:1}
.travel-live .boarding-hero p{font-size:12px;letter-spacing:.12em;color:#d7c5b9}
.travel-live .boarding-hero h1{font-size:28px;line-height:1.4;letter-spacing:-.045em;margin:8px 0 7px;font-weight:650;white-space:nowrap}
.travel-live .boarding-hero span{font-size:12px;color:#f2d4c0}
.travel-live .hero-plane{width:94px;height:94px;margin-left:-30px;flex:none;stroke:#d9c7bb50;stroke-width:1;overflow:visible}
.travel-live .hero-plane circle{stroke-dasharray:2 7}.travel-live .hero-plane>path:not(.plane-body){stroke-dasharray:5 6}
.travel-live .hero-plane .plane-body{stroke:#d7c5b9;stroke-width:1.7;fill:#543a29}
.travel-live .boarding-pass{margin:0 16px;background:var(--ticket-paper);border:0;border-radius:18px;box-shadow:0 16px 40px #271b132b;position:relative;color:var(--ticket-ink)}
.travel-live .ticket-head{padding:18px 22px 15px;background:#faf0ea;border-radius:18px 18px 0 0}
.travel-live .ticket-caption{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.04em;color:#67584e}
.travel-live .ticket-caption svg{width:17px;height:17px}
.travel-live .ticket-route{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:7px;align-items:center;margin-top:16px}
.travel-live .ticket-route>div:last-child{text-align:right}
.travel-live .ticket-route>div>span{font-size:11px;color:#7b7068;display:block}
.travel-live .ticket-route strong{font-size:22px;line-height:1.4;display:block;margin-top:3px;overflow-wrap:anywhere;font-weight:650;letter-spacing:-.03em}
.travel-live .ticket-route .ticket-flight{display:flex;gap:5px;align-items:center;justify-content:center;padding-top:10px;color:#786254}
.travel-live .ticket-flight>span{flex:1;border-top:1px dashed #ad9e94}
.travel-live .ticket-flight svg{width:18px;height:18px;transform:rotate(45deg)}
.travel-live .ticket-details{display:flex;justify-content:space-between;gap:12px;color:#74675f;font-size:11px;margin-top:14px}
.travel-live .ticket-perforation{height:1px;border-top:1px dashed #d0c8c3;position:relative;margin:0 16px}
.travel-live .ticket-perforation:before,.travel-live .ticket-perforation:after{content:'';position:absolute;background:var(--ticket-bg);width:20px;height:20px;border-radius:50%;top:-10px}
.travel-live .ticket-perforation:before{left:-26px}.travel-live .ticket-perforation:after{right:-26px}
.travel-live .ticket-body{padding:12px 22px 21px}
.travel-live .boarding-steps{display:flex;align-items:center;gap:4px;justify-content:space-between;margin-bottom:13px}
.travel-live .boarding-steps button{display:flex;align-items:center;justify-content:center;gap:6px;background:none;border:0;min-height:44px;padding:4px 0;font-size:12px;color:#807670;white-space:nowrap;opacity:1}
.travel-live .boarding-steps button:disabled{color:#847d78;cursor:default}
.travel-live .boarding-steps button>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-size:10px;background:#faede5;font-variant-numeric:tabular-nums}
.travel-live .boarding-steps button[aria-current=step]{color:var(--ticket-ink);font-weight:650}
.travel-live .boarding-steps button[aria-current=step]>span{background:var(--ticket-bg);color:#fff}
.travel-live .boarding-steps button.complete>span{background:#f5decf;color:#543a29}
.travel-live .boarding-steps i{flex:1;max-width:22px;border-top:1px solid #f5dfd1}
.travel-live .step-heading{margin:3px 0 19px}
.travel-live .step-heading h2{font-size:24px;line-height:1.4;font-weight:650;letter-spacing:-.04em}
.travel-live .step-heading p{font-size:12px;color:var(--ticket-muted);margin-top:5px}
.travel-live .boarding-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.travel-live .boarding-choice{position:relative;min-width:0;min-height:85px;padding:16px 15px;border:0;border-radius:12px;background:var(--ticket-soft);text-align:left;color:var(--ticket-ink);transition:background .16s,color .16s,box-shadow .16s}
.travel-live .boarding-choice strong{display:block;font-size:24px;line-height:1.3;font-weight:550;letter-spacing:-.02em}
.travel-live .boarding-choice strong small{font-size:13px;margin-left:4px;font-weight:400}
.travel-live .boarding-choice .choice-subtitle{display:block;font-size:11px;color:#776b63;margin-top:5px;letter-spacing:.02em}
.travel-live .boarding-choice .choice-check{position:absolute;right:11px;top:12px;width:17px;height:17px;opacity:0;stroke-width:2.3}
.travel-live .boarding-choice[aria-pressed=true]{background:var(--ticket-bg);color:#fff;box-shadow:0 5px 13px #422e2020}
.travel-live .boarding-choice[aria-pressed=true] .choice-subtitle{color:#f4dac9}
.travel-live .boarding-choice[aria-pressed=true] .choice-check{opacity:1;color:var(--ticket-accent)}
.travel-live .boarding-choice:active{background:#f5decf}.travel-live .boarding-choice[aria-pressed=true]:active{background:#302117}
.travel-live .boarding-other{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:46px;margin-top:10px;padding:10px 15px;border:0;border-radius:10px;background:#fcf5f1;color:#6b5d53;font-size:13px;text-align:left}
.travel-live .boarding-other[aria-expanded=true]{background:#f5decf;color:#38271b;font-weight:600}
.travel-live .boarding-other>span:last-child{font-size:20px;font-weight:400;line-height:1}
.travel-live .boarding-custom{margin-top:14px}.travel-live .boarding-custom label{display:block;font-size:12px;color:#67584e;margin-bottom:7px}
.travel-live .custom-input-wrap{position:relative}.travel-live .boarding-custom input{background:#fff;border:1px solid #b5a89f;border-radius:9px;padding:12px;font-size:16px;min-height:48px;width:100%}
.travel-live .boarding-custom input::placeholder{font-size:14px;color:#807873}
.travel-live .boarding-custom input[aria-invalid=true]{border-color:#b34432}
.travel-live .custom-input-wrap>span{position:absolute;right:14px;top:12px;font-size:14px;color:#776b63}
.travel-live .boarding-matches{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.travel-live .boarding-matches button{border:0;background:#faefe7;min-height:44px;padding:7px 10px;border-radius:7px;font-size:13px}
.travel-live .boarding-error{color:#a53626;font-size:12px;margin:9px 0 0!important}.travel-live .boarding-error:empty{display:none}
.travel-live .boarding-actions{display:flex;gap:10px;margin-top:21px}
.travel-live .boarding-actions button{min-height:50px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:15px;font-weight:600;transition:background .16s}
.travel-live #boarding-next,.travel-live #calculate{flex:1;width:auto;margin:0;padding:12px;background:var(--ticket-bg);color:#fff}
.travel-live #boarding-back{padding:12px 16px;background:#faefe7;color:#68584d;font-size:13px;font-weight:400}
.travel-live #boarding-next:active,.travel-live #calculate:active{background:#2f2117}
.travel-live #calculate:disabled{background:#867a72;color:#fff;opacity:1}
.travel-live .boarding-pass #connection-note{margin-top:12px}
.travel-live .ticket-tail{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 22px;padding:15px 0 18px;border-top:1px dashed #f2d5c2;color:#7c726c;font-size:10px;letter-spacing:.1em}
.travel-live .ticket-bars{width:70px;height:17px;background:repeating-linear-gradient(90deg,#857971 0 1px,transparent 1px 3px,#857971 3px 5px,transparent 5px 8px,#857971 8px 9px,transparent 9px 13px);opacity:.65}
.travel-live .page-footer{justify-content:center;color:#f1d1bb;padding:24px 16px;font-size:11px}
.travel-live #travel-shell.on-results{background:#fcf5f1;padding-bottom:95px}
.travel-live .on-results .mobile-header{color:var(--ink)}.travel-live .on-results .saved-link{color:var(--muted)!important}
.travel-live .on-results .travel-brand svg{color:#fff;background:var(--green)}.travel-live .on-results .page-footer{color:var(--muted)}
.travel-live #boarding-panel.is-changing{animation:ticket-step .18s ease-out}
@keyframes ticket-step{from{opacity:.4;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:400px){.travel-live .boarding-hero h1{font-size:31px}.travel-live .boarding-choice{min-height:92px}.travel-live .ticket-body{padding-left:25px;padding-right:25px}}
@media(max-width:359px){.travel-live .mobile-header{--header-inset:18px}.travel-live .travel-brand{font-size:15px}.travel-live .boarding-hero{padding:7px 20px 23px;min-height:129px}.travel-live .boarding-hero h1{font-size:25px}.travel-live .hero-plane{width:64px;height:64px;margin-left:-36px;opacity:.55}.travel-live .boarding-pass{margin:0 12px}.travel-live .ticket-head{padding:16px 18px 14px}.travel-live .ticket-body{padding:10px 18px 18px}.travel-live .ticket-route strong{font-size:20px}.travel-live .boarding-steps{gap:3px}.travel-live .boarding-steps button{font-size:11px;gap:4px}.travel-live .step-heading h2{font-size:22px}.travel-live .boarding-choice{min-height:77px;padding:13px}.travel-live .boarding-choice strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.travel-live #boarding-panel.is-changing{animation:none}.travel-live .boarding-pass button{transition:none}}

/* Three presets and a fourth custom choice share the same visual weight. */
.travel-live .boarding-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.travel-live .boarding-picker .boarding-choices{display:contents}
.travel-live .boarding-picker .boarding-other{display:block;margin:0;width:auto;min-height:85px;padding:16px 15px;background:var(--ticket-soft);border-radius:12px;color:var(--ticket-ink)}
.travel-live .boarding-picker .boarding-other[aria-pressed=true]{background:var(--ticket-bg);color:#fff}
.travel-live .boarding-picker .boarding-other .choice-subtitle{font-size:11px;font-weight:400;line-height:1.4}
.travel-live .boarding-picker button:focus-visible{outline:3px solid #aa856c;outline-offset:3px}

/* A single takeoff links the boarding pass to the recommended journey. */
.travel-live .search-flight{position:fixed;inset:0;margin:0 auto;width:100%;max-width:480px;z-index:120;background:#422e20;color:#fbf2ec;display:flex;flex-direction:column;padding:max(18px,env(safe-area-inset-top)) 28px max(24px,env(safe-area-inset-bottom));overflow:auto;isolation:isolate}
.travel-live .flight-back{align-self:flex-start;background:none;border:0;color:#f3d7c4;font-size:14px;padding:8px 0;min-height:44px}
.travel-live .flight-content{margin:auto 0;padding:24px 0;text-align:center}
.travel-live .flight-eyebrow{font-size:14px;color:#d8ccc4;margin-bottom:12px}
.travel-live #flight-heading{font-size:19px;font-weight:400;line-height:1.6;outline:none}
.travel-live #flight-heading strong{display:block;font-size:clamp(30px,9vw,42px);line-height:1.3;letter-spacing:-.03em;font-weight:600;margin-top:8px;overflow-wrap:anywhere}
.travel-live .flight-scene{position:relative;max-width:340px;margin:20px auto 15px}
.travel-live .flight-map{width:100%;height:auto;display:block;overflow:visible;stroke-width:1.5}
.travel-live .flight-cloud{stroke:#d2c1b53d;stroke-width:3}
.travel-live .flight-runway{stroke:#d2c1b580}
.travel-live .flight-route-line{stroke:#ccb4a470;stroke-dasharray:3 7;stroke-width:1.5}
.travel-live .flight-start-dot{fill:#d7c5b9;stroke:none}
.travel-live .flight-end-ring{fill:#d7c5b90d;stroke:#d7c5b970}
.travel-live .flight-end-dot{fill:#d7c5b9;stroke:none}
.travel-live .flight-aircraft{fill:#fbf2ec;stroke:none;filter:drop-shadow(0 6px 4px #281b1350);transform:translate(40px,242px);animation:flight-takeoff 6.8s cubic-bezier(.25,.1,.3,1) both}
.travel-live .flight-plane-detail{stroke:#8d7463;stroke-width:1.5;fill:none}
.travel-live .flight-route-labels{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;text-align:left;font-size:13px;color:#f3d7c4;margin-top:-25px;padding:0 4px 0 24px}
.travel-live .flight-route-labels span{max-width:46%;overflow-wrap:anywhere}.travel-live .flight-route-labels span:last-child{text-align:right;color:#d7c5b9;transform:translateY(-170px)}
.travel-live #flight-status{font-size:14px;color:#f3d7c4;margin-top:16px}
.travel-live .flight-wait-mark{height:16px;margin-top:12px;display:flex;justify-content:center;align-items:center;gap:6px}
.travel-live .flight-wait-mark span{width:4px;height:4px;border-radius:50%;background:#d7c5b9;animation:flight-wait 1.5s ease-in-out infinite}
.travel-live .flight-wait-mark span:nth-child(2){animation-delay:.2s}.travel-live .flight-wait-mark span:nth-child(3){animation-delay:.4s}
.travel-live .flight-signoff{font-size:12px;text-align:center;color:#cbbbb1;padding-top:16px}
@keyframes flight-takeoff{0%{transform:translate(40px,242px) rotate(0deg)}12%{transform:translate(68px,232px) rotate(-22deg)}32%{transform:translate(110px,173px) rotate(-48deg)}60%{transform:translate(172px,129px) rotate(-29deg)}86%{transform:translate(245px,78px) rotate(-24deg)}100%{transform:translate(280px,68px) rotate(0deg)}}
@keyframes flight-wait{0%,80%,100%{opacity:.25}40%{opacity:1}}
@media(max-height:640px){.travel-live .search-flight{padding-top:8px;padding-bottom:12px}.travel-live .flight-content{padding:8px 0}.travel-live .flight-scene{max-width:220px;margin:4px auto}.travel-live .flight-route-labels span:last-child{transform:translateY(-110px)}.travel-live #flight-heading strong{font-size:30px}.travel-live .flight-eyebrow{margin-bottom:2px}.travel-live .flight-signoff{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.travel-live .flight-aircraft{animation:none;transform:translate(172px,129px) rotate(-29deg)}.travel-live .flight-wait-mark span{animation:none;opacity:.8}}

.travel-live .phone-auth{position:fixed;inset:auto 0 0;box-sizing:border-box;width:100%;max-width:480px;max-height:92dvh;margin:0 auto;border:0;border-radius:24px 24px 0 0;padding:32px 26px max(28px,env(safe-area-inset-bottom));background:#fff;color:#38271b;overflow:auto;box-shadow:0 -16px 60px #291c1326}
.travel-live .phone-auth::backdrop{background:#31211766;backdrop-filter:blur(4px)}
.travel-live .auth-close{position:absolute;right:14px;top:10px;width:44px;height:44px;border:0;background:none;font-size:28px;color:#7c6f67}
.travel-live .auth-symbol{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#f9ece4;color:#543a29;margin-bottom:18px}
.travel-live .auth-symbol svg{width:24px;height:24px}
.travel-live .auth-kicker{font-size:12px;color:#817771;margin-bottom:6px}
.travel-live #auth-title{font-size:25px;line-height:1.4;font-weight:650;letter-spacing:-.035em}
.travel-live #auth-description{font-size:14px;color:#776c65;margin:10px 0 24px}
.travel-live #phone-auth-form label{display:block;font-size:14px;font-weight:500;margin:16px 0 8px}
.travel-live .auth-phone-wrap,.travel-live .auth-code-wrap{display:flex;align-items:center;gap:10px;background:#fbf1eb;border-radius:12px;padding:0 14px}
.travel-live .auth-phone-wrap>span{font-size:15px;color:#6d5d52;border-right:1px solid #d8d0ca;padding-right:12px}
.travel-live .phone-auth input{border:0!important;background:transparent!important;min-width:0;min-height:54px!important;padding:12px 0!important;border-radius:0!important}
.travel-live #auth-send-code{flex:none;border:0;background:none;color:#543a29;font-size:13px;font-weight:600;min-height:48px;padding:0 2px}
.travel-live #auth-send-code:disabled{color:#837973;opacity:1}
.travel-live .auth-error{font-size:13px;color:#a03628;margin-top:10px}.travel-live .auth-message{font-size:13px;color:#655042;margin-top:8px}
.travel-live .auth-error:empty,.travel-live .auth-message:empty{display:none}
.travel-live #auth-submit{width:100%;min-height:52px;background:#422e20;color:#fff;border:0;border-radius:12px;font-size:16px;font-weight:600;margin-top:24px}
.travel-live .auth-note{font-size:12px;color:#7b726c;text-align:center;margin-top:14px}
@media(max-width:359px){.travel-live .phone-auth{padding-left:20px;padding-right:20px}.travel-live #auth-title{font-size:23px}}

/* Feixiaoma: bright orange gradients, warm paper, readable dark labels. */
body.travel-live{
 --brand:#ff6715;--brand-ink:#a63a0c;--brand-gradient:linear-gradient(115deg,#ff6312 0%,#ff8a24 65%,#ffbb42 100%);
 --green:var(--brand-ink);--teal:var(--brand-ink);--deep:#482b20;--ink:#302922;--muted:#78685e;--soft:#fff0e5;--line:#efdfd2;
 --ticket-bg:#fff5ec;--ticket-paper:#fff;--ticket-soft:#fff3e9;--ticket-ink:#35291f;--ticket-muted:#79685b;--ticket-accent:#71300d;
 background:#f5f2ee;
}
.travel-live #travel-shell{background:linear-gradient(150deg,#ff6514 0%,#ffa239 220px,#fff5ec 410px);box-shadow:0 0 55px #9d4a0c0d}
.travel-live .mobile-header,.travel-live .boarding-hero{color:#49230e}
.travel-live .saved-link{color:#49230e!important}
.travel-live .travel-brand svg{color:#632c0d;background:#ffffff45}
.travel-live .boarding-hero p,.travel-live .boarding-hero span{color:#542d14}
.travel-live .hero-plane{stroke:#71300d40}
.travel-live .hero-plane .plane-body{stroke:#71300d;fill:#ffb758}
.travel-live .boarding-pass{box-shadow:0 16px 40px #9b4c1517}
.travel-live .ticket-head{background:linear-gradient(120deg,#fff7ef,#fffdf8)}
.travel-live .ticket-perforation:before,.travel-live .ticket-perforation:after{background:#fff5ec}
.travel-live .ticket-caption svg,.travel-live .ticket-flight{color:var(--brand-ink)}
.travel-live .boarding-steps button[aria-current=step]>span{background:var(--brand-ink);color:#fff}
.travel-live .boarding-steps button.complete>span{background:#ffe2cc;color:#8b340d}
.travel-live .boarding-choice[aria-pressed=true],.travel-live .boarding-picker .boarding-other[aria-pressed=true]{background:var(--brand-gradient);color:#fff;box-shadow:0 5px 16px #f47b2526}
.travel-live .boarding-choice[aria-pressed=true] .choice-subtitle,.travel-live .boarding-choice[aria-pressed=true] .choice-check{color:#fff}
.travel-live #boarding-next,.travel-live #calculate,.travel-live #auth-submit,.travel-live #dock-compare{background:var(--brand-gradient);color:#fff!important;box-shadow:0 5px 16px #ff75251a}
.travel-live #boarding-next:active,.travel-live #calculate:active,.travel-live .boarding-choice[aria-pressed=true]:active{background:linear-gradient(115deg,#ff701b,#ffa634)}
.travel-live #calculate:disabled{background:#f2e2d6;color:#806951!important;box-shadow:none}
.travel-live .page-footer{color:#806850}
.travel-live #travel-shell.on-results{background:#fff8f2}
.travel-live input[type=checkbox]{accent-color:var(--brand-ink)}
.travel-live .live-price,.travel-live .live-product footer label{color:var(--brand-ink)}
.travel-live .live-product.picked{background:#fff9f3;box-shadow:0 8px 26px #f2782021}
.travel-live .live-product.picked footer{background:var(--brand-gradient)}
.travel-live .live-product.picked footer .compare-choice,.travel-live .live-product.picked .compare-selection{color:#fff}
.travel-live .live-product.picked input[type=checkbox]{accent-color:#fff}
.travel-live #comparison-dock{background:#fffdfb;color:var(--ink);box-shadow:0 -4px 28px #7b3b1214}
.travel-live .search-flight{background:linear-gradient(145deg,#ff6715,#ffa332 65%,#ffd38a);color:#49230e}
.travel-live .flight-back,.travel-live .flight-eyebrow,.travel-live .flight-route-labels,.travel-live .flight-route-labels span:last-child,.travel-live #flight-status,.travel-live .flight-signoff{color:#593014}
.travel-live .flight-cloud{stroke:#85451035}.travel-live .flight-runway,.travel-live .flight-route-line{stroke:#85451080}
.travel-live .flight-start-dot,.travel-live .flight-end-dot,.travel-live .flight-wait-mark span{fill:#74300e;background:#74300e}
.travel-live .flight-end-ring{fill:#fff3;stroke:#74300e80}.travel-live .flight-aircraft{fill:#fffaf4;filter:drop-shadow(0 6px 4px #78360030)}
.travel-live .flight-plane-detail{stroke:#a64716}
.travel-live .auth-symbol{background:#fff0e4;color:var(--brand-ink)}
.travel-live #auth-send-code,.travel-live .auth-message{color:var(--brand-ink)}
.travel-live .decision-summary{--decision-green:var(--brand-ink);--decision-ink:var(--ink);--decision-muted:var(--muted)}
.travel-live .decision-preferences button[aria-pressed=true],.travel-live .decision-plan header>span{background:var(--brand-gradient);color:#49230e}
.travel-live .decision-verdict,.travel-live .decision-plan.recommended{background:#fff0e3}
.travel-live .decision-summary .decision-proof>summary{color:#885332}
.travel-live #analysis-state{background:#fff8f2;color:var(--ink)}
.travel-live .analysis-orbit{color:var(--brand-ink);border-color:#ffd4b5}
.travel-live button:focus-visible,.travel-live a:focus-visible,.travel-live input:focus-visible,.travel-live summary:focus-visible,.travel-live .boarding-picker button:focus-visible{outline-color:#92380d}

/* Quiet brand signature shared by the boarding and results pages. */
.travel-live .page-footer{flex-direction:column;gap:6px;text-align:center;padding:22px 20px 18px;line-height:1.7;color:var(--muted)}
.travel-live .footer-tagline{font-size:12px;font-weight:400}
.travel-live .footer-credit{font-size:12px;font-weight:400;letter-spacing:.06em}

/* Feixiaoma travel companion: extracted from the supplied character sheet. */
.travel-live .brand-mascot{position:absolute;left:calc(var(--header-inset) - 5px);top:50%;transform:translateY(-50%);width:44px;height:44px;object-fit:contain;background:#fff8ed;border-radius:15px;padding:2px;box-shadow:0 3px 12px #9a420c12}
.travel-live .boarding-hero{position:relative;min-height:181px;padding:8px 24px 23px;gap:0;overflow:visible;align-items:center}
.travel-live .boarding-hero>div:first-child{flex:1;min-width:0}
.travel-live .boarding-hero h1{font-size:31px;white-space:normal;line-height:1.3;letter-spacing:-.035em;margin:9px 0 10px}
.travel-live .boarding-hero p{font-size:11px;letter-spacing:.06em}
.travel-live .boarding-hero span{font-size:12px}
.travel-live .boarding-hero .hero-mascot{flex:0 0 136px;height:162px;position:relative;z-index:0;margin:-5px -8px -12px 0;pointer-events:none}
.travel-live .hero-mascot img{position:relative;width:136px;height:162px;object-fit:contain;filter:drop-shadow(0 6px 10px #9b431410)}
.travel-live .mascot-halo{position:absolute;width:130px;height:130px;top:22px;left:5px;border-radius:50%;background:radial-gradient(circle,#fff4df99,transparent 72%)}
.travel-live .auth-symbol{width:52px;height:52px;background:#fff3e7;border-radius:16px}
.travel-live .auth-symbol img{width:48px;height:48px;object-fit:contain}
.travel-live .analysis-orbit{width:150px;height:150px;flex-shrink:0;border:0;margin-bottom:24px}
.travel-live .analysis-orbit img{width:112px;height:139px;object-fit:contain}
.travel-live .analysis-orbit:before{inset:0;border-top-color:#93cfe7;border-radius:50%;transform-origin:50% 50%;animation-duration:2.4s}
.travel-live .decision-loading{display:flex;align-items:center;gap:12px;text-align:left;min-height:80px}
.travel-live .decision-loading img{width:60px;height:74px;flex:none;object-fit:contain}
.travel-live .decision-loading span{font-size:14px;line-height:1.7}
@media(max-width:359px){
 .travel-live .boarding-hero{padding:8px 20px 21px;min-height:167px}
 .travel-live .boarding-hero h1{font-size:27px}
 .travel-live .boarding-hero .hero-mascot{flex-basis:108px;height:140px;margin-right:-9px}
 .travel-live .hero-mascot img{width:108px;height:140px}
 .travel-live .mascot-halo{width:104px;height:104px;left:0}
 .travel-live .boarding-hero>div:first-child>span{display:block;max-width:170px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.travel-live .analysis-orbit:before{animation:none}}

/* Compact boarding flow: keep the primary choices and action in one viewport. */
.travel-live #travel-shell:not(.on-results){padding-bottom:0;min-height:100svh}
.travel-live .mobile-header{height:58px;padding-top:7px;padding-bottom:7px}
.travel-live .boarding-hero{min-height:0;padding:7px 24px 18px;display:block}
.travel-live .boarding-hero h1{font-size:28px;line-height:1.3;margin:5px 0 5px;white-space:normal}
.travel-live .boarding-hero p{font-size:11px;line-height:1.5}
.travel-live .boarding-hero span{font-size:12px;line-height:1.5}
.travel-live .ticket-head{padding:13px 22px 12px}
.travel-live .ticket-route{margin-top:9px}
.travel-live .ticket-route strong{font-size:21px;line-height:1.3}
.travel-live .ticket-details{margin-top:9px}
.travel-live .ticket-body{padding:7px 22px 14px}
.travel-live .boarding-steps{margin-bottom:4px}
.travel-live .step-heading{margin:2px 0 12px}
.travel-live .step-heading h2{font-size:23px;line-height:1.35}
.travel-live .step-heading p{margin-top:3px;line-height:1.5}
.travel-live .boarding-picker{gap:9px}
.travel-live .boarding-choice,.travel-live .boarding-picker .boarding-other{min-height:72px;padding:11px 14px}
.travel-live .boarding-choice strong{font-size:23px;line-height:1.2}
.travel-live .boarding-choice .choice-subtitle{margin-top:4px;line-height:1.4}
.travel-live .boarding-actions{margin-top:14px}
.travel-live .boarding-actions button{min-height:48px;padding-top:10px;padding-bottom:10px}
.travel-live .boarding-pass #connection-note:empty{display:none}
.travel-live .ticket-tail{padding:10px 0 12px}
.travel-live #travel-shell:not(.on-results) .page-footer{padding:25px 16px 12px;gap:3px}
.travel-live #travel-shell:not(.on-results) .footer-tagline,.travel-live #travel-shell:not(.on-results) .footer-credit{font-size:12px;line-height:1.5}
.travel-live .boarding-custom{margin-top:10px}
.travel-live #search-page:has(.boarding-custom:not([hidden])) .boarding-hero{padding-bottom:12px}
.travel-live #search-page:has(.boarding-custom:not([hidden])) .boarding-hero p,
.travel-live #search-page:has(.boarding-custom:not([hidden])) .boarding-hero span{display:none}
@media(max-width:359px){
 .travel-live .boarding-hero{padding-left:20px;padding-right:20px}
 .travel-live .boarding-hero h1{font-size:25px}
 .travel-live .ticket-head{padding-left:18px;padding-right:18px}
 .travel-live .ticket-body{padding-left:18px;padding-right:18px}
 .travel-live .step-heading h2{font-size:21px}
}
@media(max-height:740px){
 .travel-live .mobile-header{height:54px}
 .travel-live .brand-mascot{width:38px;height:38px;border-radius:13px}
 .travel-live .boarding-hero{padding-top:4px;padding-bottom:12px}
 .travel-live .boarding-hero p{display:none}
 .travel-live .boarding-hero h1{margin-top:3px;font-size:26px}
 .travel-live .ticket-head{padding-top:10px;padding-bottom:10px}
 .travel-live .ticket-route{margin-top:6px}
 .travel-live .ticket-details{margin-top:6px}
 .travel-live .ticket-body{padding-top:4px;padding-bottom:11px}
 .travel-live .step-heading{margin-bottom:9px}
 .travel-live .boarding-choice,.travel-live .boarding-picker .boarding-other{min-height:64px;padding-top:9px;padding-bottom:9px}
 .travel-live .boarding-actions{margin-top:11px}
 .travel-live .ticket-tail{padding-top:8px;padding-bottom:8px}
 .travel-live #travel-shell:not(.on-results) .page-footer{padding-top:21px;padding-bottom:9px;gap:2px}
}
@media(max-height:620px){
 .travel-live .boarding-hero span{display:none}
 .travel-live .boarding-hero{padding-bottom:8px}
 .travel-live .boarding-hero h1{font-size:24px}
 .travel-live #search-page:has(.boarding-custom:not([hidden])) .boarding-hero{display:none}
}

/* Reset inherited admin navigation spacing inside the mobile boarding steps. */
.travel-live .boarding-steps{margin-top:0;padding:0;border:0}
@media(max-height:740px){
 .travel-live .ticket-caption{display:none}
 .travel-live .ticket-route{margin-top:0}
 .travel-live #travel-shell:not(.on-results) .footer-tagline{display:none}
}
@media(max-height:620px){.travel-live .boarding-hero{display:none}}

/* White typography on the original Feixiaoma orange, with restrained warm shadows. */
.travel-live .mobile-header,.travel-live .boarding-hero{color:#fff}
.travel-live .travel-brand{color:#fff;text-shadow:0 1px 3px #8b32094d}
.travel-live .boarding-hero h1{color:#fff;font-weight:700;text-shadow:0 2px 3px #963b1052,0 6px 16px #a3441029}
.travel-live .boarding-hero p,.travel-live .boarding-hero span{color:#fffaf5;text-shadow:0 1px 3px #8b320959}
.travel-live .saved-link{color:#fffaf5!important;text-shadow:0 1px 3px #8b32094d}

/* More breathing room where viewport height allows; a clean ticket divider. */
.travel-live .ticket-perforation:before,.travel-live .ticket-perforation:after{content:none;display:none}
@media(min-height:800px){
 .travel-live .mobile-header{height:60px}
 .travel-live .boarding-hero{padding-top:10px;padding-bottom:22px}
 .travel-live .boarding-hero h1{margin-top:7px;margin-bottom:8px}
 .travel-live .ticket-head{padding-top:15px;padding-bottom:14px}
 .travel-live .ticket-body{padding-top:9px;padding-bottom:16px}
 .travel-live .boarding-steps{margin-bottom:8px}
 .travel-live .step-heading{margin-bottom:14px}
 .travel-live .boarding-picker{gap:12px}
 .travel-live .boarding-choice,.travel-live .boarding-picker .boarding-other{min-height:78px;padding-top:13px;padding-bottom:13px}
 .travel-live .boarding-actions{margin-top:18px}
 .travel-live .ticket-tail{padding-top:10px;padding-bottom:12px}
}
@media(min-height:621px) and (max-height:740px){
 .travel-live .boarding-steps{margin-bottom:7px}
 .travel-live .step-heading{margin-bottom:12px}
 .travel-live .boarding-picker{gap:11px}
 .travel-live .boarding-choice,.travel-live .boarding-picker .boarding-other{min-height:68px;padding-top:10px;padding-bottom:10px}
 .travel-live .boarding-actions{margin-top:14px}
}

/* White destination lettering over the warm departure gradient. */
.travel-live #flight-heading{color:#fff;text-shadow:0 2px 8px #a13b1740}
.travel-live #flight-heading strong{color:#fff;font-weight:700;text-shadow:0 3px 0 #c8591226,0 6px 20px #9b3c2433}
.travel-live .flight-eyebrow{color:#fff6ec;text-shadow:0 1px 6px #923b2340}
.travel-live #flight-origin,.travel-live .flight-route-labels span:last-child{color:#fff;font-weight:600;text-shadow:0 2px 6px #91432055}
.travel-live .flight-route-line{stroke:#fff9}.travel-live .flight-end-ring{fill:#ffffff1f;stroke:#fff9}
.travel-live .flight-end-dot{fill:#fff}.travel-live .flight-wait-mark span{background:#fff}
/* Override the earlier ribbon treatment: selection lives beside the price. */
.travel-live .live-product.picked footer.card-price-row{background:none}

/* A selected route lifts gently, retaining the light reading surface. */
.travel-live .live-product{position:relative;transform:translateY(0);transition:transform 240ms cubic-bezier(.2,.7,.25,1),box-shadow 240ms ease,background-color 240ms ease}
.travel-live .live-product.picked{z-index:1;transform:translateY(-3px);background:#fff9f3;box-shadow:0 0 18px rgb(255 130 37 / 16%),0 8px 22px rgb(255 113 24 / 20%)}
.travel-live .live-product.picked footer.card-price-row{background:none}
.travel-live .live-product.picked footer .compare-choice{background:var(--brand-gradient);color:#fff;box-shadow:0 3px 10px #f47b251c}
.travel-live .live-product.picked .compare-selection{color:#fff}
.travel-live .live-product.picked input[type=checkbox]{accent-color:#fff}
@media(prefers-reduced-motion:reduce){.travel-live .live-product,.travel-live .live-product.picked{transform:none;transition:none}}

/* White, bold lettering on the orange comparison controls and recommendation badges. */
.travel-live .decision-preferences button[aria-pressed=true],.travel-live .decision-plan header>span{color:#fff;font-weight:700;text-shadow:0 1px 3px #b5411526}

/* Determinate visual progress with a fixed circular track and a stable percentage. */
.travel-live .analysis-progress{position:relative;width:176px;height:176px;flex-shrink:0;margin-bottom:74px}
.travel-live .analysis-progress-ring{display:block;width:176px;height:176px;transform:rotate(-90deg);stroke-width:7;overflow:visible}
.travel-live .analysis-progress-track{fill:none;stroke:#f7e5d6}
.travel-live .analysis-progress-arc{fill:none;stroke:url(#analysis-progress-gradient);stroke-linecap:round;transition:stroke-dashoffset 300ms ease}
.travel-live .analysis-progress-mascot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:104px;height:129px;object-fit:contain}
.travel-live .analysis-progress-number{position:absolute;top:100%;left:0;right:0;display:flex;align-items:baseline;justify-content:center;gap:3px;margin-top:10px;color:#e96818}
.travel-live .analysis-progress-number strong{font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.travel-live .analysis-progress-number>span{font-size:17px;font-weight:600}
.travel-live .product-detail{display:inline-flex;justify-content:center;min-height:36px;padding:0 12px;border-radius:9px;background:#f7eee6;color:#805f47;font-size:12px;font-weight:550;text-decoration:none}
.travel-live .product-detail:hover{background:#f5e4d5}
.travel-live .live-product input[type=checkbox]{appearance:none;-webkit-appearance:none;display:grid;place-content:center;width:17px;height:17px;flex-shrink:0;border:1.5px solid #d9aa83;border-radius:5px;background:transparent;cursor:pointer}
.travel-live .live-product input[type=checkbox]:checked{border-color:#fff;background:transparent}
.travel-live .live-product input[type=checkbox]:checked:after{content:'';display:block;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.travel-live .live-product input[type=checkbox]:focus-visible{outline:2px solid #b8470f;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.travel-live .analysis-progress-arc{transition:none}}

/* Real paper cutouts reveal the page gradient at both ends of the tear line. */
.travel-live .boarding-pass{--ticket-hole:11px;background:transparent;box-shadow:none;filter:drop-shadow(0 12px 20px #9b4c1517)}
.travel-live .ticket-head{
 -webkit-mask:radial-gradient(circle var(--ticket-hole) at left bottom,transparent 97%,#000 100%) left / 51% 100% no-repeat,radial-gradient(circle var(--ticket-hole) at right bottom,transparent 97%,#000 100%) right / 51% 100% no-repeat;
 mask:radial-gradient(circle var(--ticket-hole) at left bottom,transparent 97%,#000 100%) left / 51% 100% no-repeat,radial-gradient(circle var(--ticket-hole) at right bottom,transparent 97%,#000 100%) right / 51% 100% no-repeat;
}
.travel-live .ticket-lower{display:flow-root;background:var(--ticket-paper);border-radius:0 0 18px 18px;
 -webkit-mask:radial-gradient(circle var(--ticket-hole) at left top,transparent 97%,#000 100%) left / 51% 100% no-repeat,radial-gradient(circle var(--ticket-hole) at right top,transparent 97%,#000 100%) right / 51% 100% no-repeat;
 mask:radial-gradient(circle var(--ticket-hole) at left top,transparent 97%,#000 100%) left / 51% 100% no-repeat,radial-gradient(circle var(--ticket-hole) at right top,transparent 97%,#000 100%) right / 51% 100% no-repeat;
}
.travel-live .ticket-perforation{height:0;border:0;z-index:1}
.travel-live .ticket-perforation:before{content:'';display:block;position:absolute;inset:0;height:0;width:auto;border-radius:0;background:none;border-top:1px dashed #d0c8c3}
