:root{--bg1: #12151f;--bg2: #0b0d14;--card: #181c28;--card2: #12151f;--text: #eef1f8;--muted: #8892a6;--border: #1e2434;--accent: #8ef0c9;--accent2: #5ad1ff;--amber: #ffcf6b;--red: #ff7a7a;--radius: 18px;--gap: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0}body{background:linear-gradient(160deg,var(--bg1),var(--bg2)) fixed;color:var(--text);font-family:-apple-system,Segoe UI,Roboto,sans-serif;padding-bottom:96px}#app{max-width:480px;margin:0 auto;padding:20px 16px 8px}.card{background:var(--card);border-radius:var(--radius);padding:16px;margin-bottom:var(--gap)}.label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hero-num{font-size:44px;font-weight:750;letter-spacing:-.02em;line-height:1}.bar{height:9px;border-radius:99px;background:#242a3a;overflow:hidden}.bar>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent2))}button{font:inherit}.btn{min-height:44px;border:none;border-radius:12px;background:var(--accent);color:#06251b;font-weight:650;padding:0 18px}.btn.secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}.row{display:flex;align-items:center;justify-content:space-between}#nav{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;max-width:480px;margin:0 auto;padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:#12151feb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border)}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:56px;min-height:44px;text-decoration:none;color:var(--muted);font-size:10px}.tab.active{color:var(--text)}.tab-ic{font-size:20px}.tab.mid .tab-ic{background:var(--accent);color:#06251b;width:46px;height:46px;line-height:46px;border-radius:50%;margin-top:-22px;font-size:26px;font-weight:700;box-shadow:0 8px 20px #8ef0c966}.env{padding:10px 0;border-bottom:1px solid var(--border)}.env:last-child{border-bottom:none}.amt{width:100%;background:var(--card2);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:28px;font-weight:700;padding:12px 14px}.amt.note{font-size:15px;font-weight:400;margin-top:14px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:44px;padding:0 14px;border-radius:12px;background:var(--card2);border:1px solid var(--border);color:var(--text)}.chip.on{border-width:2px;background:#10202a}.del{background:none;border:none;color:var(--muted);font-size:14px;margin-left:8px}.tick{display:inline-block;width:20px;height:20px;line-height:18px;text-align:center;border:1px solid var(--border);border-radius:6px;margin-right:6px;font-size:13px}.tick.on{background:var(--accent);color:#06251b;border-color:var(--accent)}.mini{background:var(--card2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:8px 10px;font-size:14px;max-width:140px}.mini.num{max-width:80px;text-align:right}