@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--sf-bg: #ffffff;--sf-bg-secondary: #f5f5f5;--sf-text: #1a1a1a;--sf-text-secondary: #666666;--sf-accent: #3b82f6;--sf-accent-hover: #2563eb;--sf-card-bg: #ffffff;--sf-card-border: #e5e7eb;--sf-card-shadow: 0 1px 3px rgba(0,0,0,.1);--sf-success: #22c55e;--sf-warning: #f59e0b;--sf-error: #ef4444;--sf-radius: 12px;--sf-radius-sm: 8px;--tg-viewport-height: 100vh;--tg-viewport-stable-height: 100vh}body{background-color:var(--sf-bg);color:var(--sf-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-overflow-scrolling:touch;overflow-x:hidden;overscroll-behavior:none}*{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:auto;user-select:auto}}@layer components{.sf-card{@apply p-4;background-color:var(--sf-card-bg);border:1px solid var(--sf-card-border);border-radius:var(--sf-radius);box-shadow:var(--sf-card-shadow)}.sf-btn{@apply px-4 py-2.5 font-medium text-sm transition-all duration-200 active:scale-[.97];background-color:var(--sf-accent);color:#fff;border-radius:var(--sf-radius-sm)}.sf-btn:hover{background-color:var(--sf-accent-hover)}.sf-btn:disabled{@apply opacity-50 cursor-not-allowed transform-none;}.sf-btn-outline{@apply sf-btn;background-color:transparent;color:var(--sf-accent);border:1.5px solid var(--sf-accent)}.sf-input{@apply w-full px-3 py-2.5 text-sm;background-color:var(--sf-bg-secondary);color:var(--sf-text);border:1px solid var(--sf-card-border);border-radius:var(--sf-radius-sm)}.sf-input:focus{@apply outline-none ring-2 ring-blue-500/20 border-blue-500;}.sf-progress-bar{@apply w-full h-3 rounded-full overflow-hidden;background-color:var(--sf-bg-secondary)}.sf-progress-fill{@apply h-full rounded-full transition-all duration-700 ease-out;background:linear-gradient(90deg,var(--sf-accent),var(--sf-success))}.sf-skeleton{@apply animate-pulse rounded;background:linear-gradient(90deg,var(--sf-bg-secondary) 0%,var(--sf-card-border) 50%,var(--sf-bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}