@layer base{:root{--primary: #1e3a8a;--accent: #2dd4bf;--bg-main: #f9fafb;--surface: #ffffff;--text-main: #111827;--text-muted: #6b7280;--border: #e5e7eb}.dark{--bg-main: #0a0f18;--surface: #111b27;--text-main: #f9fafb;--text-muted: #94a3b8;--border: #1e293b}}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}.stitch-card{background:var(--surface);border-radius:24px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .stitch-card{box-shadow:0 10px 15px -3px #0000004d}.stitch-button{border-radius:16px;font-weight:700;padding:12px 24px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stitch-button:active{transform:scale(.96)}.animate-fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}button,a{min-height:44px;min-width:44px}