:root{--blue: #0063F0;--blue-dark: #004FC4;--navy: #002974;--ink: #0A2342;--green: #12693A;--green-bg: #E7F6EC;--orange: #DA5D23;--amber: #B26B00;--amber-bg: #FFF6E3;--amber-line: #F2D9A8;--card: #F9F9FB;--line: #E3E7F0;--muted: #6B7A99;--dim: #9AA6BC;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0}html{-webkit-text-size-adjust:100%;height:100%;color-scheme:only light}body{background:var(--card);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}@media (min-width: 520px){#root{max-width:430px;margin:0 auto;box-shadow:0 0 60px #0a234224;background:var(--card)}}.top{flex:none;background:#fff;border-bottom:1px solid var(--line);padding:calc(env(safe-area-inset-top) + 10px) 14px 11px;display:flex;align-items:center;gap:11px}.back{border:0;background:#f1f4fa;border-radius:999px;width:38px;height:38px;display:grid;place-items:center;flex:none;color:var(--navy);text-decoration:none}.back svg{width:17px;height:17px}.top h1{flex:1;font-size:20px;font-weight:700;letter-spacing:-.022em;color:var(--navy)}.wrap{flex:1 1 auto;padding:30px 16px 0}.q{font-size:21px;font-weight:700;color:var(--navy);letter-spacing:-.022em;margin:0 2px 20px}.footnote{padding:22px 8px 24px;text-align:center;font-size:13.5px;color:var(--muted);line-height:1.5}.lbl{font-size:11px;font-weight:700;letter-spacing:.085em;text-transform:uppercase;color:var(--muted);margin:0 2px 9px}.tlist{display:grid;gap:13px}.tcard{display:grid;grid-template-columns:1fr auto auto;align-items:center;-moz-column-gap:12px;column-gap:12px;row-gap:4px;grid-template-areas:"nm price chev" "sub price chev";background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:19px 16px;text-decoration:none;color:inherit;font-family:var(--font);text-align:left;width:100%}.tcard:active{background:#eff4fc;border-color:var(--blue)}.tcard__n{grid-area:nm;font-size:19px;font-weight:700;color:var(--navy);letter-spacing:-.02em}.tcard__s{grid-area:sub;font-size:14px;color:var(--muted);line-height:1.35}.tcard__p{grid-area:price;font-size:22px;font-weight:800;color:var(--navy);white-space:nowrap;font-variant-numeric:tabular-nums}.tcard__c{grid-area:chev;width:9px;height:15px;color:#c3cbd9}.lock{display:inline-flex;align-items:center;gap:5px;margin-top:5px;background:var(--amber-bg);color:var(--amber);border-radius:7px;padding:4px 8px;font-size:11.5px;font-weight:700}.lock svg{width:12px;height:12px}.paxbox{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.paxbox__l{font-size:15.5px;font-weight:600;color:var(--navy)}.stepper{display:flex;align-items:center;gap:14px}.stepper button{width:46px;height:46px;border:1.5px solid var(--line);background:#fff;border-radius:13px;font-size:24px;font-weight:600;color:var(--navy);line-height:1;display:grid;place-items:center}.stepper button:active{background:#eff4fc;border-color:var(--blue)}.stepper button:disabled{color:#cbd3e0;background:#f6f8fb;border-color:#edf0f6}.stepper .n{min-width:34px;text-align:center;font-size:26px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums}.total{display:flex;align-items:baseline;justify-content:space-between;margin-top:14px;padding:0 4px}.total__l{font-size:14px;color:var(--muted)}.total__r{font-size:26px;font-weight:800;color:var(--navy);letter-spacing:-.025em;font-variant-numeric:tabular-nums}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.card+.card{margin-top:10px}.field{display:block;margin-top:10px}.field span{display:block;font-size:12.5px;color:var(--muted);margin-bottom:5px}.field input{width:100%;border:1.5px solid var(--line);border-radius:11px;padding:12px;font-family:var(--font);font-size:16px;color:var(--ink);background:#fff}.field input:focus{outline:none;border-color:var(--blue)}.foot{flex:none;position:sticky;bottom:0;background:#f9f9fbf7;border-top:1px solid var(--line);padding:12px 14px calc(env(safe-area-inset-bottom) + 12px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn{display:block;width:100%;border:0;border-radius:14px;background:var(--blue);color:#fff;padding:15px 14px;font-family:var(--font);font-size:17px;font-weight:700;letter-spacing:-.01em;text-align:center;text-decoration:none;box-shadow:0 5px 16px #0063f042}.btn:active{background:var(--blue-dark);transform:translateY(1px)}.btn[disabled],.btn.off{background:#dde3ec;color:#9aa6bc;box-shadow:none;pointer-events:none}.btn2{display:block;width:100%;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--navy);padding:13px;font-family:var(--font);font-size:15px;font-weight:600;text-align:center;text-decoration:none;margin-top:9px}.accept{display:flex;align-items:flex-start;gap:11px;cursor:pointer;padding:0 2px 11px}.accept input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:26px;height:26px;border:2.5px solid #B9C3D4;border-radius:8px;flex:none;background:#fff;position:relative;margin-top:1px}.accept input:checked{background:var(--blue);border-color:var(--blue)}.accept input:checked:after{content:"";position:absolute;left:7.5px;top:2.5px;width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.accept span{font-size:14.5px;line-height:1.35}.accept a{color:var(--muted)}.pays{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pay{display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:14px;padding:16px 8px;font-family:var(--font);font-size:15.5px;font-weight:700;min-height:58px}.pay--apple{background:#000;color:#fff}.pay--google{background:#fff;color:#3c4043;border:1px solid #DADCE0}.pay--city{background:#0a2342;color:#fff;flex-direction:column;gap:2px}.pay--city b{font-size:14.5px;font-weight:800;letter-spacing:-.01em}.pay--city i{font-style:normal;font-size:11.5px;font-weight:600;opacity:.72}.pay.off{opacity:.45;pointer-events:none}.tkpage{background:linear-gradient(180deg,#0A5BA8 0%,#1478C8 42%,#E8EEF4 42%,var(--card) 100%);flex:1;display:flex;flex-direction:column}.tkwrap{flex:1;padding:14px 14px calc(env(safe-area-inset-bottom) + 22px)}.tkhead{display:flex;align-items:center;gap:11px;padding:0 0 9px}.tkhead .back{background:#ffffffe6}.tkhead h1{flex:1;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.02em}.ticket{background:#fff;border-radius:18px;box-shadow:0 8px 30px #0a23422e;overflow:hidden}.tk__top{padding:14px 18px 6px;text-align:center}.tk__nm{font-size:21px;font-weight:800;color:var(--navy);letter-spacing:-.025em}.badge-off{display:inline-flex;align-items:center;gap:6px;margin-top:9px;background:#f0f3f8;color:var(--muted);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.badge-off .d{width:7px;height:7px;border-radius:50%;background:#a9b4c9}.badge-on{display:inline-flex;align-items:center;gap:6px;margin-top:9px;background:var(--green-bg);color:var(--green);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.badge-on .d{width:7px;height:7px;border-radius:50%;background:var(--green)}.clocknote{font-size:13px;color:var(--muted);margin-top:11px;line-height:1.4}.facts{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;padding:0 8px}.fact{text-align:center;padding:2px 8px}.fact+.fact{border-left:1px solid var(--line)}.fact__l{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);line-height:1.2}.fact__v{display:block;font-size:21px;font-weight:700;color:var(--navy);margin-top:5px;letter-spacing:-.02em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qrbox{padding:18px 18px 6px;display:grid;place-items:center}.qrbox canvas{width:100%;max-width:276px;height:auto;display:block}.qrnote{text-align:center;font-size:12px;color:var(--dim);padding:0 18px 16px}.serial{text-align:center;font-size:13px;color:var(--muted);padding:0 18px 16px;font-variant-numeric:tabular-nums}.notice{margin:14px;padding:14px;border-radius:14px;background:var(--amber-bg);border:1px solid var(--amber-line);color:#5c3b00;font-size:14px}.err{margin:14px;padding:14px;border-radius:14px;background:#fdecec;border:1px solid #F5C6C6;color:#8a1f1f;font-size:14px}.center{text-align:center;padding:40px 20px;color:var(--muted)}nav.tabs{flex:none;display:flex;background:#f9f9fbf2;border-top:1px solid var(--line);padding:7px 0 calc(env(safe-area-inset-bottom) + 5px);-webkit-backdrop-filter:saturate(1.7) blur(14px);backdrop-filter:saturate(1.7) blur(14px);position:sticky;bottom:0;overflow:visible;z-index:30}nav.tabs a{flex:1;min-width:0;text-decoration:none;color:#98a4bb;display:flex;flex-direction:column;align-items:center;gap:3px;font-family:var(--font);font-size:9.5px;font-weight:600;line-height:1.1;text-align:center;padding:0 1px}nav.tabs a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}nav.tabs a[aria-current]{color:var(--blue)}nav.tabs svg{width:20px;height:20px}