:root{--bg-base: #0a0a0f;--bg-card: #111118;--bg-card-hover: #16161f;--bg-input: #0e0e16;--border: rgba(255, 255, 255, .06);--border-active: rgba(212, 175, 55, .4);--gold: #d4af37;--gold-light: #f0cc5a;--gold-dim: rgba(212, 175, 55, .15);--gold-glow: 0 0 20px rgba(212, 175, 55, .2);--text-primary: #f0f0f5;--text-secondary: #8888aa;--text-muted: #44445a;--green: #34c759;--red: #ff3b30;--blue: #5e9cf5;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--nav-h: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}html,body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.5;overflow-x:hidden;min-height:100vh;min-height:-webkit-fill-available}#root{display:flex;flex-direction:column;min-height:100vh}::-webkit-scrollbar{width:0}.page{flex:1;padding:16px 16px calc(var(--nav-h) + 16px + var(--safe-bottom));max-width:480px;margin:0 auto;width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s,transform .15s}.card:active{transform:scale(.98)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .15s;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--gold);color:#0a0a0f}.btn-primary:active{background:var(--gold-light);transform:scale(.97)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:active{background:var(--bg-card-hover)}.btn-sm{padding:8px 14px;font-size:13px}.btn-full{width:100%}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px}.badge-gold{background:var(--gold-dim);color:var(--gold);border:1px solid rgba(212,175,55,.2)}.badge-green{background:#34c7591a;color:var(--green)}.badge-red{background:#ff3b301a;color:var(--red)}.badge-muted{background:#ffffff0d;color:var(--text-secondary)}.input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;font-family:var(--font-body);font-size:14px;color:var(--text-primary);outline:none;transition:border-color .2s}.input:focus{border-color:var(--border-active)}.input::placeholder{color:var(--text-muted)}.divider{height:1px;background:var(--border);margin:16px 0}.price{font-family:var(--font-display);font-weight:600;color:var(--gold)}.price-sm{font-size:14px}.price-md{font-size:18px}.price-lg{font-size:24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary)}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--gold-dim),var(--bg-card));border:1px solid var(--border-active);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.toast{position:fixed;bottom:calc(var(--nav-h) + 16px + var(--safe-bottom));left:50%;transform:translate(-50%) translateY(20px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 18px;font-size:13px;font-weight:500;color:var(--text-primary);opacity:0;transition:all .25s ease;z-index:1000;white-space:nowrap;box-shadow:0 8px 32px #0006}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;text-align:center}.empty-icon{font-size:48px;opacity:.4}.empty-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-secondary)}.empty-desc{font-size:13px;color:var(--text-muted)}.gold-line{height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.4;margin:0 -16px}