:root{--green: #1D9E75;--green-light: #E1F5EE;--green-dark: #0F6E56;--purple: #534AB7;--amber: #BA7517;--coral: #D85A30;--blue: #378ADD;--radius: 10px;--radius-lg: 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f3;color:#1a1a18;min-height:100dvh}#root{max-width:480px;margin:0 auto;min-height:100dvh;background:#fff;display:flex;flex-direction:column}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}.btn-primary{background:var(--green);color:#fff;border:none;border-radius:var(--radius);padding:10px 18px;font-size:14px;font-weight:500}.btn-primary:hover{background:var(--green-dark)}.btn-ghost{background:none;border:1px solid #e0e0da;border-radius:var(--radius);padding:8px 14px;font-size:14px;color:#1a1a18}.btn-ghost:hover{background:#f5f5f3}.card{background:#fff;border:1px solid #ebebea;border-radius:var(--radius-lg);padding:16px}.badge-pro{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:10px;font-weight:600;padding:2px 7px;border-radius:99px;letter-spacing:.5px}@media (prefers-color-scheme: dark){body{background:#111110;color:#e8e8e4}#root{background:#1a1a18}.card{background:#1a1a18;border-color:#2e2e2b}.btn-ghost{border-color:#2e2e2b;color:#e8e8e4}.btn-ghost:hover{background:#222220}}