.travel-page button{font:inherit;border:0;background:transparent;color:inherit;cursor:pointer}.travel-page .travel-primary{background:#007aff;color:white}.travel-page .travel-ai{background:#e5eefb;color:#007aff}.travel-page .travel-history{border-radius:22px;color:#007aff}.travel-page .subscription-heading button{color:#007aff}.travel-page .subscription-row{background:white}
.travel-page{flex:1;min-height:0;overflow:auto;padding:12px 20px calc(36px + env(safe-area-inset-bottom));background:#f2f2f7;color:#18181a}.travel-heading{padding:20px 4px}.travel-heading>span{font-size:11px;letter-spacing:2px;color:#888}.travel-heading h2{font-size:27px;margin:12px 0}.travel-heading p,.travel-note{font-size:13px;color:#8a8a90;line-height:1.7}.travel-segment{display:flex;background:#e7e7ed;border-radius:18px;padding:4px;margin-bottom:20px}.travel-segment button{flex:1;display:flex;gap:9px;align-items:center;justify-content:center;border-radius:14px;padding:12px}.travel-segment .active{background:white;color:#007aff}.travel-fields{border-radius:24px;background:white;padding:8px 18px;margin:16px 0}.travel-fields label{display:flex;align-items:center;gap:12px;min-height:54px;font-size:14px}.travel-fields input{flex:1;min-width:0;width:50%;text-align:right;border:0;background:transparent;font:inherit;padding:10px 0;color:#555;border-radius:12px}.travel-primary,.travel-ai{width:100%;border-radius:22px;min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600}.travel-primary{background:#007aff;color:white}.travel-ai{background:#e5eefb;color:#007aff}.travel-page button:disabled{opacity:.4}.travel-history{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:20px;color:#007aff}.subscription-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 16px 14px}.subscription-heading h2{font-size:15px;color:#8e8e93;margin:0}.subscription-heading button{display:flex;align-items:center;gap:5px;color:#007aff;font-size:14px}.subscription-heading svg{width:19px}.subscription-group{background:white;border-radius:28px;overflow:hidden}.subscription-row{position:relative;display:flex;align-items:center;width:100%;gap:12px;padding:21px 16px;text-align:left;min-height:108px}.subscription-row:not(:last-child):after{content:'';position:absolute;bottom:0;left:74px;right:16px;height:1px;background:#e5e5ea}.ticket-icon{width:44px;height:44px;flex-shrink:0;border-radius:13px;background:linear-gradient(145deg,#47bdff,#007aff);display:grid;place-items:center;color:white}.ticket-icon.flight{background:linear-gradient(145deg,#70a4fb,#6560cf)}.ticket-icon svg{width:26px;height:26px}.ticket-copy{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.ticket-copy b{font-size:15px;font-weight:600;overflow-wrap:anywhere}.ticket-copy span,.ticket-copy small{color:#96969b;font-size:13px;overflow-wrap:anywhere}.ticket-price{font-size:13px;color:#666;white-space:nowrap}.subscription-row>svg{width:12px;flex-shrink:0;color:#c5c5ca}.subscription-empty{padding:22px 16px;color:#999;font-size:14px}.travel-mask{position:absolute;inset:0;z-index:120;background:#0003;display:flex;align-items:flex-end}.travel-detail{background:#f7f7fa;border-radius:30px 30px 0 0;width:100%;padding:24px 24px calc(28px + env(safe-area-inset-bottom));max-height:90%;overflow:auto;animation:travel-in .25s ease-out}.travel-detail header{display:flex;align-items:center;justify-content:space-between}.travel-detail h2{font-size:18px}.travel-detail header button{border-radius:50%;background:#e9e9ed;width:36px;height:36px;display:grid;place-items:center}.travel-detail h3{margin:26px 0 12px}.travel-detail p{line-height:1.6}.travel-amount{display:block;font-size:36px;margin:24px 0}.travel-card{display:flex;flex-direction:column;gap:10px;margin:22px 0}.travel-card select{border:0;border-radius:16px;background:white;padding:16px;font:inherit;max-width:100%}.travel-detail dl{display:grid;grid-template-columns:auto 1fr;gap:18px;font-size:14px;background:white;padding:20px;border-radius:20px}.travel-detail dt{color:#888}.travel-detail dd{margin:0;text-align:right;overflow-wrap:anywhere}.travel-error{color:#c33;font-size:14px}@keyframes travel-in{from{transform:translateY(25px);opacity:.3}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.travel-detail{animation:none}}@media(max-width:350px){.travel-page{padding-left:12px;padding-right:12px}.subscription-row{gap:9px;padding:17px 12px}.ticket-icon{width:36px;height:36px}.ticket-price{font-size:12px}.ticket-copy b{font-size:14px}}
.app-screen:has(.travel-page)>.app-nav .round-back{width:44px;height:44px;background:#fff;border-radius:50%}.travel-page .travel-segment button.active{background:#fff;color:#007aff}.travel-page .travel-detail header button{background:#e9e9ed}