:root{--bg: #000;--card: #1c1c1e;--card-2: #2c2c2e;--fill: rgba(118, 118, 128, .24);--text: #f5f5f7;--text-2: rgba(235, 235, 245, .6);--text-3: rgba(235, 235, 245, .38);--sep: rgba(255, 255, 255, .1);--blue: #0a84ff;--blue-text: #64b5ff;--green: #30d158;--orange: #ff9f0a;--red: #ff453a;--home: #8e8e93;--flight: #0a84ff;--car: #64d2ff;--hotel: #bf5af2;--free: #ff9f0a;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg)}body{color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:var(--blue);text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}.screen{max-width:480px;margin:0 auto;min-height:100dvh;padding-top:max(12px,env(safe-area-inset-top,0px));padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:16px}.navbar{display:flex;align-items:center;justify-content:space-between;min-height:44px}.navbar .title{font-size:17px;font-weight:600}.link-btn{background:none;border:0;padding:0;color:var(--blue);font-size:17px;display:inline-flex;align-items:center;gap:2px;min-height:44px}.link-btn:disabled{color:var(--text-3)}.link-btn.bold{font-weight:600}.large-title{margin:0;font-size:34px;font-weight:700;letter-spacing:-.03em}.subtitle{font-size:15px;color:var(--text-2)}.section-title{margin:8px 4px 0;font-size:20px;font-weight:700;letter-spacing:-.02em}.group-label{margin:6px 4px 0;font-size:13px;font-weight:600;color:var(--text-2);display:flex;justify-content:space-between;align-items:baseline}.card{background:var(--card);border-radius:18px;padding:16px}.list{background:var(--card);border-radius:14px;overflow:hidden}.row{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 16px;position:relative}.row+.row:before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:var(--sep)}.row .grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.row .label{font-size:15px}.row .note{font-size:12px;color:var(--text-3)}.row .amount{font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.chev{color:var(--text-3)}.btn{height:52px;border:0;border-radius:14px;background:var(--blue);color:#fff;font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.btn.secondary{background:var(--fill);color:var(--text)}.btn.small{height:44px;font-size:15px;border-radius:12px}.btn:active{opacity:.8}.pill{font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px}.pill.green{color:var(--green);background:#30d15829}.pill.orange{color:var(--orange);background:#ff9f0a29}.segmented{padding:2px;border-radius:9px;background:var(--fill);display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.segmented button{height:30px;border:0;border-radius:7px;background:transparent;font-size:13px}.segmented button[aria-selected=true]{background:#636366;font-weight:600}.trip-card{display:flex;flex-direction:column;gap:10px;background:var(--card);border-radius:18px;padding:16px;border:0;text-align:left;width:100%}.trip-card .top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.trip-card .dest{font-size:22px;font-weight:700;letter-spacing:-.02em}.trip-card .total{font-size:17px;font-weight:600}.split-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;gap:2px}.legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--text-2)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:0}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:48px 12px 24px}.empty .big{font-size:22px;font-weight:700}.empty p{margin:0;color:var(--text-2);font-size:15px;line-height:1.45;max-width:320px}.upnext{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#0a84ff38,#0a84ff1a);border:.5px solid rgba(10,132,255,.35)}.upnext .icon{width:44px;height:44px;border-radius:12px;background:var(--blue);display:grid;place-items:center;flex:none}.upnext .eyebrow{font-size:12px;font-weight:600;color:var(--blue-text);text-transform:uppercase;letter-spacing:.04em}.upnext .what{font-size:17px;font-weight:600}.upnext .why{font-size:13px;color:var(--text-2)}.notice{padding:12px 16px;border-radius:14px;background:#ff9f0a1f;display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.4}.notice:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange);margin-top:6px;flex:none}.notice.error{background:#ff453a24}.notice.error:before{background:var(--red)}.day-head{margin:14px 4px 10px;display:flex;align-items:baseline;justify-content:space-between}.day-head h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.02em}.day-head span{font-size:13px;color:var(--text-2)}.rail{display:flex;flex-direction:column;margin-left:-8px}.rail .r{display:grid;grid-template-columns:64px 32px minmax(0,1fr);column-gap:10px}.rail .when{display:flex;flex-direction:column;align-items:flex-end;padding-top:1px}.rail .when .t{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;line-height:22px}.rail .when .z{font-size:11px;font-weight:500;color:#ebebf566}.rail .track{position:relative;display:flex;justify-content:center}.rail .seg{position:absolute;width:3px}.rail .node{position:relative;margin-top:3px;width:16px;height:16px;border-radius:50%;border:3px solid;box-shadow:0 0 0 4px var(--bg)}.rail .body{display:flex;flex-direction:column;gap:3px;padding-bottom:18px;min-width:0}.rail .body .title{font-size:17px;font-weight:600;line-height:22px}.rail .body .detail{font-size:14px;color:var(--text-2);line-height:1.4}.rail .stop{min-height:66px}.rail .actions{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px;font-weight:500;padding-top:2px}.btn.small{flex:1;min-width:0;padding:0 12px;text-align:center}.rail .stop.past{opacity:.45}.rail .move .label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--text-2)}.rail .move.fly .label{color:var(--blue-text)}.rail .plane{position:relative;align-self:center;width:26px;height:26px;border-radius:50%;background:var(--bg);display:grid;place-items:center}.rail .zone .tag{display:flex;align-items:center;justify-content:flex-end;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--car)}.rail .zone .tick{position:relative;align-self:center;width:18px;height:3px;border-radius:2px;background:var(--car);box-shadow:0 0 0 3px var(--bg)}.rail .zone .label{display:flex;align-items:center;font-size:13px;font-weight:500;color:var(--car)}.quiet{margin:0 4px;padding:14px 16px;border-radius:14px;background:var(--card);color:var(--text-2);font-size:15px;display:flex;justify-content:space-between}.hero{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0 4px;text-align:center}.hero .caption{font-size:15px;color:var(--text-2)}.hero .value{font-size:52px;font-weight:700;letter-spacing:-.04em;line-height:1.05;font-variant-numeric:tabular-nums}.added{color:var(--orange);font-weight:600}.countdown{padding:20px;border-radius:22px;background:radial-gradient(120% 120% at 0% 0%,#2a2a2e,#1c1c1e 60%);border:.5px solid var(--sep);display:flex;flex-direction:column;gap:14px}.countdown .next{font-size:13px;font-weight:600;color:var(--orange)}.countdown .big{display:flex;align-items:baseline;gap:8px}.countdown .big b{font-size:56px;font-weight:700;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.countdown .big span{font-size:20px;font-weight:600;color:var(--text-2)}.countdown p{margin:0;font-size:15px;color:var(--text-2);line-height:1.4}.progress{height:6px;border-radius:3px;background:#7676804d;overflow:hidden}.progress div{height:100%;background:var(--orange);border-radius:3px}.step{display:flex;gap:14px;padding:13px 16px;position:relative}.step+.step:before{content:"";position:absolute;top:0;left:56px;right:0;height:.5px;background:var(--sep)}.step .badge{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--fill)}.step.done{opacity:.55}.step.done .badge{background:#30d15833;color:var(--green)}.step.next .badge{background:var(--orange);color:#000}.step .grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.step .line1{display:flex;justify-content:space-between;gap:8px}.step .line1 b{font-size:16px;font-weight:600}.step .line1 span{font-size:14px;color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums}.step .detail{font-size:13px;color:var(--text-2);line-height:1.35}.form-intro h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.03em}.form-intro p{margin:6px 0 0;font-size:15px;color:var(--text-2);line-height:1.4}.field{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 16px;font-size:16px;position:relative}.field+.field:before,.field+.field-split:before,.field-split+.field:before,.field-split+.field-split:before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:var(--sep)}.field>span{width:118px;flex:none;color:var(--text-2)}.field input,.field select{flex:1;min-width:0;background:transparent;border:0;outline:none;height:44px;text-align:right}.field input::placeholder{color:var(--text-3)}.field input[type=date],.field input[type=time]{text-align:right}.field select{appearance:none;color:var(--text-2);direction:rtl}.field-split{display:grid;grid-template-columns:82px minmax(0,1.3fr) minmax(0,1fr);gap:6px;align-items:center;padding:0 16px;min-height:48px;position:relative;font-size:16px}.field-split>span{color:var(--text-2)}.field-split input{background:transparent;border:0;outline:none;height:44px;text-align:right;min-width:0;width:100%;font-size:15px;padding:0}.field-split input::-webkit-calendar-picker-indicator{margin-left:2px;opacity:.6}.field>.switch{width:51px}.field.invalid input{color:var(--red)}.item-head{display:flex;justify-content:space-between;align-items:center;margin:6px 4px 0}.item-head h3{margin:0;font-size:13px;font-weight:600;color:var(--text-2)}.remove{background:none;border:0;color:var(--red);font-size:13px;padding:4px}.add-link{background:none;border:0;color:var(--blue);font-size:15px;padding:6px 4px;text-align:left}.more{background:none;border:0;color:var(--blue);font-size:15px;padding:12px 16px;text-align:left;width:100%;border-top:.5px solid var(--sep)}.switch{position:relative;width:51px;height:31px;flex:none}.switch input{opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0;cursor:pointer}.switch i{position:absolute;inset:0;border-radius:999px;background:#78788052;transition:background .2s;pointer-events:none}.switch i:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #00000026;transition:transform .2s}.switch input:checked+i{background:var(--green)}.switch input:checked+i:after{transform:translate(20px)}.switch input:focus-visible+i{outline:2px solid var(--blue);outline-offset:2px}.stepper{display:flex;align-items:center;gap:14px}.stepper button{width:32px;height:32px;border-radius:8px;border:0;background:var(--fill);font-size:18px}.choice{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.choice button{border:0;border-radius:999px;padding:8px 14px;background:var(--fill);font-size:14px}.choice button[aria-pressed=true]{background:var(--blue);color:#fff;font-weight:600}.footer-note{font-size:12px;color:var(--text-3);text-align:center;line-height:1.5}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.option{width:100%;border:0;background:none;text-align:left}.radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--text-3);flex:none}.option[aria-checked=true] .radio{border:7px solid var(--blue)}.traffic{padding:16px;border-radius:18px;background:var(--card);display:flex;flex-direction:column;gap:10px}.traffic-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-2)}.traffic-time{margin-left:auto;font-weight:500;color:var(--text-3)}.traffic-dot{width:8px;height:8px;border-radius:50%;background:var(--text-3)}.traffic-dot.good{background:var(--green)}.traffic-dot.bad{background:var(--orange)}.traffic-main{margin:0;font-size:15px;line-height:1.4}.traffic-main b{font-weight:600}.traffic-error{margin:0;font-size:13px;color:var(--red)}.traffic-note{margin:0;font-size:12px;color:var(--text-3)}.btn:disabled{opacity:.6}
