.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-bg: #f8f9fb;--color-surface: #ffffff;--color-text: #1a1a2e;--color-text-muted: #6b7280;--color-border: #e5e7eb;--radius-md: 12px;--radius-lg: 20px;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .06);--shadow-float: 0 10px 40px rgba(0, 0, 0, .12)}[data-theme=dark]{--color-bg: #0f0f17;--color-surface: #1a1a26;--color-text: #f1f1f4;--color-text-muted: #9ca3af;--color-border: #2a2a38;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .35);--shadow-float: 0 10px 40px rgba(0, 0, 0, .5)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);transition:background .2s ease,color .2s ease}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);border:1px solid var(--color-border)}.btn{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:10px 18px;font-weight:600;cursor:pointer;transition:transform .1s ease,background .15s ease}.btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb,var(--color-surface) 70%,transparent)}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-bg) 50%,var(--color-border) 75%);background-size:200% 100%;animation:skeleton-loading 1.2s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}