/* Base minimalista + pequenos detalhes visuais (Tailwind faz o resto) */
:root{--bg0:#070A12;--bg1:#0B1020;--card:#0F1730;--stroke:rgba(148,163,184,.18)}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 600px at 20% 0%, rgba(34,211,238,.12), transparent 60%),radial-gradient(900px 500px at 80% 10%, rgba(99,102,241,.10), transparent 55%),var(--bg0)}
::selection{background:rgba(34,211,238,.25)}
/* Scrollbar (quando suportado) */
*::-webkit-scrollbar{height:10px;width:10px}
*::-webkit-scrollbar-thumb{background:rgba(148,163,184,.22);border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.35)}
/* Pequena animação de shimmer para skeleton */
@keyframes shimmer{0%{transform:translateX(-60%)}100%{transform:translateX(160%)}}
.skeleton{position:relative;overflow:hidden;background:rgba(148,163,184,.10)}
.skeleton:after{content:'';position:absolute;inset:0;transform:translateX(-60%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 1.2s infinite}