:root{color-scheme:light;--fs-bg: #eceef2;--fs-bg-sub: #e2e5eb;--fs-card: #ffffff;--fs-card-hover: #f8fafc;--fs-accent: #2563eb;--fs-accent-hover: #1d4ed8;--fs-accent-soft: #eff6ff;--fs-purple: var(--fs-accent);--fs-purple-deep: #1e40af;--fs-neon: var(--fs-accent);--fs-pink: var(--fs-accent-hover);--fs-lavender: #64748b;--fs-accent-blue: var(--fs-accent);--fs-berry: #fef2f2;--fs-text: #0f172a;--fs-text-2: #334155;--fs-text-3: #64748b;--fs-text-disabled: #94a3b8;--fs-danger-bg: #fef2f2;--fs-border: #e2e8f0;--fs-border-strong: #cbd5e1;--fs-glow: 0 1px 2px rgba(15, 23, 42, .06);--fs-glow-hover: 0 2px 8px rgba(15, 23, 42, .08);--fs-radius: 8px;--fs-font: "Noto Sans SC", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg: var(--fs-bg);--surface: var(--fs-card);--border: var(--fs-border);--text: var(--fs-text);--muted: var(--fs-text-3);--accent: var(--fs-accent);--accent-hover: var(--fs-accent-hover);--danger: #dc2626;--radius: var(--fs-radius);--font: var(--fs-font)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--fs-font);color:var(--fs-text);background-color:var(--fs-bg);background-image:none}#app{min-height:100vh}a{color:var(--fs-accent);text-decoration:none}a:hover{color:var(--fs-accent-hover)}button,input{font:inherit}.fs-glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--fs-card);border:1px solid var(--fs-border);border-radius:var(--fs-radius);box-shadow:var(--fs-glow)}.fs-card-cosmic{background:var(--fs-card);border:1px solid var(--fs-border);border-radius:var(--fs-radius);box-shadow:var(--fs-glow)}.fs-btn-gradient{border:none;cursor:pointer;color:#fff;font-weight:600;border-radius:8px;padding:10px 18px;background:var(--fs-accent);box-shadow:none;transition:background .15s ease,opacity .15s ease}.fs-btn-gradient:hover:not(:disabled){transform:none;background:var(--fs-accent-hover);box-shadow:none}.fs-btn-gradient:disabled{opacity:.5;cursor:not-allowed}.fs-btn-ghost{border:1px solid var(--fs-border-strong);background:var(--fs-card);color:var(--fs-text-2);border-radius:8px;padding:10px 16px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.fs-btn-ghost:hover:not(:disabled){border-color:var(--fs-accent);color:var(--fs-text);box-shadow:none;background:var(--fs-card-hover)}.fs-btn-outline{border:1px solid var(--fs-border-strong);background:var(--fs-card);color:var(--fs-accent);border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:600;font-size:.85rem;transition:background .15s ease,border-color .15s ease}.fs-btn-outline:hover:not(:disabled){background:var(--fs-accent-soft);box-shadow:none}.fs-input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid var(--fs-border-strong);background:var(--fs-card);color:var(--fs-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.fs-input:focus{border-color:var(--fs-accent);box-shadow:0 0 0 3px #2563eb26}.fs-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid var(--fs-border);color:var(--fs-text-2);background:var(--fs-card-hover)}
