:root{--yb-bg:#f7f8fc;--yb-surface:#fff;--yb-text:#0f172a;--yb-muted:#64748b;--yb-border:#e2e8f0;--yb-primary:#4c3f91;--yb-primary-2:#6d5bd0;--yb-ok:#065f46;--yb-radius:14px}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 500px at 20% -10%, #ecebff, transparent), var(--yb-bg);color:var(--yb-text);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--yb-primary)}.yb-shell{max-width:1080px;margin:0 auto;padding:32px 16px 48px}.yb-card{background:var(--yb-surface);border:1px solid var(--yb-border);border-radius:var(--yb-radius);box-shadow:0 4px 20px #0f172a0a}.yb-card-pad{padding:16px}.yb-muted{color:var(--yb-muted)}.yb-badge{border:1px solid var(--yb-border);color:#334155;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.yb-btn{background:linear-gradient(135deg, var(--yb-primary), var(--yb-primary-2));color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:600}.yb-btn:disabled{opacity:.6;cursor:not-allowed}.yb-input,.yb-textarea{background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:10px 12px}.yb-grid{gap:12px;display:grid}