:root{--bg: #0f172a;--card: #1e293b;--ink: #f1f5f9;--muted: #94a3b8;--accent: #4f46e5;--accent-d: #4338ca;--good: #16a34a;--warn: #f59e0b;--bad: #ef4444;--line: #334155}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.wrap{max-width:480px;margin:0 auto;padding:16px 16px 96px}h1{font-size:1.5rem;margin:12px 0}.muted{color:var(--muted)}.small{font-size:.82rem}button{font:inherit;cursor:pointer;border:none;border-radius:12px;padding:14px 18px;background:var(--accent);color:#fff;min-height:48px}button:active{background:var(--accent-d)}input,select{font:inherit;width:100%;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);min-height:48px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin:12px 0}.head{display:flex;align-items:center;gap:10px}.pro-badge{background:var(--good);color:#fff;font-size:.72rem;font-weight:700;padding:4px 8px;border-radius:999px;letter-spacing:.05em}.sub{margin-top:0;line-height:1.45}.tabs{display:flex;gap:8px;margin:8px 0 4px}.tab{flex:1;background:var(--card);color:var(--muted);border:1px solid var(--line);font-size:.92rem;padding:12px 8px}.tab.on{background:var(--accent);color:#fff;border-color:var(--accent)}.addrow{margin:4px 0}.add{width:100%;font-weight:600}.empty{text-align:center;padding:28px 8px;line-height:1.5}.shoe-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.dot{width:18px;height:18px;border-radius:50%;flex:none}.shoe-id{flex:1;min-width:0}.shoe-name{font-weight:600;font-size:1.05rem}.ghost{background:transparent;color:var(--muted);border:1px solid var(--line);padding:8px 14px;min-height:44px}.ghost:active{background:var(--line)}.bar{height:12px;background:#0b1220;border-radius:999px;overflow:hidden;border:1px solid var(--line)}.bar-fill{height:100%;border-radius:999px;transition:width .25s ease}.bar-fill.good{background:var(--good)}.bar-fill.warn{background:var(--warn)}.bar-fill.bad{background:var(--bad)}.mileline{display:flex;justify-content:space-between;align-items:baseline;margin:8px 0 12px}.miles{font-weight:700;font-variant-numeric:tabular-nums}.miles.good{color:var(--good)}.miles.warn{color:var(--warn)}.miles.bad{color:var(--bad)}.quick{display:flex;gap:8px;flex-wrap:wrap}.q{flex:1;min-width:56px;background:#0b1220;border:1px solid var(--line);color:var(--ink);font-weight:700;padding:12px 6px}.q:active{background:var(--accent-d)}.q.minus{color:var(--muted)}.retire{width:100%;margin-top:10px;background:transparent;border:1px solid var(--bad);color:var(--bad)}.retire:active{background:#ef444426}.upsell strong{display:block;margin-bottom:4px}.upsell p{margin:4px 0 14px}.btn-link{display:block;text-align:center;text-decoration:none;background:var(--accent);color:#fff;border-radius:12px;padding:14px 18px;min-height:48px;font-weight:600}.btn-link:active{background:var(--accent-d)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617b8;display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet{background:var(--card);width:100%;max-width:480px;border-radius:20px 20px 0 0;border-top:1px solid var(--line);padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:92vh;overflow-y:auto}.sheet h2{margin:4px 0 14px;font-size:1.2rem}.lbl{display:block;font-size:.85rem;color:var(--muted);margin:12px 0 6px}.two{display:flex;gap:12px}.two>div{flex:1}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:44px;height:44px;min-height:44px;border-radius:50%;padding:0;border:2px solid transparent}.swatch.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--bg) inset}.err{color:var(--bad);font-size:.88rem;margin:10px 0 0}.actions{display:flex;gap:12px;margin-top:18px}.wide{flex:1}