Bộ component đầy đủ — buttons · cards · forms · navigation · loaders. Đủ states (default/hover/active/disabled/focus/error). Sẵn sàng map sang shadcn/ui + Tailwind.
4 variant × 4 state. Click thật các button để xem hover/active. Cũng có row "frozen state" minh hoạ trạng thái tĩnh.
--color-accent · text --color-text-on-accent · hover --color-accent-hover + glow.
4 loại card chính: tarot card (3:4 ratio) · article card · pillar card · compatibility card có % meter.
kind, name, roman, revealed (boolean), glow (boolean).
Lá đầu tiên của bộ tarot — không phải về sự ngu ngốc, mà về niềm tin vào hành trình mới.
Nếu ngày sinh cộng lại ra 11, đừng rút gọn. Đây là một trong 3 con số bậc thầy.
22 lá Ẩn Chính + 56 lá Ẩn Phụ. Mỗi lá một archetype để soi mình.
Khám phá Tarot →Pythagorean — số 1 đến 9 + master numbers 11/22/33.
Khám phá Numerology →Sun · Moon · Rising. Archetype thay vì tử vi.
Khám phá Astro →Cùng nguyên tố Hoả — năng lượng đồng điệu, dễ thúc đẩy nhau. Cần để ý cái tôi.
Phong và Thổ — khó nhịp đầu. Nếu hiểu nhau, bù trừ tốt: tốc độ × kỷ luật.
signA, signB, percent, label, note.
Input · select · date picker · checkbox · radio · switch. Đủ states: default · focus · filled · error · disabled.
<select> native (mobile-friendly). Open menu là custom với arrow gold + check selected.
inputmode="numeric" để mobile show numpad. Tự auto-focus next field khi đủ ký tự.
Header sticky (glassmorphism) · mobile menu overlay · footer có disclaimer · breadcrumb.
position: sticky; top: 16px. Glass: bg navy 65% + backdrop-blur 20px + border gold 15%.
Pill-shape (border-radius 999) thay vì full-width — modern, premium.
--color-bg (void) đậm hơn page bg.
3 loader để chọn cho từng context: sparkle pulse (đơn giản, inline) · compass rotate (medium loading) · orbit constellation (heavy operation).