:root{--bg: #f2f6f7;--surface: #ffffff;--ink: #14252e;--muted: #5e747e;--accent: #0c6e8e;--accent-ink: #ffffff;--signal: #c96a2b;--line: #d9e2e6}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0c161c;--surface: #14232b;--ink: #e6eef2;--muted: #8fa5ae;--accent: #3fa8cc;--accent-ink: #06222e;--signal: #e08a4c;--line: #24363f}}:root[data-theme=dark]{--bg: #0c161c;--surface: #14232b;--ink: #e6eef2;--muted: #8fa5ae;--accent: #3fa8cc;--accent-ink: #06222e;--signal: #e08a4c;--line: #24363f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:1rem;line-height:1.55}.app{max-width:480px;margin:0 auto;padding:0 1.1rem 3rem}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--line);margin-bottom:1.4rem}.brand{display:flex;align-items:center;gap:.5rem;font-weight:650;color:var(--accent)}.ship{font-size:.8rem;color:var(--muted)}h1{font-size:1.7rem;line-height:1.2;margin:.2rem 0 .6rem;text-wrap:balance}h2{font-size:1.25rem;margin:.1rem 0 .5rem}.eyebrow{font-size:.72rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0}.lede{color:var(--muted);margin:0 0 1.4rem}.field{margin-bottom:1.1rem}.label{font-size:.78rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem}.seg{display:flex;gap:.5rem;flex-wrap:wrap}.seg button{flex:1 1 auto;min-height:44px;padding:.5rem .9rem;font-size:.95rem;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer}.seg button.on{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:650}.btn{display:block;width:100%;min-height:52px;margin-top:.9rem;padding:.8rem 1rem;font-size:1.05rem;font-weight:650;text-align:center;text-decoration:none;border-radius:12px;border:1.5px solid transparent;cursor:pointer}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.ghost{background:transparent;color:var(--accent);border-color:var(--line)}.btn.small{width:auto;min-height:40px;font-size:.9rem;padding:.45rem 1rem;margin-top:.7rem;background:transparent;color:var(--accent);border-color:var(--line)}.btn:focus-visible,.seg button:focus-visible,.cta:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.hint{font-size:.82rem;color:var(--muted);margin-top:1rem}.statusbar{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--muted);margin-bottom:1rem}.gps{display:flex;align-items:center;gap:.45rem}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.dot[data-state=ok]{background:#2e9e5b}.dot[data-state=sim]{background:var(--signal)}.dot[data-state=error]{background:#c0392b}.progress{font-variant-numeric:tabular-nums;font-weight:650}.loading{margin-bottom:1rem}.loading p{margin:0 0 .45rem;font-size:.88rem;color:var(--muted)}.loading .bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.loading .bar span{display:block;height:100%;width:0%;background:var(--accent);border-radius:3px;transition:width .25s ease-out}@media(prefers-reduced-motion:reduce){.loading .bar span{transition:none}}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem;margin-bottom:1rem}.card.current{border-color:var(--accent)}.card.waiting{color:var(--muted);font-size:.92rem}.poilist{list-style:none;padding:0;margin:1.2rem 0 0}.poilist li{display:flex;align-items:center;gap:.6rem;padding:.55rem .2rem;border-bottom:1px solid var(--line);font-size:.95rem}.poilist li:before{content:"";width:10px;height:10px;border-radius:50%;flex:none;border:2px solid var(--line)}.poilist li[data-state=done]{color:var(--muted)}.poilist li[data-state=done]:before{background:var(--accent);border-color:var(--accent)}.poilist li[data-state=next]{font-weight:650}.poilist li[data-state=next]:before{border-color:var(--signal);background:var(--signal)}.ctas{display:flex;flex-direction:column;gap:.7rem}.cta{display:block;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem;text-decoration:none;color:var(--ink)}.cta strong{display:block;color:var(--accent);margin-bottom:.1rem}.cta span{font-size:.85rem;color:var(--muted)}#cta-block{margin-top:1.6rem}@media(prefers-reduced-motion:no-preference){.card.current{animation:pop .35s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}
