[data-theme=dark]{--tfx-bg:oklch(13% 0.012 290);--tfx-nav-bg:oklch(15% 0.014 290/0.82);--tfx-surface-card:oklch(20% 0.018 290);--tfx-border:oklch(30% 0.02 290/0.55);--tfx-text-primary:oklch(96% 0.01 290);--tfx-text-secondary:oklch(72% 0.015 290);--tfx-text-tertiary:oklch(52% 0.015 290);--tfx-shadow-color:rgba(0,0,0,0.55);--tfx-shadow-color-soft:rgba(0,0,0,0.35);--tfx-on-accent:oklch(99% 0.01 292);--tfx-accent:oklch(68% 0.19 292);--tfx-accent-soft:oklch(68% 0.19 292/0.16);--tfx-success:oklch(72% 0.14 150);--tfx-success-soft:oklch(72% 0.14 150/0.16);--tfx-heart-color:oklch(66% 0.19 20);--tfx-heart-soft:oklch(66% 0.19 20/0.18);--tfx-scrollbar:#7c5cfc;--tfx-scrollbar-hover:#8f74fd}[data-theme=light]{--tfx-bg:oklch(97% 0.006 290);--tfx-nav-bg:oklch(99% 0.004 290/0.85);--tfx-surface-card:oklch(93% 0.008 290);--tfx-border:oklch(85% 0.012 290);--tfx-text-primary:oklch(20% 0.012 290);--tfx-text-secondary:oklch(42% 0.015 290);--tfx-text-tertiary:oklch(56% 0.015 290);--tfx-shadow-color:rgba(30,20,50,0.18);--tfx-shadow-color-soft:rgba(30,20,50,0.12);--tfx-on-accent:#fff;--tfx-accent:oklch(56% 0.19 292);--tfx-accent-soft:oklch(56% 0.19 292/0.12);--tfx-success:oklch(52% 0.14 150);--tfx-success-soft:oklch(52% 0.14 150/0.12);--tfx-heart-color:oklch(56% 0.19 20);--tfx-heart-soft:oklch(56% 0.19 20/0.12);--tfx-scrollbar:#7c5cfc;--tfx-scrollbar-hover:#8f74fd}:root{--color-bg-primary:var(--tfx-bg);--color-bg-secondary:var(--tfx-surface-card);--color-bg-tertiary:var(--tfx-surface-card);--color-bg-card:var(--tfx-surface-card);--color-bg-hover:var(--tfx-surface-card);--color-bg-input:var(--tfx-surface-card);--color-accent-primary:var(--tfx-accent);--color-accent-secondary:var(--tfx-success);--color-accent-gradient:linear-gradient(135deg,var(--tfx-accent) 0%,var(--tfx-success) 100%);--color-text-primary:var(--tfx-text-primary);--color-text-secondary:var(--tfx-text-secondary);--color-text-muted:var(--tfx-text-tertiary);--color-success:var(--tfx-success);--color-warning:#f59e0b;--color-error:#ef4444;--color-online:var(--tfx-success);--color-border:var(--tfx-border);--color-border-hover:var(--tfx-border);--glass-bg:color-mix(in srgb,var(--tfx-text-primary) 5%,transparent);--glass-border:var(--tfx-border);--glass-shadow:0 8px 32px var(--tfx-shadow-color-soft);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--shadow-sm:0 1px 2px var(--tfx-shadow-color-soft);--shadow-md:0 4px 6px var(--tfx-shadow-color-soft);--shadow-lg:0 10px 15px var(--tfx-shadow-color);--shadow-xl:0 20px 25px var(--tfx-shadow-color)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;transition:background .2s ease,color .2s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:var(--tfx-accent);color:var(--tfx-on-accent)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px color-mix(in srgb,var(--tfx-accent) 40%,transparent)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-icon{padding:var(--spacing-sm);border-radius:var(--radius-full)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:500;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.badge-success{background:var(--tfx-success-soft);color:var(--tfx-success)}.container{max-width:1040px;margin:0 auto;padding:0 var(--spacing-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-up{animation:slideUp var(--transition-normal)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--tfx-scrollbar);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--tfx-scrollbar-hover)}*{scrollbar-color:var(--tfx-scrollbar) transparent;scrollbar-width:thin}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%}.spinner,.spinner-large{animation:spin 1s linear infinite}.spinner-large{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%}