:root{--vibe-purple:#7c3aed;--vibe-purple-light:#a78bfa;--vibe-purple-dark:#5b21b6;--vibe-pink:#ec4899;--vibe-bg:#f8fafc;--vibe-card:#fff;--vibe-text:#0f172a;--vibe-text-secondary:#64748b;--vibe-border:#e2e8f0;--vibe-success:#10b981;--vibe-warning:#f59e0b;--vibe-error:#ef4444}*{box-sizing:border-box;margin:0;padding:0}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:var(--vibe-bg);color:var(--vibe-text);min-height:100dvh}.btn-primary{background:var(--vibe-purple);color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem}.btn-primary:hover{background:var(--vibe-purple-dark);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;color:var(--vibe-purple);padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;border:2px solid var(--vibe-purple);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem}.btn-secondary:hover{background:var(--vibe-purple);color:#fff}.btn-ghost{background:transparent;color:var(--vibe-text-secondary);padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s;font-size:.9rem;display:inline-flex;align-items:center;gap:.25rem}.btn-ghost:hover{background:#f1f5f9}.input-field{width:100%;padding:.75rem 1rem;border:2px solid var(--vibe-border);border-radius:.75rem;font-size:1rem;transition:border-color .2s;background:#fff;color:var(--vibe-text)}.input-field:focus{outline:none;border-color:var(--vibe-purple)}.card{background:var(--vibe-card);border-radius:1rem;padding:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.06);border:1px solid var(--vibe-border)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-purple{background:#ede9fe;color:var(--vibe-purple)}.badge-pink{background:#fce7f3;color:var(--vibe-pink)}.badge-green{background:#d1fae5;color:#059669}.badge-yellow{background:#fef3c7;color:#d97706}.page-container{max-width:640px;margin:0 auto;padding:1rem 1rem 5rem}@media (min-width:768px){.page-container{max-width:768px;padding:1.5rem 1.5rem 2rem}}.animate-fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}