.stage{border-radius:var(--radius-stage);border:1px solid var(--color-border-subtle);background:var(--glow), var(--color-surface-raised);margin:0;position:relative}.stage figcaption{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-text-primary);text-align:center}.stage figcaption .mono{font-size:var(--font-size-sm)}.sample{margin-right:var(--space-2);padding:1px var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-chip);font-weight:var(--font-weight-semibold);white-space:nowrap;display:inline-block}:where(.ph-wrap){--s:1}.ph-wrap{width:calc(300px * var(--s));height:calc(620px * var(--s));flex:none;position:relative}.phone{width:300px;height:620px;transform:scale(var(--s));transform-origin:0 0;background:#0a0e0c;border-radius:46px;padding:10px;box-shadow:0 0 0 1px #ffffff1a}.screen{color:#17211c;background:#fff;border-radius:36px;width:280px;height:600px;font-family:Roboto,Segoe UI,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.35;position:relative;overflow:hidden}.marks{position:absolute;inset:0}.mk{border:2px dashed var(--color-marker);border-radius:var(--radius-chip);left:calc((var(--x) + 10) * var(--s) * 1px - 4px);top:calc((var(--y) + 10) * var(--s) * 1px - 4px);width:calc(var(--w) * var(--s) * 1px + 8px);height:calc(var(--h) * var(--s) * 1px + 8px);background:0 0;margin:0;padding:0;position:absolute}.mk.on{border:3px solid var(--color-marker)}.tg{pointer-events:none;color:var(--color-marker);border:1px solid var(--color-marker);font:var(--font-weight-bold) var(--font-size-xs)/1 var(--font-code);border-radius:var(--radius-chip);white-space:nowrap;background:#fff;padding:3px 5px;position:absolute;top:0;left:0}.tg.on{background:var(--color-marker);color:#fff}button.mk:focus-visible{outline-offset:2px;border-radius:var(--radius-chip);outline:3px solid #15201c;box-shadow:0 0 0 7px #f4f1e8}.screen,.screen[data-fidelity=muted] .app-full{--app-navy:#0b2545;--app-on-navy:#c5d3e6;--app-teal:#007c86;--app-teal-ink:#00616a;--app-teal-soft:#e0f4f5;--app-ink:#14213d;--app-soft:#f3f6f9}.screen[data-fidelity=muted]{--app-navy:#343b44;--app-on-navy:#cbd0d6;--app-teal:#5d6873;--app-teal-ink:#4e5862;--app-teal-soft:#eceef0;--app-ink:#202429;--app-soft:#f3f4f5}.sb{background:var(--app-navy);color:#fff;justify-content:space-between;padding:12px 22px 6px;font-size:12px;font-weight:600;display:flex}.nh{background:var(--app-navy);color:#fff;padding:6px 16px 14px}.nh .bk{align-items:center;gap:8px;font-size:17px;font-weight:700;line-height:1.25;display:flex}.nh .bk:before{content:"‹";margin-top:-2px;font-size:24px;font-weight:400;line-height:1}.nh .sub{color:var(--app-on-navy);margin-top:3px;font-size:12.5px}.nh .brand{color:var(--app-on-navy);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.nh .ttl{font-size:22px;font-weight:700}.nh .bk.sm{font-size:15.5px}.nh.tall{padding-bottom:44px}.bm{background:var(--app-teal);border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.bm svg{width:14px;height:14px}.sform{box-shadow:0 2px 10px color-mix(in srgb, var(--app-navy) 18%, transparent);background:#fff;border-radius:16px;margin:-32px 12px 0;padding:14px 12px 12px;position:relative}.fl{margin-bottom:10px}.fl label{color:#4d5b6e;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.inp{color:var(--app-ink);border:1.5px solid #6b7686;border-radius:10px;min-height:42px;padding:10px 12px;font-size:14px;font-weight:500}.inp.faint{border-color:#d5dce4}.inp small{color:#4d5b6e;font-size:11px;font-weight:400;display:block}.inp.row{justify-content:space-between;align-items:center;display:flex}.screen .swap{z-index:1;background:#fff;border:1.5px solid #6b7686;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:63px;right:22px}.swap svg{width:18px;height:18px}.fl-st .inp{padding-right:52px}.two{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.abtn{background:var(--app-teal);color:#fff;text-align:center;border-radius:24px;padding:12px;font-size:14px;font-weight:700}.sform .abtn{margin-top:12px}.inp .ph{color:#6b7686;font-weight:400}.abtn.off{color:#8792a2;background:#e6eaf0}.screen.soft{background:var(--app-soft)}.bn{color:#4d5b6e;background:#fff;border-top:1px solid #e6eaf0;justify-content:space-around;align-items:center;height:62px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.bn span{flex-direction:column;align-items:center;gap:3px;display:flex}.bn span:before{content:"";background:0 0;border-radius:2px;width:20px;height:4px}.bn .on{color:var(--app-teal-ink);font-weight:700}.bn .on:before{background:var(--app-teal)}.chips{background:var(--app-soft);gap:6px;padding:12px 16px 8px;display:flex}.chips span{color:var(--app-ink);background:#fff;border:1px solid #6b7686;border-radius:16px;padding:5px 11px;font-size:12px}.chips .on{background:var(--app-navy);color:#fff;border-color:var(--app-navy)}.res{background:var(--app-soft);padding:0 12px 8px}.conn{background:#fff;border-radius:12px;margin-bottom:8px;padding:10px 12px;box-shadow:0 0 0 1px #e6eaf0}.conn .r1{justify-content:space-between;align-items:baseline;display:flex}.conn .tm{color:var(--app-ink);font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.conn .pr{color:var(--app-ink);font-size:14px;font-weight:700}.conn .du{color:#9aa5b4;margin:2px 0 6px;font-size:12.5px;display:inline-block}.tag{color:var(--app-teal-ink);background:var(--app-teal-soft);border-radius:6px;margin-right:4px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.more{color:var(--app-teal-ink);margin:6px 4px 0;font-size:13px;font-weight:600;text-decoration:underline;display:inline-block}.banner{color:#d4a72c;background:#fff6db;border-radius:10px;align-items:flex-start;gap:8px;margin:12px 16px 4px;padding:9px 11px;font-size:12.5px;font-weight:600;display:flex}.tline{border-left:3px solid var(--app-teal);margin:10px 16px 6px;padding-left:18px}.tline .st{padding:0 0 12px;position:relative}.tline .st:before{content:"";border:3px solid var(--app-teal);background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:3px;left:-26px}.tline .st b{font-variant-numeric:tabular-nums;margin-right:6px}.tline .st small{color:#4d5b6e;font-size:12px;display:block}.tline .st.chg:before{border-color:var(--app-navy)}.amen{color:#4d5b6e;align-items:center;gap:10px;margin:22px 16px 14px;font-size:12px;display:flex}.amen .ico{background:var(--app-teal-soft);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.amen .ico svg{width:18px;height:18px}.pad{padding:0 16px}.legend{color:#4d5b6e;gap:12px;margin:12px 16px 8px;font-size:11.5px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i{background:#fff;border:1.5px solid #6b7686;border-radius:3px;width:12px;height:12px}.legend i.x{background:#b9c3d0;border-color:#b9c3d0}.legend i.s{background:var(--app-teal);border-color:var(--app-teal)}.coach{border:2px solid var(--app-navy);background:#f8fafc;border-radius:28px 28px 14px 14px;width:180px;margin:0 auto;padding:26px 14px 14px}.seats{grid-template-columns:repeat(2,26px) 18px repeat(2,26px);justify-content:center;gap:7px 6px;display:grid}.seat{color:#4d5b6e;background:#fff;border:1.5px solid #6b7686;border-radius:6px 6px 4px 4px;justify-content:center;align-items:center;height:26px;font-size:9px;display:flex}.seat.x{color:#0000;background:#b9c3d0;border-color:#b9c3d0}.seat.s{background:var(--app-teal);border-color:var(--app-teal);color:#fff;font-weight:700}.bbar{background:#fff;border-top:1px solid #e6eaf0;padding:10px 16px 16px;position:absolute;bottom:0;left:0;right:0}.bbar .l{justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.timer{background:var(--app-teal-soft);color:var(--app-navy);border-radius:14px;align-items:center;gap:6px;margin:12px 16px 8px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.osum{border-radius:12px;margin:0 16px 10px;padding:10px 12px;font-size:12.5px;box-shadow:0 0 0 1px #e6eaf0}.osum .rt{margin-bottom:4px;font-size:14px;font-weight:700}.osum .ln{color:#4d5b6e;justify-content:space-between;margin-top:3px;display:flex}.osum .tot{border-top:1px solid #e6eaf0;justify-content:space-between;margin-top:8px;padding-top:8px;font-size:14px;font-weight:700;display:flex}.pay{margin:0 16px}.pay .opt{border-bottom:1px solid #e6eaf0;align-items:center;gap:10px;padding:9px 0;font-size:13px;display:flex}.pay .opt i{border:2px solid #6b7686;border-radius:50%;flex:none;width:16px;height:16px}.pay .opt.on i{border:5px solid var(--app-teal)}.agree{color:#4d5b6e;align-items:flex-start;gap:8px;margin:10px 16px 26px;font-size:12px;display:flex}.agree i{background:var(--app-teal);color:#fff;border-radius:4px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-style:normal;display:flex}.ticket{box-shadow:0 0 0 1px #e6eaf0, 0 2px 10px color-mix(in srgb, var(--app-navy) 10%, transparent);border-radius:16px;margin:14px 16px;overflow:hidden}.ticket .tt{background:var(--app-teal);color:#fff;justify-content:space-between;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.ticket .tb{padding:10px 12px 12px}.ticket .rt{font-size:15px;font-weight:700}.ticket .ln{color:#4d5b6e;margin-top:2px;font-size:12.5px}.qrw{width:132px;margin:30px auto 6px;position:relative}.qrw svg.qr{width:132px;height:132px;display:block}.screen .zoom{background:#fff;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:0;right:-30px;box-shadow:0 0 0 1px #6b7686}.zoom svg{width:12px;height:12px}.qrc{text-align:center;color:#4d5b6e;font-size:11.5px}.start{background:var(--app-navy);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.start .bm{border-radius:20px;width:72px;height:72px;margin-bottom:8px}.start .bm svg{width:42px;height:42px}.start .t{font-size:26px;font-weight:700}.start .s{color:var(--app-on-navy)}.start .b1,.start .b2{border-radius:24px;width:100%;padding:12px;font-weight:700}.start .b1{background:var(--app-teal);margin-top:64px}.start .b2{border:1.5px solid #fff}@media (forced-colors:active){.mk{border-color:highlight}.tg{color:highlight;background:canvas;border-color:highlight}.tg.on{color:highlighttext;background:highlight}}.ph-wrap:not([data-placed]) .mk,.ph-wrap:not([data-placed]) .tg{visibility:hidden}