:root{--indigo: #4f46e5;--indigo-dark: #4338ca;--indigo-light: #eef0fd;--red: #d94040;--red-light: #fdf0f0;--gray-50: #f8f8f7;--gray-100: #efefed;--gray-200: #dddbd5;--gray-400: #9e9c96;--gray-600: #5f5e5a;--gray-900: #1a1a18;--border: .5px solid var(--gray-200);--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);font-size:14px;color:var(--gray-900);background:var(--gray-50);min-height:100vh}:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}button{font-family:var(--font)}.topbar{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#fff;border-bottom:var(--border);position:sticky;top:0;z-index:50}.logo{width:32px;height:32px;background:var(--indigo);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;flex-shrink:0}.brand{font-size:15px;font-weight:600;color:var(--gray-900)}.brand span{color:var(--indigo)}