*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f8f9fb;--surface: #ffffff;--surface-2: #f1f3f6;--border: #e2e6ea;--text: #1a1d23;--text-muted: #6b7280;--accent: #4f46e5;--accent-light: #eef2ff;--red: #ef4444;--green: #22c55e;--yellow: #f59e0b;--yt: #ff0000;--ig: #e1306c;--fb: #1877f2;--li: #0a66c2;--web: #0ea5e9;--radius: 10px;--shadow: 0 1px 4px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04)}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:.875rem;border:none;border-radius:6px;padding:.45rem .9rem;font-weight:500;transition:opacity .15s}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:.875rem;border:1px solid var(--border);border-radius:6px;padding:.45rem .7rem;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}label{font-size:.8125rem;font-weight:500;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-yt{background:#fff0f0;color:var(--yt)}.badge-ig{background:#fff0f6;color:var(--ig)}.badge-fb{background:#eff6ff;color:var(--fb)}.badge-li{background:#eff6ff;color:var(--li)}.badge-web{background:#f0f9ff;color:var(--web)}.badge-ok{background:#f0fdf4;color:var(--green)}.badge-error{background:#fef2f2;color:var(--red)}